@vuetify/nightly 3.0.4 → 3.0.5-dev-20221212.0

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

@@ -54,8 +54,8 @@ declare const VExpansionPanels: vue.DefineComponent<{
     multiple: boolean;
     readonly: boolean;
     tag: string;
-    modelValue: any;
     variant: "default" | "inset" | "accordion" | "popout";
+    modelValue: any;
 }>;
 declare type VExpansionPanels = InstanceType<typeof VExpansionPanels>;
 

package/lib/components/VField/VField.mjs

@@ -175,7 +175,7 @@ export const VField = genericComponent()({
         "class": "v-field__overlay"
       }, null), _createVNode(LoaderSlot, {
         "name": "v-field",
-        "active": props.loading,
+        "active": !!props.loading,
         "color": props.error ? 'error' : props.color
       }, {
         default: slots.loader

package/lib/components/VField/VField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VField.mjs","names":["VExpandXTransition","useInputIcon","VFieldLabel","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeFocusProps","useFocus","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","computed","ref","toRef","watch","animate","convertToUnit","EventProp","genericComponent","getUid","isOn","nullifyTransforms","pick","propsFactory","standardEasing","useRender","allowedVariants","makeVFieldProps","appendInnerIcon","bgColor","String","clearable","Boolean","clearIcon","type","default","active","color","dirty","disabled","error","label","persistentClear","prependInnerIcon","reverse","singleLine","variant","validator","v","includes","VField","name","inheritAttrs","props","id","emits","e","focused","val","setup","attrs","emit","slots","themeClasses","loaderClasses","focusClasses","isFocused","focus","blur","InputIcon","isActive","hasLabel","uid","labelRef","floatingLabelRef","controlRef","backgroundColorClasses","backgroundColorStyles","textColorClasses","textColorStyles","value","undefined","el","$el","targetEl","rect","targetRect","getBoundingClientRect","x","y","height","targetWidth","width","Math","abs","maxWidth","style","getComputedStyle","targetStyle","duration","parseFloat","transitionDuration","scale","getPropertyValue","visibility","transform","easing","direction","finished","then","removeProperty","flush","slotProps","onClick","target","document","activeElement","preventDefault","isOutlined","hasPrepend","hasClear","clear","hasAppend","for","loading","loader","class","filterFieldProps","keys","Object","filter","k"],"sources":["../../../src/components/VField/VField.tsx"],"sourcesContent":["// Styles\nimport './VField.sass'\n\n// Components\nimport { VExpandXTransition } from '@/components/transitions'\nimport { useInputIcon } from '@/components/VInput/InputIcon'\nimport { VFieldLabel } from './VFieldLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watch } from 'vue'\nimport {\n  animate,\n  convertToUnit,\n  EventProp,\n  genericComponent,\n  getUid,\n  isOn,\n  nullifyTransforms,\n  pick,\n  propsFactory,\n  standardEasing,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { LoaderSlotProps } from '@/composables/loader'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { PropType, Ref } from 'vue'\nimport type { VInputSlot } from '@/components/VInput/VInput'\n\nconst allowedVariants = ['underlined', 'outlined', 'filled', 'solo', 'plain'] as const\ntype Variant = typeof allowedVariants[number]\n\nexport interface DefaultInputSlot {\n  isActive: Ref<boolean>\n  isFocused: Ref<boolean>\n  controlRef: Ref<HTMLElement | undefined>\n  focus: () => void\n  blur: () => void\n}\n\nexport interface VFieldSlot extends DefaultInputSlot {\n  props: Record<string, unknown>\n}\n\nexport const makeVFieldProps = propsFactory({\n  appendInnerIcon: IconValue,\n  bgColor: String,\n  clearable: Boolean,\n  clearIcon: {\n    type: IconValue,\n    default: '$clear',\n  },\n  active: Boolean,\n  color: String,\n  dirty: Boolean,\n  disabled: Boolean,\n  error: Boolean,\n  label: String,\n  persistentClear: Boolean,\n  prependInnerIcon: IconValue,\n  reverse: Boolean,\n  singleLine: Boolean,\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'filled',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n\n  'onClick:clear': EventProp,\n  'onClick:appendInner': EventProp,\n  'onClick:prependInner': EventProp,\n\n  ...makeThemeProps(),\n  ...makeLoaderProps(),\n}, 'v-field')\n\nexport type VFieldSlots = MakeSlots<{\n  clear: []\n  'prepend-inner': [DefaultInputSlot & VInputSlot]\n  'append-inner': [DefaultInputSlot & VInputSlot]\n  label: [DefaultInputSlot & VInputSlot]\n  loader: [LoaderSlotProps]\n  default: [VFieldSlot]\n}>\n\nexport const VField = genericComponent<new <T>() => {\n  $props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (val: T) => any\n  } & SlotsToProps<VFieldSlots>\n}>()({\n  name: 'VField',\n\n  inheritAttrs: false,\n\n  props: {\n    id: String,\n\n    ...makeFocusProps(),\n    ...makeVFieldProps(),\n  },\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { loaderClasses } = useLoader(props)\n    const { focusClasses, isFocused, focus, blur } = useFocus(props)\n    const { InputIcon } = useInputIcon(props)\n\n    const isActive = computed(() => props.dirty || props.active)\n    const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label))\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n\n    const labelRef = ref<VFieldLabel>()\n    const floatingLabelRef = ref<VFieldLabel>()\n    const controlRef = ref<HTMLElement>()\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { textColorClasses, textColorStyles } = useTextColor(computed(() => {\n      return (\n        isActive.value &&\n        isFocused.value &&\n        !props.error &&\n        !props.disabled\n      ) ? props.color : undefined\n    }))\n\n    watch(isActive, val => {\n      if (hasLabel.value) {\n        const el: HTMLElement = labelRef.value!.$el\n        const targetEl: HTMLElement = floatingLabelRef.value!.$el\n        const rect = nullifyTransforms(el)\n        const targetRect = targetEl.getBoundingClientRect()\n\n        const x = targetRect.x - rect.x\n        const y = targetRect.y - rect.y - (rect.height / 2 - targetRect.height / 2)\n\n        const targetWidth = targetRect.width / 0.75\n        const width = Math.abs(targetWidth - rect.width) > 1\n          ? { maxWidth: convertToUnit(targetWidth) }\n          : undefined\n\n        const style = getComputedStyle(el)\n        const targetStyle = getComputedStyle(targetEl)\n        const duration = parseFloat(style.transitionDuration) * 1000 || 150\n        const scale = parseFloat(targetStyle.getPropertyValue('--v-field-label-scale'))\n        const color = targetStyle.getPropertyValue('color')\n\n        el.style.visibility = 'visible'\n        targetEl.style.visibility = 'hidden'\n\n        animate(el, {\n          transform: `translate(${x}px, ${y}px) scale(${scale})`,\n          color,\n          ...width,\n        }, {\n          duration,\n          easing: standardEasing,\n          direction: val ? 'normal' : 'reverse',\n        }).finished.then(() => {\n          el.style.removeProperty('visibility')\n          targetEl.style.removeProperty('visibility')\n        })\n      }\n    }, { flush: 'post' })\n\n    const slotProps = computed<DefaultInputSlot>(() => ({\n      isActive,\n      isFocused,\n      controlRef,\n      blur,\n      focus,\n    }))\n\n    function onClick (e: MouseEvent) {\n      if (e.target !== document.activeElement) {\n        e.preventDefault()\n      }\n\n      emit('click:control', e)\n    }\n\n    useRender(() => {\n      const isOutlined = props.variant === 'outlined'\n      const hasPrepend = (slots['prepend-inner'] || props.prependInnerIcon)\n      const hasClear = !!(props.clearable || slots.clear)\n      const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear)\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        <div\n          class={[\n            'v-field',\n            {\n              'v-field--active': isActive.value,\n              'v-field--appended': hasAppend,\n              'v-field--disabled': props.disabled,\n              'v-field--dirty': props.dirty,\n              'v-field--error': props.error,\n              'v-field--has-background': !!props.bgColor,\n              'v-field--persistent-clear': props.persistentClear,\n              'v-field--prepended': hasPrepend,\n              'v-field--reverse': props.reverse,\n              'v-field--single-line': props.singleLine,\n              'v-field--no-label': !label,\n              [`v-field--variant-${props.variant}`]: true,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            focusClasses.value,\n            loaderClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            textColorStyles.value,\n          ]}\n          onClick={ onClick }\n          { ...attrs }\n        >\n          <div class=\"v-field__overlay\" />\n\n          <LoaderSlot\n            name=\"v-field\"\n            active={ props.loading }\n            color={ props.error ? 'error' : props.color }\n            v-slots={{ default: slots.loader }}\n          />\n\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-field__prepend-inner\">\n              { props.prependInnerIcon && (\n                <InputIcon key=\"prepend-icon\" name=\"prependInner\" />\n              ) }\n\n              { slots['prepend-inner']?.(slotProps.value) }\n            </div>\n          ) }\n\n          <div class=\"v-field__field\" data-no-activator=\"\">\n            { ['solo', 'filled'].includes(props.variant) && hasLabel.value && (\n              <VFieldLabel\n                key=\"floating-label\"\n                ref={ floatingLabelRef }\n                class={[textColorClasses.value]}\n                floating\n                for={ id.value }\n              >\n                { label }\n              </VFieldLabel>\n            ) }\n\n            <VFieldLabel ref={ labelRef } for={ id.value }>\n              { label }\n            </VFieldLabel>\n\n            { slots.default?.({\n              ...slotProps.value,\n              props: {\n                id: id.value,\n                class: 'v-field__input',\n              },\n              focus,\n              blur,\n            } as VFieldSlot) }\n          </div>\n\n          { hasClear && (\n            <VExpandXTransition key=\"clear\">\n              <div\n                class=\"v-field__clearable\"\n                v-show={ props.dirty }\n              >\n                { slots.clear\n                  ? slots.clear()\n                  : <InputIcon name=\"clear\" />\n                }\n              </div>\n            </VExpandXTransition>\n          ) }\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-field__append-inner\">\n              { slots['append-inner']?.(slotProps.value) }\n\n              { props.appendInnerIcon && (\n                <InputIcon key=\"append-icon\" name=\"appendInner\" />\n              ) }\n            </div>\n          ) }\n\n          <div\n            class={[\n              'v-field__outline',\n              textColorClasses.value,\n            ]}\n          >\n            { isOutlined && (\n              <>\n                <div class=\"v-field__outline__start\" />\n\n                { hasLabel.value && (\n                  <div class=\"v-field__outline__notch\">\n                    <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>\n                      { label }\n                    </VFieldLabel>\n                  </div>\n                ) }\n\n                <div class=\"v-field__outline__end\" />\n              </>\n            ) }\n\n            { ['plain', 'underlined'].includes(props.variant) && hasLabel.value && (\n              <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>\n                { label }\n              </VFieldLabel>\n            ) }\n          </div>\n        </div>\n      )\n    })\n\n    return {\n      controlRef,\n    }\n  },\n})\n\nexport type VField = InstanceType<typeof VField>\n\n// TODO: this is kinda slow, might be better to implicitly inherit props instead\nexport function filterFieldProps (attrs: Record<string, unknown>) {\n  const keys = Object.keys(VField.props).filter(k => !isOn(k))\n  return pick(attrs, keys)\n}\n"],"mappings":"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"}
+{"version":3,"file":"VField.mjs","names":["VExpandXTransition","useInputIcon","VFieldLabel","IconValue","LoaderSlot","makeLoaderProps","useLoader","makeFocusProps","useFocus","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","computed","ref","toRef","watch","animate","convertToUnit","EventProp","genericComponent","getUid","isOn","nullifyTransforms","pick","propsFactory","standardEasing","useRender","allowedVariants","makeVFieldProps","appendInnerIcon","bgColor","String","clearable","Boolean","clearIcon","type","default","active","color","dirty","disabled","error","label","persistentClear","prependInnerIcon","reverse","singleLine","variant","validator","v","includes","VField","name","inheritAttrs","props","id","emits","e","focused","val","setup","attrs","emit","slots","themeClasses","loaderClasses","focusClasses","isFocused","focus","blur","InputIcon","isActive","hasLabel","uid","labelRef","floatingLabelRef","controlRef","backgroundColorClasses","backgroundColorStyles","textColorClasses","textColorStyles","value","undefined","el","$el","targetEl","rect","targetRect","getBoundingClientRect","x","y","height","targetWidth","width","Math","abs","maxWidth","style","getComputedStyle","targetStyle","duration","parseFloat","transitionDuration","scale","getPropertyValue","visibility","transform","easing","direction","finished","then","removeProperty","flush","slotProps","onClick","target","document","activeElement","preventDefault","isOutlined","hasPrepend","hasClear","clear","hasAppend","for","loading","loader","class","filterFieldProps","keys","Object","filter","k"],"sources":["../../../src/components/VField/VField.tsx"],"sourcesContent":["// Styles\nimport './VField.sass'\n\n// Components\nimport { VExpandXTransition } from '@/components/transitions'\nimport { useInputIcon } from '@/components/VInput/InputIcon'\nimport { VFieldLabel } from './VFieldLabel'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watch } from 'vue'\nimport {\n  animate,\n  convertToUnit,\n  EventProp,\n  genericComponent,\n  getUid,\n  isOn,\n  nullifyTransforms,\n  pick,\n  propsFactory,\n  standardEasing,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { LoaderSlotProps } from '@/composables/loader'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { PropType, Ref } from 'vue'\nimport type { VInputSlot } from '@/components/VInput/VInput'\n\nconst allowedVariants = ['underlined', 'outlined', 'filled', 'solo', 'plain'] as const\ntype Variant = typeof allowedVariants[number]\n\nexport interface DefaultInputSlot {\n  isActive: Ref<boolean>\n  isFocused: Ref<boolean>\n  controlRef: Ref<HTMLElement | undefined>\n  focus: () => void\n  blur: () => void\n}\n\nexport interface VFieldSlot extends DefaultInputSlot {\n  props: Record<string, unknown>\n}\n\nexport const makeVFieldProps = propsFactory({\n  appendInnerIcon: IconValue,\n  bgColor: String,\n  clearable: Boolean,\n  clearIcon: {\n    type: IconValue,\n    default: '$clear',\n  },\n  active: Boolean,\n  color: String,\n  dirty: Boolean,\n  disabled: Boolean,\n  error: Boolean,\n  label: String,\n  persistentClear: Boolean,\n  prependInnerIcon: IconValue,\n  reverse: Boolean,\n  singleLine: Boolean,\n  variant: {\n    type: String as PropType<Variant>,\n    default: 'filled',\n    validator: (v: any) => allowedVariants.includes(v),\n  },\n\n  'onClick:clear': EventProp,\n  'onClick:appendInner': EventProp,\n  'onClick:prependInner': EventProp,\n\n  ...makeThemeProps(),\n  ...makeLoaderProps(),\n}, 'v-field')\n\nexport type VFieldSlots = MakeSlots<{\n  clear: []\n  'prepend-inner': [DefaultInputSlot & VInputSlot]\n  'append-inner': [DefaultInputSlot & VInputSlot]\n  label: [DefaultInputSlot & VInputSlot]\n  loader: [LoaderSlotProps]\n  default: [VFieldSlot]\n}>\n\nexport const VField = genericComponent<new <T>() => {\n  $props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (val: T) => any\n  } & SlotsToProps<VFieldSlots>\n}>()({\n  name: 'VField',\n\n  inheritAttrs: false,\n\n  props: {\n    id: String,\n\n    ...makeFocusProps(),\n    ...makeVFieldProps(),\n  },\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { loaderClasses } = useLoader(props)\n    const { focusClasses, isFocused, focus, blur } = useFocus(props)\n    const { InputIcon } = useInputIcon(props)\n\n    const isActive = computed(() => props.dirty || props.active)\n    const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label))\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n\n    const labelRef = ref<VFieldLabel>()\n    const floatingLabelRef = ref<VFieldLabel>()\n    const controlRef = ref<HTMLElement>()\n\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { textColorClasses, textColorStyles } = useTextColor(computed(() => {\n      return (\n        isActive.value &&\n        isFocused.value &&\n        !props.error &&\n        !props.disabled\n      ) ? props.color : undefined\n    }))\n\n    watch(isActive, val => {\n      if (hasLabel.value) {\n        const el: HTMLElement = labelRef.value!.$el\n        const targetEl: HTMLElement = floatingLabelRef.value!.$el\n        const rect = nullifyTransforms(el)\n        const targetRect = targetEl.getBoundingClientRect()\n\n        const x = targetRect.x - rect.x\n        const y = targetRect.y - rect.y - (rect.height / 2 - targetRect.height / 2)\n\n        const targetWidth = targetRect.width / 0.75\n        const width = Math.abs(targetWidth - rect.width) > 1\n          ? { maxWidth: convertToUnit(targetWidth) }\n          : undefined\n\n        const style = getComputedStyle(el)\n        const targetStyle = getComputedStyle(targetEl)\n        const duration = parseFloat(style.transitionDuration) * 1000 || 150\n        const scale = parseFloat(targetStyle.getPropertyValue('--v-field-label-scale'))\n        const color = targetStyle.getPropertyValue('color')\n\n        el.style.visibility = 'visible'\n        targetEl.style.visibility = 'hidden'\n\n        animate(el, {\n          transform: `translate(${x}px, ${y}px) scale(${scale})`,\n          color,\n          ...width,\n        }, {\n          duration,\n          easing: standardEasing,\n          direction: val ? 'normal' : 'reverse',\n        }).finished.then(() => {\n          el.style.removeProperty('visibility')\n          targetEl.style.removeProperty('visibility')\n        })\n      }\n    }, { flush: 'post' })\n\n    const slotProps = computed<DefaultInputSlot>(() => ({\n      isActive,\n      isFocused,\n      controlRef,\n      blur,\n      focus,\n    }))\n\n    function onClick (e: MouseEvent) {\n      if (e.target !== document.activeElement) {\n        e.preventDefault()\n      }\n\n      emit('click:control', e)\n    }\n\n    useRender(() => {\n      const isOutlined = props.variant === 'outlined'\n      const hasPrepend = (slots['prepend-inner'] || props.prependInnerIcon)\n      const hasClear = !!(props.clearable || slots.clear)\n      const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear)\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        <div\n          class={[\n            'v-field',\n            {\n              'v-field--active': isActive.value,\n              'v-field--appended': hasAppend,\n              'v-field--disabled': props.disabled,\n              'v-field--dirty': props.dirty,\n              'v-field--error': props.error,\n              'v-field--has-background': !!props.bgColor,\n              'v-field--persistent-clear': props.persistentClear,\n              'v-field--prepended': hasPrepend,\n              'v-field--reverse': props.reverse,\n              'v-field--single-line': props.singleLine,\n              'v-field--no-label': !label,\n              [`v-field--variant-${props.variant}`]: true,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            focusClasses.value,\n            loaderClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            textColorStyles.value,\n          ]}\n          onClick={ onClick }\n          { ...attrs }\n        >\n          <div class=\"v-field__overlay\" />\n\n          <LoaderSlot\n            name=\"v-field\"\n            active={ !!props.loading }\n            color={ props.error ? 'error' : props.color }\n            v-slots={{ default: slots.loader }}\n          />\n\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-field__prepend-inner\">\n              { props.prependInnerIcon && (\n                <InputIcon key=\"prepend-icon\" name=\"prependInner\" />\n              ) }\n\n              { slots['prepend-inner']?.(slotProps.value) }\n            </div>\n          ) }\n\n          <div class=\"v-field__field\" data-no-activator=\"\">\n            { ['solo', 'filled'].includes(props.variant) && hasLabel.value && (\n              <VFieldLabel\n                key=\"floating-label\"\n                ref={ floatingLabelRef }\n                class={[textColorClasses.value]}\n                floating\n                for={ id.value }\n              >\n                { label }\n              </VFieldLabel>\n            ) }\n\n            <VFieldLabel ref={ labelRef } for={ id.value }>\n              { label }\n            </VFieldLabel>\n\n            { slots.default?.({\n              ...slotProps.value,\n              props: {\n                id: id.value,\n                class: 'v-field__input',\n              },\n              focus,\n              blur,\n            } as VFieldSlot) }\n          </div>\n\n          { hasClear && (\n            <VExpandXTransition key=\"clear\">\n              <div\n                class=\"v-field__clearable\"\n                v-show={ props.dirty }\n              >\n                { slots.clear\n                  ? slots.clear()\n                  : <InputIcon name=\"clear\" />\n                }\n              </div>\n            </VExpandXTransition>\n          ) }\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-field__append-inner\">\n              { slots['append-inner']?.(slotProps.value) }\n\n              { props.appendInnerIcon && (\n                <InputIcon key=\"append-icon\" name=\"appendInner\" />\n              ) }\n            </div>\n          ) }\n\n          <div\n            class={[\n              'v-field__outline',\n              textColorClasses.value,\n            ]}\n          >\n            { isOutlined && (\n              <>\n                <div class=\"v-field__outline__start\" />\n\n                { hasLabel.value && (\n                  <div class=\"v-field__outline__notch\">\n                    <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>\n                      { label }\n                    </VFieldLabel>\n                  </div>\n                ) }\n\n                <div class=\"v-field__outline__end\" />\n              </>\n            ) }\n\n            { ['plain', 'underlined'].includes(props.variant) && hasLabel.value && (\n              <VFieldLabel ref={ floatingLabelRef } floating for={ id.value }>\n                { label }\n              </VFieldLabel>\n            ) }\n          </div>\n        </div>\n      )\n    })\n\n    return {\n      controlRef,\n    }\n  },\n})\n\nexport type VField = InstanceType<typeof VField>\n\n// TODO: this is kinda slow, might be better to implicitly inherit props instead\nexport function filterFieldProps (attrs: Record<string, unknown>) {\n  const keys = Object.keys(VField.props).filter(k => !isOn(k))\n  return pick(attrs, keys)\n}\n"],"mappings":"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"}

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

@@ -43,7 +43,6 @@ declare const VField: {
             reverse: boolean;
             error: boolean;
             active: boolean;
-            loading: boolean;
             disabled: boolean;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             clearIcon: IconValue;
@@ -53,7 +52,7 @@ declare const VField: {
             persistentClear: boolean;
             singleLine: boolean;
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
@@ -85,7 +84,7 @@ declare const VField: {
         }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -100,7 +99,7 @@ declare const VField: {
         $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
@@ -142,7 +141,6 @@ declare const VField: {
             reverse: boolean;
             error: boolean;
             active: boolean;
-            loading: boolean;
             disabled: boolean;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             clearIcon: IconValue;
@@ -172,7 +170,7 @@ declare const VField: {
         $nextTick: typeof vue.nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Readonly<vue.ExtractPropTypes<Omit<{
-        loading: BooleanConstructor;
+        loading: (StringConstructor | BooleanConstructor)[];
         theme: StringConstructor;
         appendInnerIcon: PropType<IconValue>;
         bgColor: StringConstructor;
@@ -211,7 +209,7 @@ declare const VField: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-    loading: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
     theme: StringConstructor;
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
@@ -253,7 +251,6 @@ declare const VField: {
     reverse: boolean;
     error: boolean;
     active: boolean;
-    loading: boolean;
     disabled: boolean;
     variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     clearIcon: IconValue;

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

@@ -26,7 +26,7 @@ interface VInputSlot {
 }
 
 declare const VFileInput: vue.DefineComponent<{
-    loading: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
     theme: StringConstructor;
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
@@ -345,7 +345,7 @@ declare const VFileInput: vue.DefineComponent<{
     'click:control': (e: MouseEvent) => true;
     'update:modelValue': (files: File[]) => true;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    loading: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
     theme: StringConstructor;
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
@@ -447,15 +447,14 @@ declare const VFileInput: vue.DefineComponent<{
     error: boolean;
     active: boolean;
     direction: "horizontal" | "vertical";
-    loading: boolean;
     disabled: boolean;
     multiple: boolean;
     readonly: boolean;
     messages: string | string[];
     counter: boolean;
     density: Density;
-    modelValue: File[];
     variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+    modelValue: File[];
     prependIcon: (string & {}) | IconValue;
     clearIcon: IconValue;
     focused: boolean;

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

@@ -398,6 +398,7 @@ declare const VMenu: {
                 noClickAnimation: boolean;
                 persistent: boolean;
                 scrim: string | boolean;
+                _disableGlobalStack: boolean;
             }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
                 transition: {
                     type: vue.PropType<string | boolean | (vue.TransitionProps & {
@@ -473,11 +474,12 @@ declare const VMenu: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
                 };
+                _disableGlobalStack: BooleanConstructor;
             }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
                 onAfterLeave?: (() => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -566,6 +568,7 @@ declare const VMenu: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
                 };
+                _disableGlobalStack: BooleanConstructor;
             }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
                 onAfterLeave?: (() => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -606,6 +609,7 @@ declare const VMenu: {
                 noClickAnimation: boolean;
                 persistent: boolean;
                 scrim: string | boolean;
+                _disableGlobalStack: boolean;
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -701,6 +705,7 @@ declare const VMenu: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
+            _disableGlobalStack: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -741,7 +746,7 @@ declare const VMenu: {
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
             };
-        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (value: boolean) => boolean;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
             location: Anchor;
@@ -943,6 +948,7 @@ declare const VMenu: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
+            _disableGlobalStack: boolean;
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             transition: {
                 type: vue.PropType<string | boolean | (vue.TransitionProps & {
@@ -1018,11 +1024,12 @@ declare const VMenu: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
+            _disableGlobalStack: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1111,6 +1118,7 @@ declare const VMenu: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
+            _disableGlobalStack: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1151,6 +1159,7 @@ declare const VMenu: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
+            _disableGlobalStack: boolean;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1246,6 +1255,7 @@ declare const VMenu: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
+        _disableGlobalStack: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1286,7 +1296,7 @@ declare const VMenu: {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
         };
-    }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
+    }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -1438,6 +1448,7 @@ declare const VMenu: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: string | boolean;
+        _disableGlobalStack: boolean;
     }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
         transition: {
             type: vue.PropType<string | boolean | (vue.TransitionProps & {
@@ -1513,11 +1524,12 @@ declare const VMenu: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
+        _disableGlobalStack: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1606,6 +1618,7 @@ declare const VMenu: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
+        _disableGlobalStack: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1646,6 +1659,7 @@ declare const VMenu: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: string | boolean;
+        _disableGlobalStack: boolean;
     }> & {
         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
         created?: ((() => void) | (() => void)[]) | undefined;
@@ -1741,6 +1755,7 @@ declare const VMenu: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    _disableGlobalStack: BooleanConstructor;
 }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1781,7 +1796,7 @@ declare const VMenu: {
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
     };
-}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: boolean) => boolean;
 }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
     location: Anchor;

package/lib/components/VOverlay/VOverlay.mjs

@@ -76,7 +76,10 @@ export const VOverlay = genericComponent()({
     ClickOutside
   },
   inheritAttrs: false,
-  props: makeVOverlayProps(),
+  props: {
+    _disableGlobalStack: Boolean,
+    ...makeVOverlayProps()
+  },
   emits: {
     'click:outside': e => true,
     'update:modelValue': value => true,
@@ -116,7 +119,7 @@ export const VOverlay = genericComponent()({
       globalTop,
       localTop,
       stackStyles
-    } = useStack(isActive, toRef(props, 'zIndex'));
+    } = useStack(isActive, toRef(props, 'zIndex'), props._disableGlobalStack);
     const {
       activatorEl,
       activatorRef,

package/lib/components/VOverlay/VOverlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VOverlay.mjs","names":["makeActivatorProps","useActivator","makeDimensionProps","useDimension","makeLazyProps","useLazy","makeLocationStrategyProps","useLocationStrategies","makeScrollStrategyProps","useScrollStrategies","makeThemeProps","provideTheme","makeTransitionProps","MaybeTransition","useBackButton","useRouter","useBackgroundColor","useProxiedModel","useHydration","useRtl","useStack","useTeleport","useToggleScope","ClickOutside","animate","convertToUnit","genericComponent","getScrollParent","IN_BROWSER","pick","propsFactory","standardEasing","useRender","computed","mergeProps","ref","Teleport","toHandlers","toRef","Transition","watch","Scrim","props","modelValue","color","rest","backgroundColorClasses","value","backgroundColorStyles","makeVOverlayProps","absolute","Boolean","attach","String","Object","closeOnBack","type","default","contained","contentClass","contentProps","disabled","noClickAnimation","persistent","scrim","zIndex","Number","VOverlay","name","directives","inheritAttrs","emits","e","afterLeave","setup","slots","attrs","emit","model","isActive","get","set","v","teleportTarget","themeClasses","rtlClasses","isRtl","hasContent","onAfterLeave","scrimColor","globalTop","localTop","stackStyles","activatorEl","activatorRef","activatorEvents","contentEvents","scrimEvents","isTop","dimensionStyles","isMounted","root","contentEl","contentStyles","updateLocation","onClickOutside","animateClick","closeConditional","val","window","addEventListener","onKeydown","removeEventListener","immediate","key","router","next","top","scrollParent","document","scrollingElement","scrollTop","transformOrigin","transform","duration","easing","activator","activatorProps","transition","handler","include","filterVOverlayProps","keys"],"sources":["../../../src/components/VOverlay/VOverlay.tsx"],"sourcesContent":["// Styles\nimport './VOverlay.sass'\n\n// Composables\nimport { makeActivatorProps, useActivator } from './useActivator'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { makeLocationStrategyProps, useLocationStrategies } from './locationStrategies'\nimport { makeScrollStrategyProps, useScrollStrategies } from './scrollStrategies'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackButton, useRouter } from '@/composables/router'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useHydration } from '@/composables/hydration'\nimport { useRtl } from '@/composables/locale'\nimport { useStack } from '@/composables/stack'\nimport { useTeleport } from '@/composables/teleport'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Directives\nimport { ClickOutside } from '@/directives/click-outside'\n\n// Utilities\nimport {\n  animate,\n  convertToUnit,\n  genericComponent,\n  getScrollParent,\n  IN_BROWSER,\n  pick,\n  propsFactory,\n  standardEasing,\n  useRender,\n} from '@/util'\nimport {\n  computed,\n  mergeProps,\n  ref,\n  Teleport,\n  toHandlers,\n  toRef,\n  Transition,\n  watch,\n} from 'vue'\n\n// Types\nimport type { BackgroundColorData } from '@/composables/color'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { ExtractPropTypes, PropType, Ref } from 'vue'\n\ninterface ScrimProps {\n  [key: string]: unknown\n  modelValue: boolean\n  color: BackgroundColorData\n}\nfunction Scrim (props: ScrimProps) {\n  const { modelValue, color, ...rest } = props\n  return (\n    <Transition name=\"fade-transition\" appear>\n      { props.modelValue && (\n        <div\n          class={[\n            'v-overlay__scrim',\n            props.color.backgroundColorClasses.value,\n          ]}\n          style={ props.color.backgroundColorStyles.value }\n          { ...rest }\n        />\n      )}\n    </Transition>\n  )\n}\n\nexport type OverlaySlots = MakeSlots<{\n  default: [{ isActive: Ref<boolean> }]\n  activator: [{ isActive: boolean, props: Record<string, any> }]\n}>\n\nexport const makeVOverlayProps = propsFactory({\n  absolute: Boolean,\n  attach: [Boolean, String, Object] as PropType<boolean | string | Element>,\n  closeOnBack: {\n    type: Boolean,\n    default: true,\n  },\n  contained: Boolean,\n  contentClass: null,\n  contentProps: null,\n  disabled: Boolean,\n  noClickAnimation: Boolean,\n  modelValue: Boolean,\n  persistent: Boolean,\n  scrim: {\n    type: [String, Boolean],\n    default: true,\n  },\n  zIndex: {\n    type: [Number, String],\n    default: 2000,\n  },\n\n  ...makeActivatorProps(),\n  ...makeDimensionProps(),\n  ...makeLazyProps(),\n  ...makeLocationStrategyProps(),\n  ...makeScrollStrategyProps(),\n  ...makeThemeProps(),\n  ...makeTransitionProps(),\n}, 'v-overlay')\n\nexport const VOverlay = genericComponent<new () => {\n  $props: SlotsToProps<OverlaySlots>\n}>()({\n  name: 'VOverlay',\n\n  directives: { ClickOutside },\n\n  inheritAttrs: false,\n\n  props: makeVOverlayProps(),\n\n  emits: {\n    'click:outside': (e: MouseEvent) => true,\n    'update:modelValue': (value: boolean) => true,\n    afterLeave: () => true,\n  },\n\n  setup (props, { slots, attrs, emit }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const isActive = computed({\n      get: () => model.value,\n      set: v => {\n        if (!(v && props.disabled)) model.value = v\n      },\n    })\n    const { teleportTarget } = useTeleport(computed(() => props.attach || props.contained))\n    const { themeClasses } = provideTheme(props)\n    const { rtlClasses, isRtl } = useRtl()\n    const { hasContent, onAfterLeave } = useLazy(props, isActive)\n    const scrimColor = useBackgroundColor(computed(() => {\n      return typeof props.scrim === 'string' ? props.scrim : null\n    }))\n    const { globalTop, localTop, stackStyles } = useStack(isActive, toRef(props, 'zIndex'))\n    const { activatorEl, activatorRef, activatorEvents, contentEvents, scrimEvents } = useActivator(props, { isActive, isTop: localTop })\n    const { dimensionStyles } = useDimension(props)\n    const isMounted = useHydration()\n\n    watch(() => props.disabled, v => {\n      if (v) isActive.value = false\n    })\n\n    const root = ref<HTMLElement>()\n    const contentEl = ref<HTMLElement>()\n    const { contentStyles, updateLocation } = useLocationStrategies(props, {\n      isRtl,\n      contentEl,\n      activatorEl,\n      isActive,\n    })\n    useScrollStrategies(props, {\n      root,\n      contentEl,\n      activatorEl,\n      isActive,\n      updateLocation,\n    })\n\n    function onClickOutside (e: MouseEvent) {\n      emit('click:outside', e)\n\n      if (!props.persistent) isActive.value = false\n      else animateClick()\n    }\n\n    function closeConditional () {\n      return isActive.value && globalTop.value\n    }\n\n    IN_BROWSER && watch(isActive, val => {\n      if (val) {\n        window.addEventListener('keydown', onKeydown)\n      } else {\n        window.removeEventListener('keydown', onKeydown)\n      }\n    }, { immediate: true })\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key === 'Escape' && globalTop.value) {\n        if (!props.persistent) {\n          isActive.value = false\n        } else animateClick()\n      }\n    }\n\n    const router = useRouter()\n    useToggleScope(() => props.closeOnBack, () => {\n      useBackButton(router, next => {\n        if (globalTop.value && isActive.value) {\n          next(false)\n          if (!props.persistent) isActive.value = false\n          else animateClick()\n        } else {\n          next()\n        }\n      })\n    })\n\n    const top = ref<number>()\n    watch(() => isActive.value && (props.absolute || props.contained) && teleportTarget.value == null, val => {\n      if (val) {\n        const scrollParent = getScrollParent(root.value)\n        if (scrollParent && scrollParent !== document.scrollingElement) {\n          top.value = scrollParent.scrollTop\n        }\n      }\n    })\n\n    // Add a quick \"bounce\" animation to the content\n    function animateClick () {\n      if (props.noClickAnimation) return\n\n      contentEl.value && animate(contentEl.value, [\n        { transformOrigin: 'center' },\n        { transform: 'scale(1.03)' },\n        { transformOrigin: 'center' },\n      ], {\n        duration: 150,\n        easing: standardEasing,\n      })\n    }\n\n    useRender(() => (\n      <>\n        { slots.activator?.({\n          isActive: isActive.value,\n          props: mergeProps({\n            ref: activatorRef,\n          }, toHandlers(activatorEvents.value), props.activatorProps),\n        }) }\n\n        { isMounted.value && (\n          <Teleport\n            disabled={ !teleportTarget.value }\n            to={ teleportTarget.value }\n          >\n            { hasContent.value && (\n              <div\n                class={[\n                  'v-overlay',\n                  {\n                    'v-overlay--absolute': props.absolute || props.contained,\n                    'v-overlay--active': isActive.value,\n                    'v-overlay--contained': props.contained,\n                  },\n                  themeClasses.value,\n                  rtlClasses.value,\n                ]}\n                style={[stackStyles.value, { top: convertToUnit(top.value) }]}\n                ref={ root }\n                {...attrs}\n              >\n                <Scrim\n                  color={ scrimColor }\n                  modelValue={ isActive.value && !!props.scrim }\n                  { ...toHandlers(scrimEvents.value) }\n                />\n                <MaybeTransition\n                  appear\n                  persisted\n                  transition={ props.transition }\n                  target={ activatorEl.value }\n                  onAfterLeave={() => { onAfterLeave(); emit('afterLeave') }}\n                >\n                  <div\n                    ref={ contentEl }\n                    v-show={ isActive.value }\n                    v-click-outside={{ handler: onClickOutside, closeConditional, include: () => [activatorEl.value] }}\n                    class={[\n                      'v-overlay__content',\n                      props.contentClass,\n                    ]}\n                    style={[\n                      dimensionStyles.value,\n                      contentStyles.value,\n                    ]}\n                    { ...toHandlers(contentEvents.value) }\n                    { ...props.contentProps }\n                  >\n                    { slots.default?.({ isActive }) }\n                  </div>\n                </MaybeTransition>\n              </div>\n            )}\n          </Teleport>\n        )}\n      </>\n    ))\n\n    return {\n      activatorEl,\n      animateClick,\n      contentEl,\n      globalTop,\n      localTop,\n      updateLocation,\n    }\n  },\n})\n\nexport type VOverlay = InstanceType<typeof VOverlay>\n\nexport function filterVOverlayProps (props: Partial<ExtractPropTypes<ReturnType<typeof makeVOverlayProps>>>) {\n  return pick(props, Object.keys(VOverlay.props) as any)\n}\n"],"mappings":"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"}
+{"version":3,"file":"VOverlay.mjs","names":["makeActivatorProps","useActivator","makeDimensionProps","useDimension","makeLazyProps","useLazy","makeLocationStrategyProps","useLocationStrategies","makeScrollStrategyProps","useScrollStrategies","makeThemeProps","provideTheme","makeTransitionProps","MaybeTransition","useBackButton","useRouter","useBackgroundColor","useProxiedModel","useHydration","useRtl","useStack","useTeleport","useToggleScope","ClickOutside","animate","convertToUnit","genericComponent","getScrollParent","IN_BROWSER","pick","propsFactory","standardEasing","useRender","computed","mergeProps","ref","Teleport","toHandlers","toRef","Transition","watch","Scrim","props","modelValue","color","rest","backgroundColorClasses","value","backgroundColorStyles","makeVOverlayProps","absolute","Boolean","attach","String","Object","closeOnBack","type","default","contained","contentClass","contentProps","disabled","noClickAnimation","persistent","scrim","zIndex","Number","VOverlay","name","directives","inheritAttrs","_disableGlobalStack","emits","e","afterLeave","setup","slots","attrs","emit","model","isActive","get","set","v","teleportTarget","themeClasses","rtlClasses","isRtl","hasContent","onAfterLeave","scrimColor","globalTop","localTop","stackStyles","activatorEl","activatorRef","activatorEvents","contentEvents","scrimEvents","isTop","dimensionStyles","isMounted","root","contentEl","contentStyles","updateLocation","onClickOutside","animateClick","closeConditional","val","window","addEventListener","onKeydown","removeEventListener","immediate","key","router","next","top","scrollParent","document","scrollingElement","scrollTop","transformOrigin","transform","duration","easing","activator","activatorProps","transition","handler","include","filterVOverlayProps","keys"],"sources":["../../../src/components/VOverlay/VOverlay.tsx"],"sourcesContent":["// Styles\nimport './VOverlay.sass'\n\n// Composables\nimport { makeActivatorProps, useActivator } from './useActivator'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeLazyProps, useLazy } from '@/composables/lazy'\nimport { makeLocationStrategyProps, useLocationStrategies } from './locationStrategies'\nimport { makeScrollStrategyProps, useScrollStrategies } from './scrollStrategies'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackButton, useRouter } from '@/composables/router'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useHydration } from '@/composables/hydration'\nimport { useRtl } from '@/composables/locale'\nimport { useStack } from '@/composables/stack'\nimport { useTeleport } from '@/composables/teleport'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Directives\nimport { ClickOutside } from '@/directives/click-outside'\n\n// Utilities\nimport {\n  animate,\n  convertToUnit,\n  genericComponent,\n  getScrollParent,\n  IN_BROWSER,\n  pick,\n  propsFactory,\n  standardEasing,\n  useRender,\n} from '@/util'\nimport {\n  computed,\n  mergeProps,\n  ref,\n  Teleport,\n  toHandlers,\n  toRef,\n  Transition,\n  watch,\n} from 'vue'\n\n// Types\nimport type { BackgroundColorData } from '@/composables/color'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport type { ExtractPropTypes, PropType, Ref } from 'vue'\n\ninterface ScrimProps {\n  [key: string]: unknown\n  modelValue: boolean\n  color: BackgroundColorData\n}\nfunction Scrim (props: ScrimProps) {\n  const { modelValue, color, ...rest } = props\n  return (\n    <Transition name=\"fade-transition\" appear>\n      { props.modelValue && (\n        <div\n          class={[\n            'v-overlay__scrim',\n            props.color.backgroundColorClasses.value,\n          ]}\n          style={ props.color.backgroundColorStyles.value }\n          { ...rest }\n        />\n      )}\n    </Transition>\n  )\n}\n\nexport type OverlaySlots = MakeSlots<{\n  default: [{ isActive: Ref<boolean> }]\n  activator: [{ isActive: boolean, props: Record<string, any> }]\n}>\n\nexport const makeVOverlayProps = propsFactory({\n  absolute: Boolean,\n  attach: [Boolean, String, Object] as PropType<boolean | string | Element>,\n  closeOnBack: {\n    type: Boolean,\n    default: true,\n  },\n  contained: Boolean,\n  contentClass: null,\n  contentProps: null,\n  disabled: Boolean,\n  noClickAnimation: Boolean,\n  modelValue: Boolean,\n  persistent: Boolean,\n  scrim: {\n    type: [String, Boolean],\n    default: true,\n  },\n  zIndex: {\n    type: [Number, String],\n    default: 2000,\n  },\n\n  ...makeActivatorProps(),\n  ...makeDimensionProps(),\n  ...makeLazyProps(),\n  ...makeLocationStrategyProps(),\n  ...makeScrollStrategyProps(),\n  ...makeThemeProps(),\n  ...makeTransitionProps(),\n}, 'v-overlay')\n\nexport const VOverlay = genericComponent<new () => {\n  $props: SlotsToProps<OverlaySlots>\n}>()({\n  name: 'VOverlay',\n\n  directives: { ClickOutside },\n\n  inheritAttrs: false,\n\n  props: {\n    _disableGlobalStack: Boolean,\n\n    ...makeVOverlayProps(),\n  },\n\n  emits: {\n    'click:outside': (e: MouseEvent) => true,\n    'update:modelValue': (value: boolean) => true,\n    afterLeave: () => true,\n  },\n\n  setup (props, { slots, attrs, emit }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const isActive = computed({\n      get: () => model.value,\n      set: v => {\n        if (!(v && props.disabled)) model.value = v\n      },\n    })\n    const { teleportTarget } = useTeleport(computed(() => props.attach || props.contained))\n    const { themeClasses } = provideTheme(props)\n    const { rtlClasses, isRtl } = useRtl()\n    const { hasContent, onAfterLeave } = useLazy(props, isActive)\n    const scrimColor = useBackgroundColor(computed(() => {\n      return typeof props.scrim === 'string' ? props.scrim : null\n    }))\n    const { globalTop, localTop, stackStyles } = useStack(isActive, toRef(props, 'zIndex'), props._disableGlobalStack)\n    const { activatorEl, activatorRef, activatorEvents, contentEvents, scrimEvents } = useActivator(props, { isActive, isTop: localTop })\n    const { dimensionStyles } = useDimension(props)\n    const isMounted = useHydration()\n\n    watch(() => props.disabled, v => {\n      if (v) isActive.value = false\n    })\n\n    const root = ref<HTMLElement>()\n    const contentEl = ref<HTMLElement>()\n    const { contentStyles, updateLocation } = useLocationStrategies(props, {\n      isRtl,\n      contentEl,\n      activatorEl,\n      isActive,\n    })\n    useScrollStrategies(props, {\n      root,\n      contentEl,\n      activatorEl,\n      isActive,\n      updateLocation,\n    })\n\n    function onClickOutside (e: MouseEvent) {\n      emit('click:outside', e)\n\n      if (!props.persistent) isActive.value = false\n      else animateClick()\n    }\n\n    function closeConditional () {\n      return isActive.value && globalTop.value\n    }\n\n    IN_BROWSER && watch(isActive, val => {\n      if (val) {\n        window.addEventListener('keydown', onKeydown)\n      } else {\n        window.removeEventListener('keydown', onKeydown)\n      }\n    }, { immediate: true })\n\n    function onKeydown (e: KeyboardEvent) {\n      if (e.key === 'Escape' && globalTop.value) {\n        if (!props.persistent) {\n          isActive.value = false\n        } else animateClick()\n      }\n    }\n\n    const router = useRouter()\n    useToggleScope(() => props.closeOnBack, () => {\n      useBackButton(router, next => {\n        if (globalTop.value && isActive.value) {\n          next(false)\n          if (!props.persistent) isActive.value = false\n          else animateClick()\n        } else {\n          next()\n        }\n      })\n    })\n\n    const top = ref<number>()\n    watch(() => isActive.value && (props.absolute || props.contained) && teleportTarget.value == null, val => {\n      if (val) {\n        const scrollParent = getScrollParent(root.value)\n        if (scrollParent && scrollParent !== document.scrollingElement) {\n          top.value = scrollParent.scrollTop\n        }\n      }\n    })\n\n    // Add a quick \"bounce\" animation to the content\n    function animateClick () {\n      if (props.noClickAnimation) return\n\n      contentEl.value && animate(contentEl.value, [\n        { transformOrigin: 'center' },\n        { transform: 'scale(1.03)' },\n        { transformOrigin: 'center' },\n      ], {\n        duration: 150,\n        easing: standardEasing,\n      })\n    }\n\n    useRender(() => (\n      <>\n        { slots.activator?.({\n          isActive: isActive.value,\n          props: mergeProps({\n            ref: activatorRef,\n          }, toHandlers(activatorEvents.value), props.activatorProps),\n        }) }\n\n        { isMounted.value && (\n          <Teleport\n            disabled={ !teleportTarget.value }\n            to={ teleportTarget.value }\n          >\n            { hasContent.value && (\n              <div\n                class={[\n                  'v-overlay',\n                  {\n                    'v-overlay--absolute': props.absolute || props.contained,\n                    'v-overlay--active': isActive.value,\n                    'v-overlay--contained': props.contained,\n                  },\n                  themeClasses.value,\n                  rtlClasses.value,\n                ]}\n                style={[stackStyles.value, { top: convertToUnit(top.value) }]}\n                ref={ root }\n                {...attrs}\n              >\n                <Scrim\n                  color={ scrimColor }\n                  modelValue={ isActive.value && !!props.scrim }\n                  { ...toHandlers(scrimEvents.value) }\n                />\n                <MaybeTransition\n                  appear\n                  persisted\n                  transition={ props.transition }\n                  target={ activatorEl.value }\n                  onAfterLeave={() => { onAfterLeave(); emit('afterLeave') }}\n                >\n                  <div\n                    ref={ contentEl }\n                    v-show={ isActive.value }\n                    v-click-outside={{ handler: onClickOutside, closeConditional, include: () => [activatorEl.value] }}\n                    class={[\n                      'v-overlay__content',\n                      props.contentClass,\n                    ]}\n                    style={[\n                      dimensionStyles.value,\n                      contentStyles.value,\n                    ]}\n                    { ...toHandlers(contentEvents.value) }\n                    { ...props.contentProps }\n                  >\n                    { slots.default?.({ isActive }) }\n                  </div>\n                </MaybeTransition>\n              </div>\n            )}\n          </Teleport>\n        )}\n      </>\n    ))\n\n    return {\n      activatorEl,\n      animateClick,\n      contentEl,\n      globalTop,\n      localTop,\n      updateLocation,\n    }\n  },\n})\n\nexport type VOverlay = InstanceType<typeof VOverlay>\n\nexport function filterVOverlayProps (props: Partial<ExtractPropTypes<ReturnType<typeof makeVOverlayProps>>>) {\n  return pick(props, Object.keys(VOverlay.props) as any)\n}\n"],"mappings":"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"}

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

@@ -110,6 +110,7 @@ declare const VOverlay: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
+            _disableGlobalStack: boolean;
         }> & Omit<Readonly<ExtractPropTypes<Omit<{
             transition: {
                 type: PropType<string | boolean | (vue.TransitionProps & {
@@ -185,11 +186,12 @@ declare const VOverlay: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
+            _disableGlobalStack: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -278,6 +280,7 @@ declare const VOverlay: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
+            _disableGlobalStack: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -318,6 +321,7 @@ declare const VOverlay: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
+            _disableGlobalStack: boolean;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -413,6 +417,7 @@ declare const VOverlay: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
+        _disableGlobalStack: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -503,6 +508,7 @@ declare const VOverlay: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    _disableGlobalStack: BooleanConstructor;
 }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -543,6 +549,7 @@ declare const VOverlay: {
     noClickAnimation: boolean;
     persistent: boolean;
     scrim: string | boolean;
+    _disableGlobalStack: boolean;
 }> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
     $props: SlotsToProps<OverlaySlots>;
 });

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

@@ -230,8 +230,8 @@ declare const VPagination: vue.DefineComponent<{
     ellipsis: string;
     rounded: string | number | boolean;
     density: Density;
-    modelValue: number;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    modelValue: number;
     nextIcon: IconValue;
     prevIcon: IconValue;
     firstIcon: IconValue;