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

package/lib/components/VCard/VCardItem.mjs

@@ -4,10 +4,8 @@ import { VAvatar } from "../VAvatar/index.mjs";
 import { VCardSubtitle } from "./VCardSubtitle.mjs";
 import { VCardTitle } from "./VCardTitle.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs"; // Composables
-
 import { IconValue } from "../../composables/icons.mjs";
 import { makeDensityProps } from "../../composables/density.mjs"; // Utility
-
 import { defineComponent } from 'vue';
 import { useRender } from "../../util/index.mjs";
 export const VCardItem = defineComponent({
@@ -21,14 +19,12 @@ export const VCardItem = defineComponent({
     title: String,
     ...makeDensityProps()
   },
-
   setup(props, _ref) {
     let {
       slots
     } = _ref;
     useRender(() => {
       var _slots$prepend, _slots$title, _slots$subtitle, _slots$default, _slots$append;
-
       const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend);
       const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append);
       const hasTitle = !!(props.title || slots.title);
@@ -83,6 +79,5 @@ export const VCardItem = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VCardItem.mjs.map

package/lib/components/VCard/VCardItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCardItem.mjs","names":["VAvatar","VCardSubtitle","VCardTitle","VDefaultsProvider","IconValue","makeDensityProps","defineComponent","useRender","VCardItem","name","props","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","setup","slots","hasPrepend","prepend","hasAppend","append","hasTitle","hasSubtitle","density","icon","image","VIcon","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '../VAvatar'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\n\n// Utility\nimport { defineComponent } from 'vue'\nimport { useRender } from '@/util'\n\nexport const VCardItem = defineComponent({\n  name: 'VCardItem',\n\n  props: {\n    appendAvatar: String,\n    appendIcon: IconValue,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: String,\n    title: String,\n\n    ...makeDensityProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div class=\"v-card-item\">\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__prepend\">\n                { slots.prepend?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-card-item__content\">\n            { hasTitle && (\n              <VCardTitle key=\"title\">\n                { slots.title?.() ?? props.title}\n              </VCardTitle>\n            ) }\n\n            { hasSubtitle && (\n              <VCardSubtitle key=\"subtitle\">\n                { slots.subtitle?.() ?? props.subtitle }\n              </VCardSubtitle>\n            ) }\n\n            { slots.default?.() }\n          </div>\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__append\">\n                { slots.append?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,O;SACAC,a;SACAC,U;SACAC,iB,0CAET;;SACSC,S;SACAC,gB,yCAET;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,OAAO,MAAMC,SAAS,GAAGF,eAAe,CAAC;EACvCG,IAAI,EAAE,WADiC;EAGvCC,KAAK,EAAE;IACLC,YAAY,EAAEC,MADT;IAELC,UAAU,EAAET,SAFP;IAGLU,aAAa,EAAEF,MAHV;IAILG,WAAW,EAAEX,SAJR;IAKLY,QAAQ,EAAEJ,MALL;IAMLK,KAAK,EAAEL,MANF;IAQL,GAAGP,gBAAgB;EARd,CAHgC;;EAcvCa,KAAK,CAAER,KAAF,QAAoB;IAAA,IAAX;MAAES;IAAF,CAAW;IACvBZ,SAAS,CAAC,MAAM;MAAA;;MACd,MAAMa,UAAU,GAAG,CAAC,EAAEV,KAAK,CAACI,aAAN,IAAuBJ,KAAK,CAACK,WAA7B,IAA4CI,KAAK,CAACE,OAApD,CAApB;MACA,MAAMC,SAAS,GAAG,CAAC,EAAEZ,KAAK,CAACC,YAAN,IAAsBD,KAAK,CAACG,UAA5B,IAA0CM,KAAK,CAACI,MAAlD,CAAnB;MACA,MAAMC,QAAQ,GAAG,CAAC,EAAEd,KAAK,CAACO,KAAN,IAAeE,KAAK,CAACF,KAAvB,CAAlB;MACA,MAAMQ,WAAW,GAAG,CAAC,EAAEf,KAAK,CAACM,QAAN,IAAkBG,KAAK,CAACH,QAA1B,CAArB;MAEA;QAAA,SACa;MADb,IAEMI,UAAU;QAAA,OAEJ,SAFI;QAAA,YAGE;UACRpB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OADR;YAEPC,IAAI,EAAEjB,KAAK,CAACK,WAFL;YAGPa,KAAK,EAAElB,KAAK,CAACI;UAHN,CADD;UAMRe,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OADV;YAELC,IAAI,EAAEjB,KAAK,CAACK;UAFP;QANC;MAHF;QAAA;UAAA,SAeG;QAfH,IAgBJ,mBAAAI,KAAK,CAACE,OAAN,yCAAAF,KAAK,uCAhBD;MAAA,EAFhB;QAAA,SAuBe;MAvBf,IAwBQK,QAAQ;QAAA,OACQ;MADR;QAAA,gBAEJ,iBAAAL,KAAK,CAACF,KAAN,uCAAAE,KAAK,MAAcT,KAAK,CAACO,KAFrB;MAAA,EAxBhB,EA8BQQ,WAAW;QAAA,OACQ;MADR;QAAA,gBAEP,oBAAAN,KAAK,CAACH,QAAN,0CAAAG,KAAK,MAAiBT,KAAK,CAACM,QAFrB;MAAA,EA9BnB,oBAoCQG,KAAK,CAACW,OApCd,qBAoCQ,oBAAAX,KAAK,CApCb,IAuCMG,SAAS;QAAA,OAEH,QAFG;QAAA,YAGG;UACRtB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OADR;YAEPC,IAAI,EAAEjB,KAAK,CAACG,UAFL;YAGPe,KAAK,EAAElB,KAAK,CAACC;UAHN,CADD;UAMRkB,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OADV;YAELC,IAAI,EAAEjB,KAAK,CAACG;UAFP;QANC;MAHH;QAAA;UAAA,SAeI;QAfJ,IAgBH,kBAAAM,KAAK,CAACI,MAAN,wCAAAJ,KAAK,uCAhBF;MAAA,EAvCf;IA6DD,CAnEQ,CAAT;IAqEA,OAAO,EAAP;EACD;;AArFsC,CAAD,CAAjC"}
+{"version":3,"file":"VCardItem.mjs","names":["VAvatar","VCardSubtitle","VCardTitle","VDefaultsProvider","IconValue","makeDensityProps","defineComponent","useRender","VCardItem","name","props","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","setup","slots","hasPrepend","prepend","hasAppend","append","hasTitle","hasSubtitle","density","icon","image","VIcon","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '../VAvatar'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\n\n// Utility\nimport { defineComponent } from 'vue'\nimport { useRender } from '@/util'\n\nexport const VCardItem = defineComponent({\n  name: 'VCardItem',\n\n  props: {\n    appendAvatar: String,\n    appendIcon: IconValue,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: String,\n    title: String,\n\n    ...makeDensityProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div class=\"v-card-item\">\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__prepend\">\n                { slots.prepend?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-card-item__content\">\n            { hasTitle && (\n              <VCardTitle key=\"title\">\n                { slots.title?.() ?? props.title}\n              </VCardTitle>\n            ) }\n\n            { hasSubtitle && (\n              <VCardSubtitle key=\"subtitle\">\n                { slots.subtitle?.() ?? props.subtitle }\n              </VCardSubtitle>\n            ) }\n\n            { slots.default?.() }\n          </div>\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__append\">\n                { slots.append?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCardItem = InstanceType<typeof VCardItem>\n"],"mappings":";AAAA;AAAA,SACSA,OAAO;AAAA,SACPC,aAAa;AAAA,SACbC,UAAU;AAAA,SACVC,iBAAiB,0CAE1B;AAAA,SACSC,SAAS;AAAA,SACTC,gBAAgB,yCAEzB;AACA,SAASC,eAAe,QAAQ,KAAK;AAAA,SAC5BC,SAAS;AAElB,OAAO,MAAMC,SAAS,GAAGF,eAAe,CAAC;EACvCG,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAE;IACLC,YAAY,EAAEC,MAAM;IACpBC,UAAU,EAAET,SAAS;IACrBU,aAAa,EAAEF,MAAM;IACrBG,WAAW,EAAEX,SAAS;IACtBY,QAAQ,EAAEJ,MAAM;IAChBK,KAAK,EAAEL,MAAM;IAEb,GAAGP,gBAAgB;EACrB,CAAC;EAEDa,KAAK,CAAER,KAAK,QAAa;IAAA,IAAX;MAAES;IAAM,CAAC;IACrBZ,SAAS,CAAC,MAAM;MAAA;MACd,MAAMa,UAAU,GAAG,CAAC,EAAEV,KAAK,CAACI,aAAa,IAAIJ,KAAK,CAACK,WAAW,IAAII,KAAK,CAACE,OAAO,CAAC;MAChF,MAAMC,SAAS,GAAG,CAAC,EAAEZ,KAAK,CAACC,YAAY,IAAID,KAAK,CAACG,UAAU,IAAIM,KAAK,CAACI,MAAM,CAAC;MAC5E,MAAMC,QAAQ,GAAG,CAAC,EAAEd,KAAK,CAACO,KAAK,IAAIE,KAAK,CAACF,KAAK,CAAC;MAC/C,MAAMQ,WAAW,GAAG,CAAC,EAAEf,KAAK,CAACM,QAAQ,IAAIG,KAAK,CAACH,QAAQ,CAAC;MAExD;QAAA,SACa;MAAa,IACpBI,UAAU;QAAA,OAEJ,SAAS;QAAA,YACH;UACRpB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACK,WAAW;YACvBa,KAAK,EAAElB,KAAK,CAACI;UACf,CAAC;UACDe,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACK;UACd;QACF;MAAC;QAAA;UAAA,SAEU;QAAsB,IAC7B,mBAAAI,KAAK,CAACE,OAAO,qBAAb,oBAAAF,KAAK,CAAY,sCAAiB;MAAA,EAGzC;QAAA,SAEU;MAAsB,IAC7BK,QAAQ;QAAA,OACQ;MAAO;QAAA,gBACnB,iBAAAL,KAAK,CAACF,KAAK,qBAAX,kBAAAE,KAAK,CAAU,KAAIT,KAAK,CAACO,KAAK;MAAA,EAEnC,EAECQ,WAAW;QAAA,OACQ;MAAU;QAAA,gBACzB,oBAAAN,KAAK,CAACH,QAAQ,qBAAd,qBAAAG,KAAK,CAAa,KAAIT,KAAK,CAACM,QAAQ;MAAA,EAEzC,oBAECG,KAAK,CAACW,OAAO,qBAAb,oBAAAX,KAAK,CAAY,IAGnBG,SAAS;QAAA,OAEH,QAAQ;QAAA,YACF;UACRtB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACG,UAAU;YACtBe,KAAK,EAAElB,KAAK,CAACC;UACf,CAAC;UACDkB,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OAAO;YACtBC,IAAI,EAAEjB,KAAK,CAACG;UACd;QACF;MAAC;QAAA;UAAA,SAEU;QAAqB,IAC5B,kBAAAM,KAAK,CAACI,MAAM,qBAAZ,mBAAAJ,KAAK,CAAW,sCAAiB;MAAA,EAGxC;IAGP,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VCard/VCardSubtitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCardSubtitle.mjs","names":["createSimpleFunctional","VCardSubtitle"],"sources":["../../../src/components/VCard/VCardSubtitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardSubtitle = createSimpleFunctional('v-card-subtitle')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,aAAa,GAAGD,sBAAsB,CAAC,iBAAD,CAA5C"}
+{"version":3,"file":"VCardSubtitle.mjs","names":["createSimpleFunctional","VCardSubtitle"],"sources":["../../../src/components/VCard/VCardSubtitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardSubtitle = createSimpleFunctional('v-card-subtitle')\n\nexport type VCardSubtitle = InstanceType<typeof VCardSubtitle>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,aAAa,GAAGD,sBAAsB,CAAC,iBAAiB,CAAC"}

package/lib/components/VCard/VCardText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCardText.mjs","names":["createSimpleFunctional","VCardText"],"sources":["../../../src/components/VCard/VCardText.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardText = createSimpleFunctional('v-card-text')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,SAAS,GAAGD,sBAAsB,CAAC,aAAD,CAAxC"}
+{"version":3,"file":"VCardText.mjs","names":["createSimpleFunctional","VCardText"],"sources":["../../../src/components/VCard/VCardText.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardText = createSimpleFunctional('v-card-text')\n\nexport type VCardText = InstanceType<typeof VCardText>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,SAAS,GAAGD,sBAAsB,CAAC,aAAa,CAAC"}

package/lib/components/VCard/VCardTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCardTitle.mjs","names":["createSimpleFunctional","VCardTitle"],"sources":["../../../src/components/VCard/VCardTitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardTitle = createSimpleFunctional('v-card-title')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,UAAU,GAAGD,sBAAsB,CAAC,cAAD,CAAzC"}
+{"version":3,"file":"VCardTitle.mjs","names":["createSimpleFunctional","VCardTitle"],"sources":["../../../src/components/VCard/VCardTitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardTitle = createSimpleFunctional('v-card-title')\n\nexport type VCardTitle = InstanceType<typeof VCardTitle>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,UAAU,GAAGD,sBAAsB,CAAC,cAAc,CAAC"}

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

@@ -2,6 +2,8 @@ import * as vue from 'vue';
 import { JSXComponent, PropType } from 'vue';
 import * as vue_router from 'vue-router';
 
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
 declare type Tblock = typeof block[number];
@@ -50,7 +52,7 @@ declare const VCard: vue.DefineComponent<{
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -111,7 +113,7 @@ declare const VCard: vue.DefineComponent<{
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -142,7 +144,7 @@ declare const VCard: vue.DefineComponent<{
     disabled: boolean;
     tag: string;
     rounded: string | number | boolean;
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     ripple: boolean;
     hover: boolean;
@@ -150,10 +152,11 @@ declare const VCard: vue.DefineComponent<{
 declare type VCard = InstanceType<typeof VCard>;
 
 declare const VCardActions: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare type VCardActions = InstanceType<typeof VCardActions>;
 
 declare const VCardItem: vue.DefineComponent<{
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -165,7 +168,7 @@ declare const VCardItem: vue.DefineComponent<{
     title: StringConstructor;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     density: {
-        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -176,8 +179,9 @@ declare const VCardItem: vue.DefineComponent<{
     subtitle: StringConstructor;
     title: StringConstructor;
 }>>, {
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
 }>;
+declare type VCardItem = InstanceType<typeof VCardItem>;
 
 declare const VCardSubtitle: vue.DefineComponent<{
     tag: {
@@ -194,6 +198,7 @@ declare const VCardSubtitle: vue.DefineComponent<{
 }>>, {
     tag: string;
 }>;
+declare type VCardSubtitle = InstanceType<typeof VCardSubtitle>;
 
 declare const VCardText: vue.DefineComponent<{
     tag: {
@@ -210,6 +215,7 @@ declare const VCardText: vue.DefineComponent<{
 }>>, {
     tag: string;
 }>;
+declare type VCardText = InstanceType<typeof VCardText>;
 
 declare const VCardTitle: vue.DefineComponent<{
     tag: {
@@ -226,5 +232,6 @@ declare const VCardTitle: vue.DefineComponent<{
 }>>, {
     tag: string;
 }>;
+declare type VCardTitle = InstanceType<typeof VCardTitle>;
 
 export { VCard, VCardActions, VCardItem, VCardSubtitle, VCardText, VCardTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VCard","VCardActions","VCardItem","VCardSubtitle","VCardText","VCardTitle"],"sources":["../../../src/components/VCard/index.ts"],"sourcesContent":["export { VCard } from './VCard'\nexport { VCardActions } from './VCardActions'\nexport { VCardItem } from './VCardItem'\nexport { VCardSubtitle } from './VCardSubtitle'\nexport { VCardText } from './VCardText'\nexport { VCardTitle } from './VCardTitle'\n"],"mappings":"SAASA,K;SACAC,Y;SACAC,S;SACAC,a;SACAC,S;SACAC,U"}
+{"version":3,"file":"index.mjs","names":["VCard","VCardActions","VCardItem","VCardSubtitle","VCardText","VCardTitle"],"sources":["../../../src/components/VCard/index.ts"],"sourcesContent":["export { VCard } from './VCard'\nexport { VCardActions } from './VCardActions'\nexport { VCardItem } from './VCardItem'\nexport { VCardSubtitle } from './VCardSubtitle'\nexport { VCardText } from './VCardText'\nexport { VCardTitle } from './VCardTitle'\n"],"mappings":"SAASA,KAAK;AAAA,SACLC,YAAY;AAAA,SACZC,SAAS;AAAA,SACTC,aAAa;AAAA,SACbC,SAAS;AAAA,SACTC,UAAU"}

package/lib/components/VCarousel/VCarousel.mjs

@@ -1,18 +1,19 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
 // Styles
-import "./VCarousel.css"; // Components
+import "./VCarousel.css";
 
+// Components
 import { VBtn } from "../VBtn/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VProgressLinear } from "../VProgressLinear/index.mjs";
 import { VWindow } from "../VWindow/index.mjs"; // Composables
-
 import { IconValue } from "../../composables/icons.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-
 import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
-import { onMounted, ref, watch } from 'vue'; // Types
+import { onMounted, ref, watch } from 'vue';
+
+// Types
 
 export const VCarousel = defineComponent({
   name: 'VCarousel',
@@ -46,7 +47,6 @@ export const VCarousel = defineComponent({
   emits: {
     'update:modelValue': val => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -63,17 +63,14 @@ export const VCarousel = defineComponent({
       if (val) restartTimeout();else window.clearTimeout(slideTimeout);
     });
     onMounted(startTimeout);
-
     function startTimeout() {
       if (!props.cycle || !windowRef.value) return;
       slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000);
     }
-
     function restartTimeout() {
       window.clearTimeout(slideTimeout);
       window.requestAnimationFrame(startTimeout);
     }
-
     useRender(() => _createVNode(VWindow, {
       "ref": windowRef,
       "modelValue": model.value,
@@ -133,6 +130,5 @@ export const VCarousel = defineComponent({
     }));
     return {};
   }
-
 });
 //# sourceMappingURL=VCarousel.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VCarousel.mjs","names":["VBtn","VDefaultsProvider","VProgressLinear","VWindow","IconValue","useLocale","useProxiedModel","convertToUnit","defineComponent","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","modelValue","progress","showArrows","v","verticalDelimiters","emits","val","setup","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","additional","left","right","items","length","icon","size","variant","map","item","index","class","isSelected","id","onClick","select","undefined","getItemIndex","prev"],"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\nimport { VWindow } from '@/components/VWindow'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { PropType } from 'vue'\n\nexport const VCarousel = defineComponent({\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) => value > 0,\n    },\n    modelValue: null,\n    progress: [Boolean, String],\n    showArrows: {\n      type: [Boolean, String],\n      default: true,\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\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                          '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"],"mappings":"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"}
+{"version":3,"file":"VCarousel.mjs","names":["VBtn","VDefaultsProvider","VProgressLinear","VWindow","IconValue","useLocale","useProxiedModel","convertToUnit","defineComponent","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","modelValue","progress","showArrows","v","verticalDelimiters","emits","val","setup","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","additional","left","right","items","length","icon","size","variant","map","item","index","class","isSelected","id","onClick","select","undefined","getItemIndex","prev"],"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\nimport { VWindow } from '@/components/VWindow'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { PropType } from 'vue'\n\nexport const VCarousel = defineComponent({\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) => value > 0,\n    },\n    modelValue: null,\n    progress: [Boolean, String],\n    showArrows: {\n      type: [Boolean, String],\n      default: true,\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\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                          '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

@@ -2,7 +2,6 @@ import { createVNode as _createVNode, resolveDirective as _resolveDirective } fr
 // Components
 import { VImg } from "../VImg/index.mjs";
 import { VWindowItem } from "../VWindow/index.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VCarouselItem = defineComponent({
   name: 'VCarouselItem',
@@ -10,7 +9,6 @@ export const VCarouselItem = defineComponent({
   props: {
     value: null
   },
-
   setup(props, _ref) {
     let {
       slots,
@@ -23,6 +21,5 @@ export const VCarouselItem = defineComponent({
       default: () => [_createVNode(VImg, attrs, slots)]
     }));
   }
-
 });
 //# sourceMappingURL=VCarouselItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VCarouselItem.mjs","names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\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;SACSA,I;SACAC,W,gCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;EAC3CG,IAAI,EAAE,eADqC;EAG3CC,YAAY,EAAE,KAH6B;EAK3CC,KAAK,EAAE;IACLC,KAAK,EAAE;EADF,CALoC;;EAS3CC,KAAK,CAAEF,KAAF,QAA2B;IAAA,IAAlB;MAAEG,KAAF;MAASC;IAAT,CAAkB;IAC9BR,SAAS,CAAC;MAAA,SACW,iBADX;MAAA,SACqCI,KAAK,CAACC;IAD3C;MAAA,mCAEKG,KAFL,EAEuBD,KAFvB;IAAA,EAAD,CAAT;EAKD;;AAf0C,CAAD,CAArC"}
+{"version":3,"file":"VCarouselItem.mjs","names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\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,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;EAC3CG,IAAI,EAAE,eAAe;EAErBC,YAAY,EAAE,KAAK;EAEnBC,KAAK,EAAE;IACLC,KAAK,EAAE;EACT,CAAC;EAEDC,KAAK,CAAEF,KAAK,QAAoB;IAAA,IAAlB;MAAEG,KAAK;MAAEC;IAAM,CAAC;IAC5BR,SAAS,CAAC;MAAA,SACW,iBAAiB;MAAA,SAASI,KAAK,CAACC;IAAK;MAAA,mCAC3CG,KAAK,EAAaD,KAAK;IAAA,EAErC,CAAC;EACJ;AACF,CAAC,CAAC"}

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

@@ -69,6 +69,7 @@ declare const VCarousel: vue.DefineComponent<{
     hideDelimiters: boolean;
     hideDelimiterBackground: boolean;
 }>;
+declare type VCarousel = InstanceType<typeof VCarousel>;
 
 declare const VCarouselItem: vue.DefineComponent<{
     value: null;

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

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

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -1,19 +1,19 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VCheckbox.css"; // Components
+import "./VCheckbox.css";
 
+// Components
 import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
 import { filterCheckboxBtnProps, makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs"; // Utilities
-
 import { computed } from 'vue';
 import { defineComponent, filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
 export const VCheckbox = defineComponent({
   name: 'VCheckbox',
   inheritAttrs: false,
-  props: { ...makeVInputProps(),
+  props: {
+    ...makeVInputProps(),
     ...makeVCheckboxBtnProps()
   },
-
   setup(props, _ref) {
     let {
       attrs,
@@ -29,7 +29,8 @@ export const VCheckbox = defineComponent({
         "class": "v-checkbox"
       }, inputAttrs, inputProps, {
         "id": id.value
-      }), { ...slots,
+      }), {
+        ...slots,
         default: _ref2 => {
           let {
             id,
@@ -46,6 +47,5 @@ export const VCheckbox = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VCheckbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VCheckbox.mjs","names":["filterInputProps","makeVInputProps","VInput","filterCheckboxBtnProps","makeVCheckboxBtnProps","VCheckboxBtn","computed","defineComponent","filterInputAttrs","getUid","useRender","VCheckbox","name","inheritAttrs","props","setup","attrs","slots","uid","id","inputAttrs","controlAttrs","inputProps","_1","checkboxProps","_2","value","default","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// 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  setup (props, { attrs, slots }) {\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        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\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,yB,CAEA;;SACSA,gB,EAAkBC,e,EAAiBC,M;SACnCC,sB,EAAwBC,qB,EAAuBC,Y,8BAExD;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,gB,EAAkBC,M,EAAQC,S;AAEpD,OAAO,MAAMC,SAAS,GAAGJ,eAAe,CAAC;EACvCK,IAAI,EAAE,WADiC;EAGvCC,YAAY,EAAE,KAHyB;EAKvCC,KAAK,EAAE,EACL,GAAGb,eAAe,EADb;IAEL,GAAGG,qBAAqB;EAFnB,CALgC;;EAUvCW,KAAK,CAAED,KAAF,QAA2B;IAAA,IAAlB;MAAEE,KAAF;MAASC;IAAT,CAAkB;IAC9B,MAAMC,GAAG,GAAGT,MAAM,EAAlB;IACA,MAAMU,EAAE,GAAGb,QAAQ,CAAC,MAAMQ,KAAK,CAACK,EAAN,IAAa,YAAWD,GAAI,EAAnC,CAAnB;IAEAR,SAAS,CAAC,MAAM;MACd,MAAM,CAACU,UAAD,EAAaC,YAAb,IAA6Bb,gBAAgB,CAACQ,KAAD,CAAnD;MACA,MAAM,CAACM,UAAD,EAAaC,EAAb,IAAmBvB,gBAAgB,CAACc,KAAD,CAAzC;MACA,MAAM,CAACU,aAAD,EAAgBC,EAAhB,IAAsBtB,sBAAsB,CAACW,KAAD,CAAlD;MAEA;QAAA,SAEU;MAFV,GAGSM,UAHT,EAISE,UAJT;QAAA,MAKSH,EAAE,CAACO;MALZ,MAQM,GAAGT,KART;QASMU,OAAO,EAAE;UAAA,IAAC;YACRR,EADQ;YAERS,UAFQ;YAGRC;UAHQ,CAAD;UAAA,8CAMAL,aANA;YAAA,MAOAL,EAAE,CAACO,KAPH;YAAA,YAQME,UAAU,CAACF,KARjB;YAAA,YASMG,UAAU,CAACH;UATjB,GAUAL,YAVA,GAWKJ,KAXL;QAAA;MATf;IA0BD,CA/BQ,CAAT;IAiCA,OAAO,EAAP;EACD;;AAhDsC,CAAD,CAAjC"}
+{"version":3,"file":"VCheckbox.mjs","names":["filterInputProps","makeVInputProps","VInput","filterCheckboxBtnProps","makeVCheckboxBtnProps","VCheckboxBtn","computed","defineComponent","filterInputAttrs","getUid","useRender","VCheckbox","name","inheritAttrs","props","setup","attrs","slots","uid","id","inputAttrs","controlAttrs","inputProps","_1","checkboxProps","_2","value","default","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// 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  setup (props, { attrs, slots }) {\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        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\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;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,GAAGb,eAAe,EAAE;IACpB,GAAGG,qBAAqB;EAC1B,CAAC;EAEDW,KAAK,CAAED,KAAK,QAAoB;IAAA,IAAlB;MAAEE,KAAK;MAAEC;IAAM,CAAC;IAC5B,MAAMC,GAAG,GAAGT,MAAM,EAAE;IACpB,MAAMU,EAAE,GAAGb,QAAQ,CAAC,MAAMQ,KAAK,CAACK,EAAE,IAAK,YAAWD,GAAI,EAAC,CAAC;IAExDR,SAAS,CAAC,MAAM;MACd,MAAM,CAACU,UAAU,EAAEC,YAAY,CAAC,GAAGb,gBAAgB,CAACQ,KAAK,CAAC;MAC1D,MAAM,CAACM,UAAU,EAAEC,EAAE,CAAC,GAAGvB,gBAAgB,CAACc,KAAK,CAAC;MAChD,MAAM,CAACU,aAAa,EAAEC,EAAE,CAAC,GAAGtB,sBAAsB,CAACW,KAAK,CAAC;MAEzD;QAAA,SAEU;MAAY,GACbM,UAAU,EACVE,UAAU;QAAA,MACVH,EAAE,CAACO;MAAK;QAGX,GAAGT,KAAK;QACRU,OAAO,EAAE;UAAA,IAAC;YACRR,EAAE;YACFS,UAAU;YACVC;UACF,CAAC;UAAA,8CAEQL,aAAa;YAAA,MACbL,EAAE,CAACO,KAAK;YAAA,YACFE,UAAU,CAACF,KAAK;YAAA,YAChBG,UAAU,CAACH;UAAK,GACtBL,YAAY,GACPJ,KAAK;QAAA;MAElB;IAIT,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VCheckbox/VCheckboxBtn.mjs

@@ -1,13 +1,10 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Components
 import { makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Composables
-
-import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { IconValue } from "../../composables/icons.mjs"; // Utilities
-
+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
-
 export const makeVCheckboxBtnProps = propsFactory({
   indeterminate: Boolean,
   indeterminateIcon: {
@@ -18,7 +15,7 @@ export const makeVCheckboxBtnProps = propsFactory({
     falseIcon: '$checkboxOff',
     trueIcon: '$checkboxOn'
   })
-});
+}, 'VCheckboxBtn');
 export const VCheckboxBtn = defineComponent({
   name: 'VCheckboxBtn',
   props: makeVCheckboxBtnProps(),
@@ -26,22 +23,17 @@ export const VCheckboxBtn = defineComponent({
     'update:modelValue': value => true,
     'update:indeterminate': val => true
   },
-
   setup(props, _ref) {
     let {
-      slots,
-      emit
+      slots
     } = _ref;
     const indeterminate = useProxiedModel(props, 'indeterminate');
-
+    const model = useProxiedModel(props, 'modelValue');
     function onChange(v) {
       if (indeterminate.value) {
         indeterminate.value = false;
       }
-
-      emit('update:modelValue', v);
     }
-
     const falseIcon = computed(() => {
       return props.indeterminate ? props.indeterminateIcon : props.falseIcon;
     });
@@ -49,17 +41,17 @@ export const VCheckboxBtn = defineComponent({
       return props.indeterminate ? props.indeterminateIcon : props.trueIcon;
     });
     useRender(() => _createVNode(VSelectionControl, _mergeProps(props, {
+      "modelValue": model.value,
+      "onUpdate:modelValue": [$event => model.value = $event, onChange],
       "class": "v-checkbox-btn",
       "type": "checkbox",
       "inline": true,
-      "onUpdate:modelValue": onChange,
       "falseIcon": falseIcon.value,
       "trueIcon": trueIcon.value,
       "aria-checked": props.indeterminate ? 'mixed' : undefined
     }), slots));
     return {};
   }
-
 });
 export function filterCheckboxBtnProps(props) {
   return pick(props, Object.keys(VCheckboxBtn.props));

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

@@ -1 +1 @@
-{"version":3,"file":"VCheckboxBtn.mjs","names":["makeSelectionControlProps","VSelectionControl","useProxiedModel","IconValue","computed","defineComponent","pick","propsFactory","useRender","makeVCheckboxBtnProps","indeterminate","Boolean","indeterminateIcon","type","default","falseIcon","trueIcon","VCheckboxBtn","name","props","emits","value","val","setup","slots","emit","onChange","v","undefined","filterCheckboxBtnProps","Object","keys"],"sources":["../../../src/components/VCheckbox/VCheckboxBtn.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '../VSelectionControl/VSelectionControl'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\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})\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, emit }) {\n    const indeterminate = useProxiedModel(props, 'indeterminate')\n\n    function onChange (v: any) {\n      if (indeterminate.value) {\n        indeterminate.value = false\n      }\n\n      emit('update:modelValue', v)\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        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;SACSA,yB,EAA2BC,iB,sDAEpC;;SACSC,e;SACAC,S,uCAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,I,EAAMC,Y,EAAcC,S,gCAE9C;;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OADiC;EAEhDC,iBAAiB,EAAE;IACjBC,IAAI,EAAEV,SADW;IAEjBW,OAAO,EAAE;EAFQ,CAF6B;EAOhD,GAAGd,yBAAyB,CAAC;IAC3Be,SAAS,EAAE,cADgB;IAE3BC,QAAQ,EAAE;EAFiB,CAAD;AAPoB,CAAD,CAA1C;AAaP,OAAO,MAAMC,YAAY,GAAGZ,eAAe,CAAC;EAC1Ca,IAAI,EAAE,cADoC;EAG1CC,KAAK,EAAEV,qBAAqB,EAHc;EAK1CW,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB,IADhC;IAEL,wBAAyBC,GAAD,IAAkB;EAFrC,CALmC;;EAU1CC,KAAK,CAAEJ,KAAF,QAA0B;IAAA,IAAjB;MAAEK,KAAF;MAASC;IAAT,CAAiB;IAC7B,MAAMf,aAAa,GAAGR,eAAe,CAACiB,KAAD,EAAQ,eAAR,CAArC;;IAEA,SAASO,QAAT,CAAmBC,CAAnB,EAA2B;MACzB,IAAIjB,aAAa,CAACW,KAAlB,EAAyB;QACvBX,aAAa,CAACW,KAAd,GAAsB,KAAtB;MACD;;MAEDI,IAAI,CAAC,mBAAD,EAAsBE,CAAtB,CAAJ;IACD;;IAED,MAAMZ,SAAS,GAAGX,QAAQ,CAAC,MAAM;MAC/B,OAAOe,KAAK,CAACT,aAAN,GACHS,KAAK,CAACP,iBADH,GAEHO,KAAK,CAACJ,SAFV;IAGD,CAJyB,CAA1B;IAMA,MAAMC,QAAQ,GAAGZ,QAAQ,CAAC,MAAM;MAC9B,OAAOe,KAAK,CAACT,aAAN,GACHS,KAAK,CAACP,iBADH,GAEHO,KAAK,CAACH,QAFV;IAGD,CAJwB,CAAzB;IAMAR,SAAS,CAAC,kDAEDW,KAFC;MAAA,SAGA,gBAHA;MAAA,QAID,UAJC;MAAA;MAAA,uBAMgBO,QANhB;MAAA,aAOMX,SAAS,CAACM,KAPhB;MAAA,YAQKL,QAAQ,CAACK,KARd;MAAA,gBASSF,KAAK,CAACT,aAAN,GAAsB,OAAtB,GAAgCkB;IATzC,IAUIJ,KAVJ,CAAD,CAAT;IAcA,OAAO,EAAP;EACD;;AAhDyC,CAAD,CAApC;AAqDP,OAAO,SAASK,sBAAT,CAAiCV,KAAjC,EAAoG;EACzG,OAAOb,IAAI,CAACa,KAAD,EAAQW,MAAM,CAACC,IAAP,CAAYd,YAAY,CAACE,KAAzB,CAAR,CAAX;AACD"}
+{"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}, 'VCheckboxBtn')\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,cAAc,CAAC;AAElB,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"}