vuetify 3.2.2 → 3.2.4

package/lib/components/VProgressLinear/VProgressLinear.mjs

@@ -13,48 +13,49 @@ import { useIntersectionObserver } from "../../composables/intersectionObserver.
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { useRtl } from "../../composables/locale.mjs"; // Utilities
 import { computed, Transition } from 'vue';
-import { convertToUnit, genericComponent, useRender } from "../../util/index.mjs";
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
+export const makeVProgressLinearProps = propsFactory({
+  absolute: Boolean,
+  active: {
+    type: Boolean,
+    default: true
+  },
+  bgColor: String,
+  bgOpacity: [Number, String],
+  bufferValue: {
+    type: [Number, String],
+    default: 0
+  },
+  clickable: Boolean,
+  color: String,
+  height: {
+    type: [Number, String],
+    default: 4
+  },
+  indeterminate: Boolean,
+  max: {
+    type: [Number, String],
+    default: 100
+  },
+  modelValue: {
+    type: [Number, String],
+    default: 0
+  },
+  reverse: Boolean,
+  stream: Boolean,
+  striped: Boolean,
+  roundedBar: Boolean,
+  ...makeComponentProps(),
+  ...makeLocationProps({
+    location: 'top'
+  }),
+  ...makeRoundedProps(),
+  ...makeTagProps(),
+  ...makeThemeProps()
+}, 'v-progress-linear');
 export const VProgressLinear = genericComponent()({
   name: 'VProgressLinear',
-  props: {
-    absolute: Boolean,
-    active: {
-      type: Boolean,
-      default: true
-    },
-    bgColor: String,
-    bgOpacity: [Number, String],
-    bufferValue: {
-      type: [Number, String],
-      default: 0
-    },
-    clickable: Boolean,
-    color: String,
-    height: {
-      type: [Number, String],
-      default: 4
-    },
-    indeterminate: Boolean,
-    max: {
-      type: [Number, String],
-      default: 100
-    },
-    modelValue: {
-      type: [Number, String],
-      default: 0
-    },
-    reverse: Boolean,
-    stream: Boolean,
-    striped: Boolean,
-    roundedBar: Boolean,
-    ...makeComponentProps(),
-    ...makeLocationProps({
-      location: 'top'
-    }),
-    ...makeRoundedProps(),
-    ...makeTagProps(),
-    ...makeThemeProps()
-  },
+  props: makeVProgressLinearProps(),
   emits: {
     'update:modelValue': value => true
   },
@@ -64,7 +65,8 @@ export const VProgressLinear = genericComponent()({
     } = _ref;
     const progress = useProxiedModel(props, 'modelValue');
     const {
-      isRtl
+      isRtl,
+      rtlClasses
     } = useRtl();
     const {
       themeClasses
@@ -119,7 +121,7 @@ export const VProgressLinear = genericComponent()({
         'v-progress-linear--rounded': props.rounded,
         'v-progress-linear--rounded-bar': props.roundedBar,
         'v-progress-linear--striped': props.striped
-      }, roundedClasses.value, themeClasses.value, props.class],
+      }, roundedClasses.value, themeClasses.value, rtlClasses.value, props.class],
       "style": [{
         bottom: props.location === 'bottom' ? 0 : undefined,
         top: props.location === 'top' ? 0 : undefined,

package/lib/components/VProgressLinear/VProgressLinear.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VProgressLinear.mjs","names":["makeComponentProps","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","genericComponent","useRender","VProgressLinear","name","props","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","emits","value","setup","_ref","slots","progress","isRtl","themeClasses","locationStyles","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","_createVNode","tag","rounded","class","bottom","undefined","top","style","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: [{ value: number, buffer: number }]\n}\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: {\n    absolute: Boolean,\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    bgColor: String,\n    bgOpacity: [Number, String],\n    bufferValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    clickable: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    reverse: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    roundedBar: Boolean,\n\n    ...makeComponentProps(),\n    ...makeLocationProps({ location: 'top' } as const),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { locationStyles } = useLocation(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--absolute': props.absolute,\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n          props.class,\n        ]}\n        style={[\n          {\n            bottom: props.location === 'bottom' ? 0 : undefined,\n            top: props.location === 'top' ? 0 : undefined,\n            height: props.active ? convertToUnit(height.value) : 0,\n            '--v-progress-linear-height': convertToUnit(height.value),\n            ...locationStyles.value,\n          },\n          props.style,\n        ]}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        )}\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              {['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              ))}\n            </div>\n          )}\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}
+{"version":3,"file":"VProgressLinear.mjs","names":["makeComponentProps","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","genericComponent","propsFactory","useRender","makeVProgressLinearProps","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","VProgressLinear","name","props","emits","value","setup","_ref","slots","progress","isRtl","rtlClasses","themeClasses","locationStyles","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","_createVNode","tag","rounded","class","bottom","undefined","top","style","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/locale'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: [{ value: number, buffer: number }]\n}\n\nexport const makeVProgressLinearProps = propsFactory({\n  absolute: Boolean,\n  active: {\n    type: Boolean,\n    default: true,\n  },\n  bgColor: String,\n  bgOpacity: [Number, String],\n  bufferValue: {\n    type: [Number, String],\n    default: 0,\n  },\n  clickable: Boolean,\n  color: String,\n  height: {\n    type: [Number, String],\n    default: 4,\n  },\n  indeterminate: Boolean,\n  max: {\n    type: [Number, String],\n    default: 100,\n  },\n  modelValue: {\n    type: [Number, String],\n    default: 0,\n  },\n  reverse: Boolean,\n  stream: Boolean,\n  striped: Boolean,\n  roundedBar: Boolean,\n\n  ...makeComponentProps(),\n  ...makeLocationProps({ location: 'top' } as const),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'v-progress-linear')\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: makeVProgressLinearProps(),\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl, rtlClasses } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { locationStyles } = useLocation(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--absolute': props.absolute,\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n          rtlClasses.value,\n          props.class,\n        ]}\n        style={[\n          {\n            bottom: props.location === 'bottom' ? 0 : undefined,\n            top: props.location === 'top' ? 0 : undefined,\n            height: props.active ? convertToUnit(height.value) : 0,\n            '--v-progress-linear-height': convertToUnit(height.value),\n            ...locationStyles.value,\n          },\n          props.style,\n        ]}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        )}\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              {['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              ))}\n            </div>\n          )}\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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"}

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

@@ -27,11 +27,11 @@ declare const VProgressLinear: {
             indeterminate: boolean;
             rounded: string | number | boolean;
             modelValue: string | number;
+            bufferValue: string | number;
             clickable: boolean;
             stream: boolean;
             striped: boolean;
             roundedBar: boolean;
-            bufferValue: string | number;
         }> & Omit<{
             reverse: boolean;
             max: string | number;
@@ -43,11 +43,11 @@ declare const VProgressLinear: {
             tag: string;
             indeterminate: boolean;
             modelValue: string | number;
+            bufferValue: string | number;
             clickable: boolean;
             stream: boolean;
             striped: boolean;
             roundedBar: boolean;
-            bufferValue: string | number;
         } & {
             color?: string | undefined;
             class?: any;
@@ -78,7 +78,7 @@ declare const VProgressLinear: {
             }) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "max" | "absolute" | "location" | "height" | "active" | "style" | "tag" | "indeterminate" | "rounded" | "modelValue" | "clickable" | "stream" | "striped" | "roundedBar" | "bufferValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "max" | "absolute" | "location" | "height" | "active" | "style" | "tag" | "indeterminate" | "rounded" | "modelValue" | "bufferValue" | "clickable" | "stream" | "striped" | "roundedBar">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -103,11 +103,11 @@ declare const VProgressLinear: {
             tag: string;
             indeterminate: boolean;
             modelValue: string | number;
+            bufferValue: string | number;
             clickable: boolean;
             stream: boolean;
             striped: boolean;
             roundedBar: boolean;
-            bufferValue: string | number;
         } & {
             color?: string | undefined;
             class?: any;
@@ -152,11 +152,11 @@ declare const VProgressLinear: {
             indeterminate: boolean;
             rounded: string | number | boolean;
             modelValue: string | number;
+            bufferValue: string | number;
             clickable: boolean;
             stream: boolean;
             striped: boolean;
             roundedBar: boolean;
-            bufferValue: string | number;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -188,11 +188,11 @@ declare const VProgressLinear: {
         tag: string;
         indeterminate: boolean;
         modelValue: string | number;
+        bufferValue: string | number;
         clickable: boolean;
         stream: boolean;
         striped: boolean;
         roundedBar: boolean;
-        bufferValue: string | number;
     } & {
         color?: string | undefined;
         class?: any;
@@ -238,11 +238,11 @@ declare const VProgressLinear: {
     tag: string;
     indeterminate: boolean;
     modelValue: string | number;
+    bufferValue: string | number;
     clickable: boolean;
     stream: boolean;
     striped: boolean;
     roundedBar: boolean;
-    bufferValue: string | number;
 } & {
     color?: string | undefined;
     class?: any;
@@ -287,11 +287,11 @@ declare const VProgressLinear: {
     indeterminate: boolean;
     rounded: string | number | boolean;
     modelValue: string | number;
+    bufferValue: string | number;
     clickable: boolean;
     stream: boolean;
     striped: boolean;
     roundedBar: boolean;
-    bufferValue: string | number;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     tag: {

package/lib/components/VRadio/VRadio.mjs

@@ -1,15 +1,16 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Components
 import { makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Utilities
-import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVRadioProps = propsFactory({
+  ...makeSelectionControlProps({
+    falseIcon: '$radioOff',
+    trueIcon: '$radioOn'
+  })
+}, 'v-radio');
 export const VRadio = genericComponent()({
   name: 'VRadio',
-  props: {
-    ...makeSelectionControlProps({
-      falseIcon: '$radioOff',
-      trueIcon: '$radioOn'
-    })
-  },
+  props: makeVRadioProps(),
   setup(props, _ref) {
     let {
       slots

package/lib/components/VRadio/VRadio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VRadio.mjs","names":["makeSelectionControlProps","VSelectionControl","genericComponent","useRender","VRadio","name","props","falseIcon","trueIcon","setup","_ref","slots","_createVNode","_mergeProps","class","style"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport const VRadio = genericComponent<VSelectionControlSlots>()({\n  name: 'VRadio',\n\n  props: {\n    ...makeSelectionControlProps({\n      falseIcon: '$radioOff',\n      trueIcon: '$radioOn',\n    }),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        class={[\n          'v-radio',\n          props.class,\n        ]}\n        style={ props.style }\n        type=\"radio\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;AAAA,SACSA,yBAAyB,EAAEC,iBAAiB,sDAErD;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,MAAM,GAAGF,gBAAgB,EAA0B,CAAC;EAC/DG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACL,GAAGN,yBAAyB,CAAC;MAC3BO,SAAS,EAAE,WAAW;MACtBC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBP,SAAS,CAAC,MAAAS,YAAA,CAAAX,iBAAA,EAAAY,WAAA,CAEDP,KAAK;MAAA,SACH,CACL,SAAS,EACTA,KAAK,CAACQ,KAAK,CACZ;MAAA,SACOR,KAAK,CAACS,KAAK;MAAA,QACd;IAAO,IACFJ,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VRadio.mjs","names":["makeSelectionControlProps","VSelectionControl","genericComponent","propsFactory","useRender","makeVRadioProps","falseIcon","trueIcon","VRadio","name","props","setup","_ref","slots","_createVNode","_mergeProps","class","style"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport const makeVRadioProps = propsFactory({\n  ...makeSelectionControlProps({\n    falseIcon: '$radioOff',\n    trueIcon: '$radioOn',\n  }),\n}, 'v-radio')\n\nexport const VRadio = genericComponent<VSelectionControlSlots>()({\n  name: 'VRadio',\n\n  props: makeVRadioProps(),\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        class={[\n          'v-radio',\n          props.class,\n        ]}\n        style={ props.style }\n        type=\"radio\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;AAAA,SACSA,yBAAyB,EAAEC,iBAAiB,sDAErD;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,eAAe,GAAGF,YAAY,CAAC;EAC1C,GAAGH,yBAAyB,CAAC;IAC3BM,SAAS,EAAE,WAAW;IACtBC,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC,EAAE,SAAS,CAAC;AAEb,OAAO,MAAMC,MAAM,GAAGN,gBAAgB,EAA0B,CAAC;EAC/DO,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAEL,eAAe,EAAE;EAExBM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBR,SAAS,CAAC,MAAAU,YAAA,CAAAb,iBAAA,EAAAc,WAAA,CAEDL,KAAK;MAAA,SACH,CACL,SAAS,EACTA,KAAK,CAACM,KAAK,CACZ;MAAA,SACON,KAAK,CAACO,KAAK;MAAA,QACd;IAAO,IACFJ,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -61,6 +61,7 @@ declare const VRadio: {
             class?: any;
             theme?: string | undefined;
             modelValue?: any;
+            defaultsTarget?: string | undefined;
             trueValue?: any;
             falseValue?: any;
         } & {
@@ -123,6 +124,7 @@ declare const VRadio: {
             class?: any;
             theme?: string | undefined;
             modelValue?: any;
+            defaultsTarget?: string | undefined;
             trueValue?: any;
             falseValue?: any;
         } & {
@@ -203,6 +205,7 @@ declare const VRadio: {
         class?: any;
         theme?: string | undefined;
         modelValue?: any;
+        defaultsTarget?: string | undefined;
         trueValue?: any;
         falseValue?: any;
     } & {
@@ -255,6 +258,7 @@ declare const VRadio: {
     class?: any;
     theme?: string | undefined;
     modelValue?: any;
+    defaultsTarget?: string | undefined;
     trueValue?: any;
     falseValue?: any;
 } & {
@@ -294,14 +298,20 @@ declare const VRadio: {
     trueIcon: NonNullable<IconValue>;
     valueComparator: typeof deepEqual;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     color: StringConstructor;
     disabled: BooleanConstructor;
+    defaultsTarget: StringConstructor;
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
@@ -329,24 +339,25 @@ declare const VRadio: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
-    class: vue.PropType<any>;
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
     label: StringConstructor;
     trueValue: null;
     falseValue: null;
     value: null;
 }, vue.ExtractPropTypes<{
+    theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    theme: StringConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     color: StringConstructor;
     disabled: BooleanConstructor;
+    defaultsTarget: StringConstructor;
     error: BooleanConstructor;
     id: StringConstructor;
     inline: BooleanConstructor;
@@ -374,11 +385,6 @@ declare const VRadio: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
     };
-    class: vue.PropType<any>;
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
     label: StringConstructor;
     trueValue: null;
     falseValue: null;

package/lib/components/VRadioGroup/VRadioGroup.mjs

@@ -10,30 +10,31 @@ import { VLabel } from "../VLabel/index.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 import { computed } from 'vue';
-import { filterInputAttrs, genericComponent, getUid, omit, useRender } from "../../util/index.mjs"; // Types
+import { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const makeVRadioGroupProps = propsFactory({
+  height: {
+    type: [Number, String],
+    default: 'auto'
+  },
+  ...makeVInputProps(),
+  ...omit(makeSelectionControlGroupProps(), ['multiple']),
+  trueIcon: {
+    type: IconValue,
+    default: '$radioOn'
+  },
+  falseIcon: {
+    type: IconValue,
+    default: '$radioOff'
+  },
+  type: {
+    type: String,
+    default: 'radio'
+  }
+}, 'v-radio-group');
 export const VRadioGroup = genericComponent()({
   name: 'VRadioGroup',
   inheritAttrs: false,
-  props: {
-    height: {
-      type: [Number, String],
-      default: 'auto'
-    },
-    ...makeVInputProps(),
-    ...omit(makeSelectionControlGroupProps(), ['multiple']),
-    trueIcon: {
-      type: IconValue,
-      default: '$radioOn'
-    },
-    falseIcon: {
-      type: IconValue,
-      default: '$radioOff'
-    },
-    type: {
-      type: String,
-      default: 'radio'
-    }
-  },
+  props: makeVRadioGroupProps(),
   emits: {
     'update:modelValue': val => true
   },

package/lib/components/VRadioGroup/VRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VRadioGroup.mjs","names":["VSelectionControl","makeVInputProps","VInput","makeSelectionControlGroupProps","VSelectionControlGroup","VLabel","IconValue","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","useRender","VRadioGroup","name","inheritAttrs","props","height","type","Number","String","default","trueIcon","falseIcon","emits","val","setup","_ref","attrs","slots","uid","id","model","inputAttrs","controlAttrs","inputProps","_1","filterProps","controlProps","_2","label","for","value","_createVNode","_mergeProps","class","style","$event","_ref2","messagesId","isDisabled","isReadonly","_Fragment","undefined"],"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { VSelectionControl } from '@/components/VSelectionControl'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeSelectionControlGroupProps, VSelectionControlGroup } from '@/components/VSelectionControlGroup/VSelectionControlGroup'\nimport { VLabel } from '@/components/VLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, useRender } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport type VRadioGroupSlots = VInputSlots & VSelectionControlSlots\n\nexport const VRadioGroup = genericComponent<VRadioGroupSlots>()({\n  name: 'VRadioGroup',\n\n  inheritAttrs: false,\n\n  props: {\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeVInputProps(),\n    ...omit(makeSelectionControlGroupProps(), ['multiple']),\n\n    trueIcon: {\n      type: IconValue,\n      default: '$radioOn',\n    },\n    falseIcon: {\n      type: IconValue,\n      default: '$radioOff',\n    },\n    type: {\n      type: String,\n      default: 'radio',\n    },\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const uid = getUid()\n    const id = computed(() => props.id || `radio-group-${uid}`)\n    const model = useProxiedModel(props, 'modelValue')\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = VInput.filterProps(props)\n      const [controlProps, _2] = VSelectionControl.filterProps(props)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <VInput\n          class={[\n            'v-radio-group',\n            props.class,\n          ]}\n          style={ props.style }\n          { ...inputAttrs }\n          { ...inputProps }\n          v-model={ model.value }\n          id={ id.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel id={ id.value }>\n                    { label }\n                  </VLabel>\n                )}\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  aria-describedby={ messagesId.value }\n                  defaultsTarget=\"VRadio\"\n                  trueIcon={ props.trueIcon }\n                  falseIcon={ props.falseIcon }\n                  type={ props.type }\n                  disabled={ isDisabled.value }\n                  readonly={ isReadonly.value }\n                  aria-labelledby={ label ? id.value : undefined }\n                  multiple={ false }\n                  { ...controlAttrs }\n                  v-model={ model.value }\n                  v-slots={ slots }\n                />\n              </>\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VRadioGroup = InstanceType<typeof VRadioGroup>\n"],"mappings":"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"}
+{"version":3,"file":"VRadioGroup.mjs","names":["VSelectionControl","makeVInputProps","VInput","makeSelectionControlGroupProps","VSelectionControlGroup","VLabel","IconValue","useProxiedModel","computed","filterInputAttrs","genericComponent","getUid","omit","propsFactory","useRender","makeVRadioGroupProps","height","type","Number","String","default","trueIcon","falseIcon","VRadioGroup","name","inheritAttrs","props","emits","val","setup","_ref","attrs","slots","uid","id","model","inputAttrs","controlAttrs","inputProps","_1","filterProps","controlProps","_2","label","for","value","_createVNode","_mergeProps","class","style","$event","_ref2","messagesId","isDisabled","isReadonly","_Fragment","undefined"],"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { VSelectionControl } from '@/components/VSelectionControl'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { makeSelectionControlGroupProps, VSelectionControlGroup } from '@/components/VSelectionControlGroup/VSelectionControlGroup'\nimport { VLabel } from '@/components/VLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed } from 'vue'\nimport { filterInputAttrs, genericComponent, getUid, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport type VRadioGroupSlots = VInputSlots & VSelectionControlSlots\n\nexport const makeVRadioGroupProps = propsFactory({\n  height: {\n    type: [Number, String],\n    default: 'auto',\n  },\n\n  ...makeVInputProps(),\n  ...omit(makeSelectionControlGroupProps(), ['multiple']),\n\n  trueIcon: {\n    type: IconValue,\n    default: '$radioOn',\n  },\n  falseIcon: {\n    type: IconValue,\n    default: '$radioOff',\n  },\n  type: {\n    type: String,\n    default: 'radio',\n  },\n}, 'v-radio-group')\n\nexport const VRadioGroup = genericComponent<VRadioGroupSlots>()({\n  name: 'VRadioGroup',\n\n  inheritAttrs: false,\n\n  props: makeVRadioGroupProps(),\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const uid = getUid()\n    const id = computed(() => props.id || `radio-group-${uid}`)\n    const model = useProxiedModel(props, 'modelValue')\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = VInput.filterProps(props)\n      const [controlProps, _2] = VSelectionControl.filterProps(props)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <VInput\n          class={[\n            'v-radio-group',\n            props.class,\n          ]}\n          style={ props.style }\n          { ...inputAttrs }\n          { ...inputProps }\n          v-model={ model.value }\n          id={ id.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              messagesId,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel id={ id.value }>\n                    { label }\n                  </VLabel>\n                )}\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  aria-describedby={ messagesId.value }\n                  defaultsTarget=\"VRadio\"\n                  trueIcon={ props.trueIcon }\n                  falseIcon={ props.falseIcon }\n                  type={ props.type }\n                  disabled={ isDisabled.value }\n                  readonly={ isReadonly.value }\n                  aria-labelledby={ label ? id.value : undefined }\n                  multiple={ false }\n                  { ...controlAttrs }\n                  v-model={ model.value }\n                  v-slots={ slots }\n                />\n              </>\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VRadioGroup = InstanceType<typeof VRadioGroup>\n"],"mappings":"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"}

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

@@ -103,6 +103,7 @@ declare const VRadioGroup: {
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
+            defaultsTarget?: string | undefined;
         } & {
             $children?: vue.VNodeChild | ((...args: never) => vue.VNodeChild) | {
                 default?: ((...args: never) => vue.VNodeChild) | undefined;
@@ -189,6 +190,7 @@ declare const VRadioGroup: {
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
+            defaultsTarget?: string | undefined;
         } & {
             $children?: vue.VNodeChild | ((...args: never) => vue.VNodeChild) | {
                 default?: ((...args: never) => vue.VNodeChild) | undefined;
@@ -303,6 +305,7 @@ declare const VRadioGroup: {
         validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
+        defaultsTarget?: string | undefined;
     } & {
         $children?: vue.VNodeChild | ((...args: never) => vue.VNodeChild) | {
             default?: ((...args: never) => vue.VNodeChild) | undefined;
@@ -379,6 +382,7 @@ declare const VRadioGroup: {
     validationValue?: any;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
+    defaultsTarget?: string | undefined;
 } & {
     $children?: vue.VNodeChild | ((...args: never) => vue.VNodeChild) | {
         default?: ((...args: never) => vue.VNodeChild) | undefined;
@@ -454,8 +458,13 @@ declare const VRadioGroup: {
     id: StringConstructor;
     name: StringConstructor;
     color: StringConstructor;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
     theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
@@ -467,6 +476,7 @@ declare const VRadioGroup: {
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultsTarget: StringConstructor;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
@@ -488,11 +498,6 @@ declare const VRadioGroup: {
     };
     validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
     validationValue: null;
-    class: vue.PropType<any>;
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
     appendIcon: vue.PropType<IconValue>;
     prependIcon: vue.PropType<IconValue>;
     hideDetails: vue.PropType<boolean | "auto">;
@@ -531,8 +536,13 @@ declare const VRadioGroup: {
     id: StringConstructor;
     name: StringConstructor;
     color: StringConstructor;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
     theme: StringConstructor;
     density: {
         type: vue.PropType<Density>;
@@ -544,6 +554,7 @@ declare const VRadioGroup: {
         type: BooleanConstructor;
         default: boolean;
     };
+    defaultsTarget: StringConstructor;
     valueComparator: {
         type: vue.PropType<typeof deepEqual>;
         default: typeof deepEqual;
@@ -565,11 +576,6 @@ declare const VRadioGroup: {
     };
     validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
     validationValue: null;
-    class: vue.PropType<any>;
-    style: {
-        type: vue.PropType<vue.StyleValue>;
-        default: null;
-    };
     appendIcon: vue.PropType<IconValue>;
     prependIcon: vue.PropType<IconValue>;
     hideDetails: vue.PropType<boolean | "auto">;