@vuetify/nightly 3.2.0-dev-20230322.0 → 3.2.0-dev-20230405.0

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

@@ -5,6 +5,32 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
 }
 
+interface TouchHandlers {
+    start?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & TouchData) => void;
+    end?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & TouchData) => void;
+    move?: (wrapperEvent: {
+        originalEvent: TouchEvent;
+    } & TouchData) => void;
+    left?: (wrapper: TouchData) => void;
+    right?: (wrapper: TouchData) => void;
+    up?: (wrapper: TouchData) => void;
+    down?: (wrapper: TouchData) => void;
+}
+interface TouchData {
+    touchstartX: number;
+    touchstartY: number;
+    touchmoveX: number;
+    touchmoveY: number;
+    touchendX: number;
+    touchendY: number;
+    offsetX: number;
+    offsetY: number;
+}
+
 type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -36,17 +62,36 @@ declare const VCarousel: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            reverse: boolean;
             interval: string | number;
             height: string | number;
-            showArrows: string | boolean;
+            direction: string;
+            disabled: boolean;
+            tag: string;
+            mandatory: "force";
+            touch: boolean | TouchHandlers;
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+            showArrows: NonNullable<string | boolean>;
             cycle: boolean;
             hideDelimiters: boolean;
             hideDelimiterBackground: boolean;
             delimiterIcon: IconValue;
         }> & Omit<{
+            reverse: boolean;
             interval: string | number;
             height: string | number;
-            showArrows: string | boolean;
+            direction: string;
+            disabled: boolean;
+            tag: string;
+            mandatory: "force";
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+            showArrows: NonNullable<string | boolean>;
             cycle: boolean;
             hideDelimiters: boolean;
             hideDelimiterBackground: boolean;
@@ -54,6 +99,8 @@ declare const VCarousel: {
         } & {
             progress?: string | boolean | undefined;
             color?: string | undefined;
+            touch?: boolean | TouchHandlers | undefined;
+            theme?: string | undefined;
             modelValue?: any;
             verticalDelimiters?: boolean | "left" | "right" | undefined;
         } & {
@@ -154,7 +201,7 @@ declare const VCarousel: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "interval" | "height" | "showArrows" | "cycle" | "hideDelimiters" | "hideDelimiterBackground" | "delimiterIcon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "interval" | "height" | "direction" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon" | "showArrows" | "cycle" | "hideDelimiters" | "hideDelimiterBackground" | "delimiterIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -169,9 +216,18 @@ declare const VCarousel: {
         $emit: (event: "update:modelValue", val: any) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            reverse: boolean;
             interval: string | number;
             height: string | number;
-            showArrows: string | boolean;
+            direction: string;
+            disabled: boolean;
+            tag: string;
+            mandatory: "force";
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+            showArrows: NonNullable<string | boolean>;
             cycle: boolean;
             hideDelimiters: boolean;
             hideDelimiterBackground: boolean;
@@ -179,6 +235,8 @@ declare const VCarousel: {
         } & {
             progress?: string | boolean | undefined;
             color?: string | undefined;
+            touch?: boolean | TouchHandlers | undefined;
+            theme?: string | undefined;
             modelValue?: any;
             verticalDelimiters?: boolean | "left" | "right" | undefined;
         } & {
@@ -282,9 +340,19 @@ declare const VCarousel: {
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (val: any) => boolean;
         }, string, {
+            reverse: boolean;
             interval: string | number;
             height: string | number;
-            showArrows: string | boolean;
+            direction: string;
+            disabled: boolean;
+            tag: string;
+            mandatory: "force";
+            touch: boolean | TouchHandlers;
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+            showArrows: NonNullable<string | boolean>;
             cycle: boolean;
             hideDelimiters: boolean;
             hideDelimiterBackground: boolean;
@@ -310,9 +378,18 @@ declare const VCarousel: {
         $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;
     } & {
+        reverse: boolean;
         interval: string | number;
         height: string | number;
-        showArrows: string | boolean;
+        direction: string;
+        disabled: boolean;
+        tag: string;
+        mandatory: "force";
+        selectedClass: string;
+        continuous: boolean;
+        nextIcon: IconValue;
+        prevIcon: IconValue;
+        showArrows: NonNullable<string | boolean>;
         cycle: boolean;
         hideDelimiters: boolean;
         hideDelimiterBackground: boolean;
@@ -320,6 +397,8 @@ declare const VCarousel: {
     } & {
         progress?: string | boolean | undefined;
         color?: string | undefined;
+        touch?: boolean | TouchHandlers | undefined;
+        theme?: string | undefined;
         modelValue?: any;
         verticalDelimiters?: boolean | "left" | "right" | undefined;
     } & {
@@ -425,9 +504,18 @@ declare const VCarousel: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    reverse: boolean;
     interval: string | number;
     height: string | number;
-    showArrows: string | boolean;
+    direction: string;
+    disabled: boolean;
+    tag: string;
+    mandatory: "force";
+    selectedClass: string;
+    continuous: boolean;
+    nextIcon: IconValue;
+    prevIcon: IconValue;
+    showArrows: NonNullable<string | boolean>;
     cycle: boolean;
     hideDelimiters: boolean;
     hideDelimiterBackground: boolean;
@@ -435,6 +523,8 @@ declare const VCarousel: {
 } & {
     progress?: string | boolean | undefined;
     color?: string | undefined;
+    touch?: boolean | TouchHandlers | undefined;
+    theme?: string | undefined;
     modelValue?: any;
     verticalDelimiters?: boolean | "left" | "right" | undefined;
 } & {
@@ -538,14 +628,69 @@ declare const VCarousel: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (val: any) => boolean;
 }, string, {
+    reverse: boolean;
     interval: string | number;
     height: string | number;
-    showArrows: string | boolean;
+    direction: string;
+    disabled: boolean;
+    tag: string;
+    mandatory: "force";
+    touch: boolean | TouchHandlers;
+    selectedClass: string;
+    continuous: boolean;
+    nextIcon: IconValue;
+    prevIcon: IconValue;
+    showArrows: NonNullable<string | boolean>;
     cycle: boolean;
     hideDelimiters: boolean;
     hideDelimiterBackground: boolean;
     delimiterIcon: IconValue;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    continuous: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    nextIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    prevIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    reverse: BooleanConstructor;
+    showArrows: Omit<{
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<string | boolean>>;
+        default: NonNullable<string | boolean>;
+    };
+    touch: {
+        type: PropType<boolean | TouchHandlers>;
+        default: undefined;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: null;
+    disabled: BooleanConstructor;
+    selectedClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    mandatory: Omit<{
+        default: "force";
+    }, "type" | "default"> & {
+        type: PropType<"force">;
+        default: "force";
+    };
     color: StringConstructor;
     cycle: BooleanConstructor;
     delimiterIcon: {
@@ -563,15 +708,54 @@ declare const VCarousel: {
         default: number;
         validator: (value: string | number) => boolean;
     };
-    modelValue: null;
     progress: (StringConstructor | BooleanConstructor)[];
-    showArrows: {
-        type: (StringConstructor | BooleanConstructor)[];
+    verticalDelimiters: PropType<boolean | "left" | "right">;
+}, vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    continuous: {
+        type: PropType<boolean>;
         default: boolean;
+    };
+    nextIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    prevIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    reverse: BooleanConstructor;
+    showArrows: Omit<{
+        type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<string | boolean>>;
+        default: NonNullable<string | boolean>;
+    };
+    touch: {
+        type: PropType<boolean | TouchHandlers>;
+        default: undefined;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: null;
+    disabled: BooleanConstructor;
+    selectedClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    mandatory: Omit<{
+        default: "force";
+    }, "type" | "default"> & {
+        type: PropType<"force">;
+        default: "force";
     };
-    verticalDelimiters: PropType<boolean | "left" | "right">;
-}, vue.ExtractPropTypes<{
     color: StringConstructor;
     cycle: BooleanConstructor;
     delimiterIcon: {
@@ -589,13 +773,7 @@ declare const VCarousel: {
         default: number;
         validator: (value: string | number) => boolean;
     };
-    modelValue: null;
     progress: (StringConstructor | BooleanConstructor)[];
-    showArrows: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: boolean;
-        validator: (v: any) => boolean;
-    };
     verticalDelimiters: PropType<boolean | "left" | "right">;
 }>>;
 type VCarousel = InstanceType<typeof VCarousel>;

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -7,13 +7,13 @@ import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs"
 import { makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs"; // Composables
 import { useFocus } from "../../composables/focus.mjs"; // Utilities
 import { computed } from 'vue';
-import { filterInputAttrs, genericComponent, getUid, useRender } from "../../util/index.mjs"; // Types
+import { filterInputAttrs, genericComponent, getUid, omit, useRender } from "../../util/index.mjs"; // Types
 export const VCheckbox = genericComponent()({
   name: 'VCheckbox',
   inheritAttrs: false,
   props: {
     ...makeVInputProps(),
-    ...makeVCheckboxBtnProps()
+    ...omit(makeVCheckboxBtnProps(), ['inline'])
   },
   emits: {
     'update:focused': focused => true

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

@@ -1 +1 @@
-{"version":3,"file":"VCheckbox.mjs","names":["filterInputProps","makeVInputProps","VInput","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","filterProps","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 { 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] = 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,gBAAgB,EAAEC,eAAe,EAAEC,MAAM;AAAA,SACzCC,qBAAqB,EAAEC,YAAY,8BAE5C;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,GAAGb,eAAe,EAAE;IACpB,GAAGE,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,GAAG5B,gBAAgB,CAACc,KAAK,CAAC;MAChD,MAAM,CAACe,aAAa,EAAEC,EAAE,CAAC,GAAG1B,YAAY,CAAC2B,WAAW,CAACjB,KAAK,CAAC;MAE3D;QAAA,SAEU;MAAY,GACbW,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACQ,KAAK;QAAA,WACHZ,SAAS,CAACY;MAAK;QAGvB,GAAGb,KAAK;QACRc,OAAO,EAAE;UAAA,IAAC;YACRT,EAAE;YACFU,UAAU;YACVC,UAAU;YACVC;UACF,CAAC;UAAA,8CAEQP,aAAa;YAAA,MACbL,EAAE,CAACQ,KAAK;YAAA,oBACME,UAAU,CAACF,KAAK;YAAA,YACxBG,UAAU,CAACH,KAAK;YAAA,YAChBI,UAAU,CAACJ;UAAK,GACtBN,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","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","checkboxProps","_2","filterProps","_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 { filterInputProps, 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] = filterInputProps(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,gBAAgB,EAAEC,eAAe,EAAEC,MAAM;AAAA,SACzCC,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,GAAG9B,gBAAgB,CAACe,KAAK,CAAC;MAChD,MAAM,CAACgB,aAAa,EAAEC,EAAE,CAAC,GAAG5B,YAAY,CAAC6B,WAAW,CAAClB,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,CAEQJ,aAAa;YAAA,MACbL,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"}

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","slots","model","onChange","v","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,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrB,MAAMd,aAAa,GAAGN,eAAe,CAACe,KAAK,EAAE,eAAe,CAAC;IAC7D,MAAMM,KAAK,GAAGrB,eAAe,CAACe,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,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,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"}
+{"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"}

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

@@ -47,7 +47,6 @@ declare const VCheckbox: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            inline: boolean;
             error: boolean;
             direction: "horizontal" | "vertical";
             disabled: boolean;
@@ -66,7 +65,6 @@ declare const VCheckbox: {
             valueComparator: typeof deepEqual;
             indeterminateIcon: IconValue;
         }> & Omit<{
-            inline: boolean;
             error: boolean;
             direction: "horizontal" | "vertical";
             disabled: boolean;
@@ -148,7 +146,7 @@ declare const VCheckbox: {
             "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inline" | "error" | "direction" | "disabled" | "multiple" | "readonly" | "indeterminate" | "messages" | "density" | "ripple" | "focused" | "errorMessages" | "maxErrors" | "rules" | "falseIcon" | "trueIcon" | "valueComparator" | "indeterminateIcon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "multiple" | "readonly" | "indeterminate" | "messages" | "density" | "ripple" | "focused" | "errorMessages" | "maxErrors" | "rules" | "falseIcon" | "trueIcon" | "valueComparator" | "indeterminateIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -163,7 +161,6 @@ declare const VCheckbox: {
         $emit: (event: "update:focused", focused: boolean) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            inline: boolean;
             error: boolean;
             direction: "horizontal" | "vertical";
             disabled: boolean;
@@ -248,7 +245,6 @@ declare const VCheckbox: {
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:focused': (focused: boolean) => boolean;
         }, string, {
-            inline: boolean;
             error: boolean;
             direction: "horizontal" | "vertical";
             disabled: boolean;
@@ -287,7 +283,6 @@ declare const VCheckbox: {
         $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;
     } & {
-        inline: boolean;
         error: boolean;
         direction: "horizontal" | "vertical";
         disabled: boolean;
@@ -374,7 +369,6 @@ declare const VCheckbox: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    inline: boolean;
     error: boolean;
     direction: "horizontal" | "vertical";
     disabled: boolean;
@@ -459,7 +453,6 @@ declare const VCheckbox: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:focused': (focused: boolean) => boolean;
 }, string, {
-    inline: boolean;
     error: boolean;
     direction: "horizontal" | "vertical";
     disabled: boolean;
@@ -478,17 +471,31 @@ declare const VCheckbox: {
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    type: StringConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    name: StringConstructor;
+    color: StringConstructor;
+    value: null;
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    readonly: BooleanConstructor;
+    indeterminate: BooleanConstructor;
+    theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
-    error: BooleanConstructor;
-    id: StringConstructor;
-    inline: BooleanConstructor;
+    modelValue: null;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     falseIcon: {
         type: vue.PropType<NonNullable<IconValue>>;
         default: NonNullable<IconValue>;
@@ -497,27 +504,12 @@ declare const VCheckbox: {
         type: vue.PropType<NonNullable<IconValue>>;
         default: NonNullable<IconValue>;
     };
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    multiple: {
-        type: vue.PropType<boolean | null>;
-        default: null;
-    };
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    modelValue: null;
-    type: StringConstructor;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
-    label: StringConstructor;
     trueValue: null;
     falseValue: null;
-    value: null;
-    indeterminate: BooleanConstructor;
     indeterminateIcon: {
         type: vue.PropType<IconValue>;
         default: string;
@@ -552,17 +544,31 @@ declare const VCheckbox: {
     'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
     'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
 }, vue.ExtractPropTypes<{
+    type: StringConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    name: StringConstructor;
+    color: StringConstructor;
+    value: null;
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    readonly: BooleanConstructor;
+    indeterminate: BooleanConstructor;
+    theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
-    error: BooleanConstructor;
-    id: StringConstructor;
-    inline: BooleanConstructor;
+    modelValue: null;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     falseIcon: {
         type: vue.PropType<NonNullable<IconValue>>;
         default: NonNullable<IconValue>;
@@ -571,27 +577,12 @@ declare const VCheckbox: {
         type: vue.PropType<NonNullable<IconValue>>;
         default: NonNullable<IconValue>;
     };
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    multiple: {
-        type: vue.PropType<boolean | null>;
-        default: null;
-    };
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    modelValue: null;
-    type: StringConstructor;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
-    label: StringConstructor;
     trueValue: null;
     falseValue: null;
-    value: null;
-    indeterminate: BooleanConstructor;
     indeterminateIcon: {
         type: vue.PropType<IconValue>;
         default: string;