@vuetify/nightly 4.0.0-dev-20230511.0 → 4.0.0-dev-20230512.0

package/lib/components/VCarousel/VCarousel.mjs

@@ -10,39 +10,40 @@ import { VProgressLinear } from "../VProgressLinear/index.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
-import { convertToUnit, genericComponent, useRender } from "../../util/index.mjs";
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 import { onMounted, ref, watch } from 'vue';
 
 // Types
 
+export const makeVCarouselProps = propsFactory({
+  color: String,
+  cycle: Boolean,
+  delimiterIcon: {
+    type: IconValue,
+    default: '$delimiter'
+  },
+  height: {
+    type: [Number, String],
+    default: 500
+  },
+  hideDelimiters: Boolean,
+  hideDelimiterBackground: Boolean,
+  interval: {
+    type: [Number, String],
+    default: 6000,
+    validator: value => Number(value) > 0
+  },
+  progress: [Boolean, String],
+  verticalDelimiters: [Boolean, String],
+  ...makeVWindowProps({
+    continuous: true,
+    mandatory: 'force',
+    showArrows: true
+  })
+}, 'v-carousel');
 export const VCarousel = genericComponent()({
   name: 'VCarousel',
-  props: {
-    color: String,
-    cycle: Boolean,
-    delimiterIcon: {
-      type: IconValue,
-      default: '$delimiter'
-    },
-    height: {
-      type: [Number, String],
-      default: 500
-    },
-    hideDelimiters: Boolean,
-    hideDelimiterBackground: Boolean,
-    interval: {
-      type: [Number, String],
-      default: 6000,
-      validator: value => Number(value) > 0
-    },
-    progress: [Boolean, String],
-    verticalDelimiters: [Boolean, String],
-    ...makeVWindowProps({
-      continuous: true,
-      mandatory: 'force',
-      showArrows: true
-    })
-  },
+  props: makeVCarouselProps(),
   emits: {
     'update:modelValue': val => true
   },

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

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

package/lib/components/VCarousel/VCarouselItem.mjs

@@ -1,28 +1,30 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Components
-import { VImg } from "../VImg/index.mjs";
-import { VWindowItem } from "../VWindow/index.mjs"; // Composables
-import { makeComponentProps } from "../../composables/component.mjs"; // Utilities
-import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+import { makeVImgProps, VImg } from "../VImg/VImg.mjs";
+import { makeVWindowItemProps, VWindowItem } from "../VWindow/VWindowItem.mjs"; // Utilities
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVCarouselItemProps = propsFactory({
+  ...makeVImgProps(),
+  ...makeVWindowItemProps()
+}, 'v-carousel-item');
 export const VCarouselItem = genericComponent()({
   name: 'VCarouselItem',
   inheritAttrs: false,
-  props: {
-    value: null,
-    ...makeComponentProps()
-  },
+  props: makeVCarouselItemProps(),
   setup(props, _ref) {
     let {
       slots,
       attrs
     } = _ref;
-    useRender(() => _createVNode(VWindowItem, {
-      "class": ['v-carousel-item', props.class],
-      "style": props.style,
-      "value": props.value
-    }, {
-      default: () => [_createVNode(VImg, attrs, slots)]
-    }));
+    useRender(() => {
+      const [imgProps] = VImg.filterProps(props);
+      const [windowItemProps] = VWindowItem.filterProps(props);
+      return _createVNode(VWindowItem, _mergeProps({
+        "class": "v-carousel-item"
+      }, windowItemProps), {
+        default: () => [_createVNode(VImg, _mergeProps(attrs, imgProps), slots)]
+      });
+    });
   }
 });
 //# sourceMappingURL=VCarouselItem.mjs.map

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

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