@vuetify/nightly 3.0.0-beta.3 → 3.0.0-beta.4

package/lib/components/VAlert/VAlert.css

@@ -18,7 +18,7 @@
 .v-alert--sticky {
   position: sticky;
 }
-.v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-contained-text {
+.v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
   background: transparent;
   color: inherit;
 }
@@ -31,14 +31,14 @@
 .v-alert--variant-plain .v-alert__overlay {
   display: none;
 }
-.v-alert--variant-contained, .v-alert--variant-contained-flat {
+.v-alert--variant-elevated, .v-alert--variant-flat {
   background: rgb(var(--v-theme-on-surface-variant));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
-.v-alert--variant-contained {
+.v-alert--variant-elevated {
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
-.v-alert--variant-contained-flat {
+.v-alert--variant-flat {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 .v-alert--variant-outlined {
@@ -47,7 +47,7 @@
 .v-alert--variant-text .v-alert__overlay {
   background: currentColor;
 }
-.v-alert--variant-contained-text .v-alert__underlay {
+.v-alert--variant-tonal .v-alert__underlay {
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;

package/lib/components/VAlert/VAlert.mjs

@@ -66,7 +66,7 @@ export const VAlert = defineComponent({
     ...makeTagProps(),
     ...makeThemeProps(),
     ...makeVariantProps({
-      variant: 'contained-flat'
+      variant: 'flat'
     })
   },
   emits: {

package/lib/components/VAlert/VAlert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAlert.mjs","names":["VAlertTitle","VDefaultsProvider","VIcon","genOverlays","makeVariantProps","useVariant","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","useTextColor","IconValue","computed","toRef","defineComponent","allowedTypes","VAlert","name","props","border","type","Boolean","String","validator","val","includes","borderColor","closable","closeIcon","default","closeLabel","icon","Function","Object","modelValue","prominent","title","text","variant","emits","value","setup","slots","isActive","undefined","variantProps","color","themeClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","textColorClasses","textColorStyles","onCloseClick","e","hasPrepend","prepend","hasTitle","hasText","hasClose","close","density","size","append"],"sources":["../../../src/components/VAlert/VAlert.tsx"],"sourcesContent":["// Styles\nimport './VAlert.sass'\n\n// Components\nimport { VAlertTitle } from './VAlertTitle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedTypes = ['success', 'info', 'warning', 'error'] as const\n\ntype ContextualType = typeof allowedTypes[number]\n\nexport const VAlert = defineComponent({\n  name: 'VAlert',\n\n  props: {\n    border: {\n      type: [Boolean, String],\n      validator: (val: boolean | string) => {\n        return typeof val === 'boolean' || [\n          'top',\n          'end',\n          'bottom',\n          'start',\n        ].includes(val)\n      },\n    },\n    borderColor: String,\n    closable: Boolean,\n    closeIcon: {\n      type: IconValue,\n      default: '$close',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    icon: {\n      type: [Boolean, String, Function, Object] as PropType<false | IconValue>,\n      default: null,\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    prominent: Boolean,\n    title: String,\n    text: String,\n    type: {\n      type: String as PropType<ContextualType>,\n      validator: (val: ContextualType) => allowedTypes.includes(val),\n    },\n\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'contained-flat' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const icon = computed(() => {\n      if (props.icon === false) return undefined\n      if (!props.type) return props.icon\n\n      return props.icon ?? `$${props.type}`\n    })\n    const variantProps = computed(() => ({\n      color: props.color ?? props.type,\n      variant: props.variant,\n    }))\n\n    const { themeClasses } = provideTheme(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'borderColor'))\n\n    function onCloseClick (e: MouseEvent) {\n      isActive.value = false\n    }\n\n    return () => {\n      const hasPrepend = !!(slots.prepend || icon.value)\n      const hasTitle = !!(slots.title || props.title)\n      const hasText = !!(props.text || slots.text)\n      const hasClose = !!(slots.close || props.closable)\n\n      return isActive.value && (\n        <props.tag\n          class={[\n            'v-alert',\n            props.border && {\n              'v-alert--border': !!props.border,\n              [`v-alert--border-${props.border === true ? 'start' : props.border}`]: true,\n            },\n            {\n              'v-alert--prominent': props.prominent,\n            },\n            themeClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n          ]}\n          role=\"alert\"\n        >\n          { genOverlays(false, 'v-alert') }\n\n          { props.border && (\n            <div\n              class={[\n                'v-alert__border',\n                textColorClasses.value,\n              ]}\n              style={ textColorStyles.value }\n            />\n          ) }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              defaults={{\n                VIcon: {\n                  density: props.density,\n                  icon: icon.value,\n                  size: props.prominent ? 44 : 'default',\n                },\n              }}\n            >\n              <div class=\"v-alert__prepend\">\n                { slots.prepend\n                  ? slots.prepend()\n                  : icon.value && (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-alert__content\">\n            { hasTitle && (\n              <VAlertTitle>\n                { slots.title ? slots.title() : props.title }\n              </VAlertTitle>\n            ) }\n\n            { hasText && (\n              slots.text ? slots.text() : props.text\n            ) }\n\n            { slots.default?.() }\n          </div>\n\n          { slots.append && (\n            <div class=\"v-alert__append\">\n              { slots.append() }\n            </div>\n          ) }\n\n          { hasClose && (\n            <VDefaultsProvider\n              defaults={{\n                VIcon: {\n                  icon: props.closeIcon,\n                  size: 'small',\n                },\n              }}\n            >\n              <div\n                class=\"v-alert__close\"\n                onClick={ onCloseClick }\n              >\n                { slots.close\n                  ? slots.close()\n                  : (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VAlert = InstanceType<typeof VAlert>\n"],"mappings":"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"}
+{"version":3,"file":"VAlert.mjs","names":["VAlertTitle","VDefaultsProvider","VIcon","genOverlays","makeVariantProps","useVariant","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","useTextColor","IconValue","computed","toRef","defineComponent","allowedTypes","VAlert","name","props","border","type","Boolean","String","validator","val","includes","borderColor","closable","closeIcon","default","closeLabel","icon","Function","Object","modelValue","prominent","title","text","variant","emits","value","setup","slots","isActive","undefined","variantProps","color","themeClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","textColorClasses","textColorStyles","onCloseClick","e","hasPrepend","prepend","hasTitle","hasText","hasClose","close","density","size","append"],"sources":["../../../src/components/VAlert/VAlert.tsx"],"sourcesContent":["// Styles\nimport './VAlert.sass'\n\n// Components\nimport { VAlertTitle } from './VAlertTitle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useTextColor } from '@/composables/color'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nconst allowedTypes = ['success', 'info', 'warning', 'error'] as const\n\ntype ContextualType = typeof allowedTypes[number]\n\nexport const VAlert = defineComponent({\n  name: 'VAlert',\n\n  props: {\n    border: {\n      type: [Boolean, String],\n      validator: (val: boolean | string) => {\n        return typeof val === 'boolean' || [\n          'top',\n          'end',\n          'bottom',\n          'start',\n        ].includes(val)\n      },\n    },\n    borderColor: String,\n    closable: Boolean,\n    closeIcon: {\n      type: IconValue,\n      default: '$close',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    icon: {\n      type: [Boolean, String, Function, Object] as PropType<false | IconValue>,\n      default: null,\n    },\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    prominent: Boolean,\n    title: String,\n    text: String,\n    type: {\n      type: String as PropType<ContextualType>,\n      validator: (val: ContextualType) => allowedTypes.includes(val),\n    },\n\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'flat' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const icon = computed(() => {\n      if (props.icon === false) return undefined\n      if (!props.type) return props.icon\n\n      return props.icon ?? `$${props.type}`\n    })\n    const variantProps = computed(() => ({\n      color: props.color ?? props.type,\n      variant: props.variant,\n    }))\n\n    const { themeClasses } = provideTheme(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'borderColor'))\n\n    function onCloseClick (e: MouseEvent) {\n      isActive.value = false\n    }\n\n    return () => {\n      const hasPrepend = !!(slots.prepend || icon.value)\n      const hasTitle = !!(slots.title || props.title)\n      const hasText = !!(props.text || slots.text)\n      const hasClose = !!(slots.close || props.closable)\n\n      return isActive.value && (\n        <props.tag\n          class={[\n            'v-alert',\n            props.border && {\n              'v-alert--border': !!props.border,\n              [`v-alert--border-${props.border === true ? 'start' : props.border}`]: true,\n            },\n            {\n              'v-alert--prominent': props.prominent,\n            },\n            themeClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n          ]}\n          role=\"alert\"\n        >\n          { genOverlays(false, 'v-alert') }\n\n          { props.border && (\n            <div\n              class={[\n                'v-alert__border',\n                textColorClasses.value,\n              ]}\n              style={ textColorStyles.value }\n            />\n          ) }\n\n          { hasPrepend && (\n            <VDefaultsProvider\n              defaults={{\n                VIcon: {\n                  density: props.density,\n                  icon: icon.value,\n                  size: props.prominent ? 44 : 'default',\n                },\n              }}\n            >\n              <div class=\"v-alert__prepend\">\n                { slots.prepend\n                  ? slots.prepend()\n                  : icon.value && (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-alert__content\">\n            { hasTitle && (\n              <VAlertTitle>\n                { slots.title ? slots.title() : props.title }\n              </VAlertTitle>\n            ) }\n\n            { hasText && (\n              slots.text ? slots.text() : props.text\n            ) }\n\n            { slots.default?.() }\n          </div>\n\n          { slots.append && (\n            <div class=\"v-alert__append\">\n              { slots.append() }\n            </div>\n          ) }\n\n          { hasClose && (\n            <VDefaultsProvider\n              defaults={{\n                VIcon: {\n                  icon: props.closeIcon,\n                  size: 'small',\n                },\n              }}\n            >\n              <div\n                class=\"v-alert__close\"\n                onClick={ onCloseClick }\n              >\n                { slots.close\n                  ? slots.close()\n                  : (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VAlert = InstanceType<typeof VAlert>\n"],"mappings":"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"}

package/lib/components/VAlert/VAlert.sass

@@ -1,5 +1,3 @@
-@forward './variables'
-
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VAppBar/VAppBar.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -3,6 +3,7 @@ import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createV
 import "./VAutocomplete.css"; // Components
 
 import { makeSelectProps } from "../VSelect/VSelect.mjs";
+import { VCheckboxBtn } from "../VCheckbox/index.mjs";
 import { VChip } from "../VChip/index.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VList, VListItem } from "../VList/index.mjs";
@@ -16,7 +17,7 @@ import { useForwardRef } from "../../composables/forwardRef.mjs";
 import { useLocale } from "../../composables/locale.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utility
 
-import { computed, nextTick, ref, watch } from 'vue';
+import { computed, mergeProps, nextTick, ref, watch } from 'vue';
 import { genericComponent, useRender, wrapInArray } from "../../util/index.mjs"; // Types
 
 function highlightResult(text, matches, length) {
@@ -47,7 +48,8 @@ export const VAutocomplete = genericComponent()({
   emits: {
     'click:clear': e => true,
     'update:search': val => true,
-    'update:modelValue': val => true
+    'update:modelValue': val => true,
+    'update:menu': val => true
   },
 
   setup(props, _ref) {
@@ -60,7 +62,7 @@ export const VAutocomplete = genericComponent()({
     const vTextFieldRef = ref();
     const isFocused = ref(false);
     const isPristine = ref(true);
-    const menu = ref(false);
+    const menu = useProxiedModel(props, 'menu');
     const {
       items,
       transformIn,
@@ -68,8 +70,10 @@ export const VAutocomplete = genericComponent()({
     } = useItems(props);
     const search = useProxiedModel(props, 'search', '');
     const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      var _transformed$;
+
       const transformed = transformOut(v);
-      return props.multiple ? transformed : transformed[0];
+      return props.multiple ? transformed : (_transformed$ = transformed[0]) != null ? _transformed$ : null;
     });
     const {
       filteredItems
@@ -165,6 +169,10 @@ export const VAutocomplete = genericComponent()({
       return _createVNode(VTextField, {
         "ref": vTextFieldRef,
         "modelValue": search.value,
+        "onUpdate:modelValue": v => {
+          if (v == null) model.value = [];
+        },
+        "validationValue": props.modelValue,
         "onInput": onInput,
         "class": ['v-autocomplete', {
           'v-autocomplete--active-menu': menu.value,
@@ -172,7 +180,6 @@ export const VAutocomplete = genericComponent()({
           [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true
         }],
         "appendInnerIcon": props.menuIcon,
-        "dirty": selected.value.length > 0,
         "onClick:clear": onClear,
         "onClick:control": onClickControl,
         "onClick:input": onClickControl,
@@ -183,31 +190,48 @@ export const VAutocomplete = genericComponent()({
         default: () => {
           var _slots$noData, _slots$noData2;
 
-          return _createVNode(_Fragment, null, [_createVNode(VMenu, {
+          return _createVNode(_Fragment, null, [_createVNode(VMenu, _mergeProps({
             "modelValue": menu.value,
             "onUpdate:modelValue": $event => menu.value = $event,
             "activator": "parent",
             "contentClass": "v-autocomplete__content",
             "eager": props.eager,
             "openOnClick": false,
+            "closeOnContentClick": false,
             "transition": props.transition,
             "onAfterLeave": onAfterLeave
-          }, {
+          }, props.menuProps), {
             default: () => [_createVNode(VList, {
               "selected": selected.value,
-              "selectStrategy": props.multiple ? 'independent' : 'single-independent'
+              "selectStrategy": props.multiple ? 'independent' : 'single-independent',
+              "onMousedown": e => e.preventDefault()
             }, {
               default: () => [!filteredItems.value.length && !props.hideNoData && ((_slots$noData = (_slots$noData2 = slots['no-data']) == null ? void 0 : _slots$noData2.call(slots)) != null ? _slots$noData : _createVNode(VListItem, {
                 "title": t(props.noDataText)
               }, null)), filteredItems.value.map(_ref2 => {
+                var _slots$item, _slots$item2;
+
                 let {
                   item,
                   matches
                 } = _ref2;
-                return _createVNode(VListItem, _mergeProps(item.props, {
-                  "onMousedown": e => e.preventDefault(),
+                return (_slots$item = (_slots$item2 = slots.item) == null ? void 0 : _slots$item2.call(slots, {
+                  item,
+                  props: mergeProps(item.props, {
+                    onClick: () => select(item)
+                  })
+                })) != null ? _slots$item : _createVNode(VListItem, _mergeProps(item.props, {
                   "onClick": () => select(item)
                 }), {
+                  prepend: _ref3 => {
+                    let {
+                      isSelected
+                    } = _ref3;
+                    return props.multiple ? _createVNode(VCheckboxBtn, {
+                      "modelValue": isSelected,
+                      "ripple": false
+                    }, null) : undefined;
+                  },
                   title: () => {
                     var _search$value$length, _search$value;
 
@@ -216,11 +240,11 @@ export const VAutocomplete = genericComponent()({
                 });
               })]
             })]
-          }), selections.value.map((selection, index) => {
+          }), selections.value.map((item, index) => {
             function onChipClose(e) {
               e.stopPropagation();
               e.preventDefault();
-              select(selection);
+              select(item);
             }
 
             const slotProps = {
@@ -234,21 +258,21 @@ export const VAutocomplete = genericComponent()({
                 VChip: {
                   closable: props.closableChips,
                   size: 'small',
-                  text: selection.props.title
+                  text: item.title
                 }
               }
             }, {
               default: () => [slots.chip ? slots.chip({
                 props: slotProps,
-                item: selection.originalItem,
+                item,
                 index
               }) : _createVNode(VChip, slotProps, null)]
             }) : slots.selection ? slots.selection({
-              item: selection.originalItem,
+              item,
               index
             }) : _createVNode("span", {
               "class": "v-autocomplete__selection-text"
-            }, [selection.props.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
+            }, [item.title, props.multiple && index < selections.value.length - 1 && _createVNode("span", {
               "class": "v-autocomplete__selection-comma"
             }, [_createTextVNode(",")])])]);
           })]);
@@ -256,7 +280,12 @@ export const VAutocomplete = genericComponent()({
       });
     });
     return useForwardRef({
-      filteredItems
+      isFocused,
+      isPristine,
+      menu,
+      search,
+      filteredItems,
+      select
     }, vTextFieldRef);
   }
 

package/lib/components/VAutocomplete/VAutocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeFilterProps","useFilter","makeTransitionProps","useItems","useForwardRef","useLocale","useProxiedModel","computed","nextTick","ref","watch","genericComponent","useRender","wrapInArray","highlightResult","text","matches","length","Array","isArray","Error","substr","VAutocomplete","name","props","search","String","filterKeys","transition","emits","e","val","setup","slots","t","vTextFieldRef","isFocused","isPristine","menu","items","transformIn","transformOut","model","v","transformed","multiple","filteredItems","value","undefined","selections","map","find","item","selected","selection","onClear","openOnClear","onClickControl","hideNoData","onKeydown","includes","key","onInput","target","onAfterLeave","isSelecting","select","index","findIndex","splice","title","at","hasChips","chips","chip","menuIcon","default","eager","noDataText","preventDefault","onChipClose","stopPropagation","slotProps","modelValue","closable","closableChips","size","originalItem"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useItems } from '@/composables/items'\nimport { useForwardRef } from '@/composables/forwardRef'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { genericComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { MakeSlots } from '@/util'\n\nfunction highlightResult (text: string, matches: FilterMatch, length: number) {\n  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n  return typeof matches === 'number' && ~matches\n    ? (\n      <>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-autocomplete__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(matches + length) }</span>\n      </>\n    )\n    : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? Val<T, ReturnObject>[]\n    : Val<T, ReturnObject>\n\nexport const VAutocomplete = genericComponent<new <\n  T,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n  $props: {\n    items?: readonly T[]\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: Readonly<V>\n    'onUpdate:modelValue'?: (val: V) => void\n  }\n  $slots: VInputSlots & VFieldSlots & MakeSlots<{\n    chip: [{ item: T, index: number, props: Record<string, unknown> }]\n    selection: [{ item: T, index: number }]\n    'no-data': []\n  }>\n}>()({\n  name: 'VAutocomplete',\n\n  props: {\n    // TODO: implement post keyboard support\n    // autoSelectFirst: Boolean,\n    search: String,\n\n    ...makeFilterProps({ filterKeys: ['title'] }),\n    ...makeSelectProps(),\n    ...makeTransitionProps({ transition: false }),\n  },\n\n  emits: {\n    'click:clear': (e: MouseEvent) => true,\n    'update:search': (val: any) => true,\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const isFocused = ref(false)\n    const isPristine = ref(true)\n    const menu = ref(false)\n    const { items, transformIn, transformOut } = useItems(props)\n    const search = useProxiedModel(props, 'search', '')\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : transformed[0]\n      }\n    )\n    const { filteredItems } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n    const selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => item.value === v.value) || v\n      })\n    })\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\n\n    function onClear (e: MouseEvent) {\n      model.value = []\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\n\n      search.value = ''\n    }\n    function onClickControl () {\n      if (props.hideNoData && !filteredItems.value.length) return\n\n      menu.value = true\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n        isPristine.value = true\n      }\n    }\n    function onInput (e: InputEvent) {\n      search.value = (e.target as HTMLInputElement).value\n    }\n    function onAfterLeave () {\n      if (isFocused.value) isPristine.value = true\n    }\n    const isSelecting = ref(false)\n    function select (item: any) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => selection === item.value)\n\n        if (index === -1) {\n          model.value = [...model.value, item]\n          search.value = ''\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item]\n\n        isSelecting.value = true\n\n        search.value = item.title\n        menu.value = false\n        isPristine.value = true\n\n        nextTick(() => (isSelecting.value = false))\n      }\n    }\n\n    watch(isFocused, val => {\n      if (val) {\n        isSelecting.value = true\n        search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        menu.value = false\n        search.value = ''\n      }\n    })\n\n    watch(search, val => {\n      if (!isFocused.value || isSelecting.value) return\n\n      if (val) menu.value = true\n\n      isPristine.value = !val\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          modelValue={ search.value }\n          onInput={ onInput }\n          class={[\n            'v-autocomplete',\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,\n            },\n          ]}\n          appendInnerIcon={ props.menuIcon }\n          dirty={ selected.value.length > 0 }\n          onClick:clear={ onClear }\n          onClick:control={ onClickControl }\n          onClick:input={ onClickControl }\n          onFocus={ () => isFocused.value = true }\n          onBlur={ () => isFocused.value = false }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-autocomplete__content\"\n                  eager={ props.eager }\n                  openOnClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                >\n                  <VList\n                    selected={ selected.value }\n                    selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                  >\n                    { !filteredItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                      <VListItem title={ t(props.noDataText) } />\n                    )) }\n\n                    { filteredItems.value.map(({ item, matches }) => (\n                      <VListItem\n                        { ...item.props }\n                        onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                        onClick={ () => select(item) }\n                      >\n                        {{\n                          title: () => {\n                            return isPristine.value\n                              ? item.title\n                              : highlightResult(item.title, matches.title, search.value?.length ?? 0)\n                          },\n                        }}\n                      </VListItem>\n                    )) }\n                  </VList>\n                </VMenu>\n\n                { selections.value.map((selection, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(selection)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    modelValue: true,\n                  }\n\n                  return (\n                    <div class=\"v-autocomplete__selection\">\n                      { hasChips ? (\n                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: selection.props.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ props: slotProps, item: selection.originalItem, index })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item: selection.originalItem, index })\n                          : (\n                            <span class=\"v-autocomplete__selection-text\">\n                              { selection.props.title }\n                              { props.multiple && (index < selections.value.length - 1) && (\n                                <span class=\"v-autocomplete__selection-comma\">,</span>\n                              ) }\n                            </span>\n                          )\n                      )}\n                    </div>\n                  )\n                }) }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return useForwardRef({\n      filteredItems,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":"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"}
+{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeFilterProps","useFilter","makeTransitionProps","useItems","useForwardRef","useLocale","useProxiedModel","computed","mergeProps","nextTick","ref","watch","genericComponent","useRender","wrapInArray","highlightResult","text","matches","length","Array","isArray","Error","substr","VAutocomplete","name","props","search","String","filterKeys","transition","emits","e","val","setup","slots","t","vTextFieldRef","isFocused","isPristine","menu","items","transformIn","transformOut","model","v","transformed","multiple","filteredItems","value","undefined","selections","map","find","item","selected","selection","onClear","openOnClear","onClickControl","hideNoData","onKeydown","includes","key","onInput","target","onAfterLeave","isSelecting","select","index","findIndex","splice","title","at","hasChips","chips","chip","modelValue","menuIcon","default","eager","menuProps","preventDefault","noDataText","onClick","prepend","isSelected","onChipClose","stopPropagation","slotProps","closable","closableChips","size"],"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"sourcesContent":["// Styles\nimport './VAutocomplete.sass'\n\n// Components\nimport { makeSelectProps } from '@/components/VSelect/VSelect'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VList, VListItem } from '@/components/VList'\nimport { VMenu } from '@/components/VMenu'\nimport { VTextField } from '@/components/VTextField'\n\n// Composables\nimport { makeFilterProps, useFilter } from '@/composables/filter'\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useItems } from '@/composables/items'\nimport { useForwardRef } from '@/composables/forwardRef'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { VInputSlots } from '@/components/VInput/VInput'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { FilterMatch } from '@/composables/filter'\nimport type { MakeSlots } from '@/util'\n\nfunction highlightResult (text: string, matches: FilterMatch, length: number) {\n  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented')\n\n  return typeof matches === 'number' && ~matches\n    ? (\n      <>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(0, matches) }</span>\n        <span class=\"v-autocomplete__mask\">{ text.substr(matches, length) }</span>\n        <span class=\"v-autocomplete__unmask\">{ text.substr(matches + length) }</span>\n      </>\n    )\n    : text\n}\n\ntype Primitive = string | number | boolean | symbol\n\ntype Val <T, ReturnObject extends boolean> = T extends Primitive\n  ? T\n  : (ReturnObject extends true ? T : any)\n\ntype Value <T, ReturnObject extends boolean, Multiple extends boolean> =\n  Multiple extends true\n    ? Val<T, ReturnObject>[]\n    : Val<T, ReturnObject>\n\nexport const VAutocomplete = genericComponent<new <\n  T,\n  ReturnObject extends boolean = false,\n  Multiple extends boolean = false,\n  V extends Value<T, ReturnObject, Multiple> = Value<T, ReturnObject, Multiple>\n>() => {\n  $props: {\n    items?: readonly T[]\n    returnObject?: ReturnObject\n    multiple?: Multiple\n    modelValue?: Readonly<V>\n    'onUpdate:modelValue'?: (val: V) => void\n  }\n  $slots: VInputSlots & VFieldSlots & MakeSlots<{\n    chip: [{ item: T, index: number, props: Record<string, unknown> }]\n    selection: [{ item: T, index: number }]\n    'no-data': []\n  }>\n}>()({\n  name: 'VAutocomplete',\n\n  props: {\n    // TODO: implement post keyboard support\n    // autoSelectFirst: Boolean,\n    search: String,\n\n    ...makeFilterProps({ filterKeys: ['title'] }),\n    ...makeSelectProps(),\n    ...makeTransitionProps({ transition: false }),\n  },\n\n  emits: {\n    'click:clear': (e: MouseEvent) => true,\n    'update:search': (val: any) => true,\n    'update:modelValue': (val: any) => true,\n    'update:menu': (val: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { t } = useLocale()\n    const vTextFieldRef = ref()\n    const isFocused = ref(false)\n    const isPristine = ref(true)\n    const menu = useProxiedModel(props, 'menu')\n    const { items, transformIn, transformOut } = useItems(props)\n    const search = useProxiedModel(props, 'search', '')\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => transformIn(wrapInArray(v)),\n      v => {\n        const transformed = transformOut(v)\n        return props.multiple ? transformed : (transformed[0] ?? null)\n      }\n    )\n    const { filteredItems } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n    const selections = computed(() => {\n      return model.value.map(v => {\n        return items.value.find(item => item.value === v.value) || v\n      })\n    })\n    const selected = computed(() => selections.value.map(selection => selection.props.value))\n\n    function onClear (e: MouseEvent) {\n      model.value = []\n\n      if (props.openOnClear) {\n        menu.value = true\n      }\n\n      search.value = ''\n    }\n    function onClickControl () {\n      if (props.hideNoData && !filteredItems.value.length) return\n\n      menu.value = true\n    }\n    function onKeydown (e: KeyboardEvent) {\n      if (['Enter', 'ArrowDown'].includes(e.key)) {\n        menu.value = true\n      }\n\n      if (['Escape'].includes(e.key)) {\n        menu.value = false\n      }\n\n      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {\n        isPristine.value = true\n      }\n    }\n\n    function onInput (e: InputEvent) {\n      search.value = (e.target as HTMLInputElement).value\n    }\n\n    function onAfterLeave () {\n      if (isFocused.value) isPristine.value = true\n    }\n\n    const isSelecting = ref(false)\n\n    function select (item: any) {\n      if (props.multiple) {\n        const index = selected.value.findIndex(selection => selection === item.value)\n\n        if (index === -1) {\n          model.value = [...model.value, item]\n          search.value = ''\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item]\n\n        isSelecting.value = true\n\n        search.value = item.title\n        menu.value = false\n        isPristine.value = true\n\n        nextTick(() => (isSelecting.value = false))\n      }\n    }\n\n    watch(isFocused, val => {\n      if (val) {\n        isSelecting.value = true\n        search.value = props.multiple ? '' : String(selections.value.at(-1)?.props.title ?? '')\n        isPristine.value = true\n\n        nextTick(() => isSelecting.value = false)\n      } else {\n        menu.value = false\n        search.value = ''\n      }\n    })\n\n    watch(search, val => {\n      if (!isFocused.value || isSelecting.value) return\n\n      if (val) menu.value = true\n\n      isPristine.value = !val\n    })\n\n    useRender(() => {\n      const hasChips = !!(props.chips || slots.chip)\n\n      return (\n        <VTextField\n          ref={ vTextFieldRef }\n          modelValue={ search.value }\n          onUpdate:modelValue={ v => { if (v == null) model.value = [] } }\n          validationValue={ props.modelValue }\n          onInput={ onInput }\n          class={[\n            'v-autocomplete',\n            {\n              'v-autocomplete--active-menu': menu.value,\n              'v-autocomplete--chips': !!props.chips,\n              [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,\n            },\n          ]}\n          appendInnerIcon={ props.menuIcon }\n          onClick:clear={ onClear }\n          onClick:control={ onClickControl }\n          onClick:input={ onClickControl }\n          onFocus={ () => isFocused.value = true }\n          onBlur={ () => isFocused.value = false }\n          onKeydown={ onKeydown }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                <VMenu\n                  v-model={ menu.value }\n                  activator=\"parent\"\n                  contentClass=\"v-autocomplete__content\"\n                  eager={ props.eager }\n                  openOnClick={ false }\n                  closeOnContentClick={ false }\n                  transition={ props.transition }\n                  onAfterLeave={ onAfterLeave }\n                  { ...props.menuProps }\n                >\n                  <VList\n                    selected={ selected.value }\n                    selectStrategy={ props.multiple ? 'independent' : 'single-independent' }\n                    onMousedown={ (e: MouseEvent) => e.preventDefault() }\n                  >\n                    { !filteredItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? (\n                      <VListItem title={ t(props.noDataText) } />\n                    )) }\n\n                    { filteredItems.value.map(({ item, matches }) => slots.item?.({\n                      item,\n                      props: mergeProps(item.props, { onClick: () => select(item) }),\n                    }) ?? (\n                      <VListItem\n                        { ...item.props }\n                        onClick={ () => select(item) }\n                      >\n                        {{\n                          prepend: ({ isSelected }) => props.multiple ? (\n                            <VCheckboxBtn modelValue={ isSelected } ripple={ false } />\n                          ) : undefined,\n                          title: () => {\n                            return isPristine.value\n                              ? item.title\n                              : highlightResult(item.title, matches.title, search.value?.length ?? 0)\n                          },\n                        }}\n                      </VListItem>\n                    )) }\n                  </VList>\n                </VMenu>\n\n                { selections.value.map((item, index) => {\n                  function onChipClose (e: Event) {\n                    e.stopPropagation()\n                    e.preventDefault()\n\n                    select(item)\n                  }\n\n                  const slotProps = {\n                    'onClick:close': onChipClose,\n                    modelValue: true,\n                  }\n\n                  return (\n                    <div class=\"v-autocomplete__selection\">\n                      { hasChips ? (\n                        <VDefaultsProvider\n                          defaults={{\n                            VChip: {\n                              closable: props.closableChips,\n                              size: 'small',\n                              text: item.title,\n                            },\n                          }}\n                        >\n                          { slots.chip\n                            ? slots.chip({ props: slotProps, item, index })\n                            : (<VChip { ...slotProps } />)\n                          }\n                        </VDefaultsProvider>\n                      ) : (\n                        slots.selection\n                          ? slots.selection({ item, index })\n                          : (\n                            <span class=\"v-autocomplete__selection-text\">\n                              { item.title }\n                              { props.multiple && (index < selections.value.length - 1) && (\n                                <span class=\"v-autocomplete__selection-comma\">,</span>\n                              ) }\n                            </span>\n                          )\n                      )}\n                    </div>\n                  )\n                }) }\n              </>\n            ),\n          }}\n        </VTextField>\n      )\n    })\n\n    return useForwardRef({\n      isFocused,\n      isPristine,\n      menu,\n      search,\n      filteredItems,\n      select,\n    }, vTextFieldRef)\n  },\n})\n\nexport type VAutocomplete = InstanceType<typeof VAutocomplete>\n"],"mappings":";AAAA;AACA,6B,CAEA;;SACSA,e;SACAC,Y;SACAC,K;SACAC,iB;SACAC,K,EAAOC,S;SACPC,K;SACAC,U,mCAET;;SACSC,e,EAAiBC,S;SACjBC,mB;SACAC,Q;SACAC,a;SACAC,S;SACAC,e,8CAET;;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,QAA/B,EAAyCC,GAAzC,EAA8CC,KAA9C,QAA2D,KAA3D;SACSC,gB,EAAkBC,S,EAAWC,W,gCAEtC;;AAMA,SAASC,eAAT,CAA0BC,IAA1B,EAAwCC,OAAxC,EAA8DC,MAA9D,EAA8E;EAC5E,IAAIC,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAJ,EAA4B,MAAM,IAAII,KAAJ,CAAU,qCAAV,CAAN;EAE5B,OAAO,OAAOJ,OAAP,KAAmB,QAAnB,IAA+B,CAACA,OAAhC;IAAA,SAGW;EAHX,IAGsCD,IAAI,CAACM,MAAL,CAAY,CAAZ,EAAeL,OAAf,CAHtC;IAAA,SAIW;EAJX,IAIoCD,IAAI,CAACM,MAAL,CAAYL,OAAZ,EAAqBC,MAArB,CAJpC;IAAA,SAKW;EALX,IAKsCF,IAAI,CAACM,MAAL,CAAYL,OAAO,GAAGC,MAAtB,CALtC,OAQHF,IARJ;AASD;;AAaD,OAAO,MAAMO,aAAa,GAAGX,gBAAgB,GAkBxC;EACHY,IAAI,EAAE,eADH;EAGHC,KAAK,EAAE;IACL;IACA;IACAC,MAAM,EAAEC,MAHH;IAKL,GAAG3B,eAAe,CAAC;MAAE4B,UAAU,EAAE,CAAC,OAAD;IAAd,CAAD,CALb;IAML,GAAGpC,eAAe,EANb;IAOL,GAAGU,mBAAmB,CAAC;MAAE2B,UAAU,EAAE;IAAd,CAAD;EAPjB,CAHJ;EAaHC,KAAK,EAAE;IACL,eAAgBC,CAAD,IAAmB,IAD7B;IAEL,iBAAkBC,GAAD,IAAc,IAF1B;IAGL,qBAAsBA,GAAD,IAAc,IAH9B;IAIL,eAAgBA,GAAD,IAAkB;EAJ5B,CAbJ;;EAoBHC,KAAK,CAAER,KAAF,QAAoB;IAAA,IAAX;MAAES;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAQ9B,SAAS,EAAvB;IACA,MAAM+B,aAAa,GAAG1B,GAAG,EAAzB;IACA,MAAM2B,SAAS,GAAG3B,GAAG,CAAC,KAAD,CAArB;IACA,MAAM4B,UAAU,GAAG5B,GAAG,CAAC,IAAD,CAAtB;IACA,MAAM6B,IAAI,GAAGjC,eAAe,CAACmB,KAAD,EAAQ,MAAR,CAA5B;IACA,MAAM;MAAEe,KAAF;MAASC,WAAT;MAAsBC;IAAtB,IAAuCvC,QAAQ,CAACsB,KAAD,CAArD;IACA,MAAMC,MAAM,GAAGpB,eAAe,CAACmB,KAAD,EAAQ,QAAR,EAAkB,EAAlB,CAA9B;IACA,MAAMkB,KAAK,GAAGrC,eAAe,CAC3BmB,KAD2B,EAE3B,YAF2B,EAG3B,EAH2B,EAI3BmB,CAAC,IAAIH,WAAW,CAAC3B,WAAW,CAAC8B,CAAD,CAAZ,CAJW,EAK3BA,CAAC,IAAI;MAAA;;MACH,MAAMC,WAAW,GAAGH,YAAY,CAACE,CAAD,CAAhC;MACA,OAAOnB,KAAK,CAACqB,QAAN,GAAiBD,WAAjB,oBAAgCA,WAAW,CAAC,CAAD,CAA3C,4BAAkD,IAAzD;IACD,CAR0B,CAA7B;IAUA,MAAM;MAAEE;IAAF,IAAoB9C,SAAS,CAACwB,KAAD,EAAQe,KAAR,EAAejC,QAAQ,CAAC,MAAM+B,UAAU,CAACU,KAAX,GAAmBC,SAAnB,GAA+BvB,MAAM,CAACsB,KAA7C,CAAvB,CAAnC;IACA,MAAME,UAAU,GAAG3C,QAAQ,CAAC,MAAM;MAChC,OAAOoC,KAAK,CAACK,KAAN,CAAYG,GAAZ,CAAgBP,CAAC,IAAI;QAC1B,OAAOJ,KAAK,CAACQ,KAAN,CAAYI,IAAZ,CAAiBC,IAAI,IAAIA,IAAI,CAACL,KAAL,KAAeJ,CAAC,CAACI,KAA1C,KAAoDJ,CAA3D;MACD,CAFM,CAAP;IAGD,CAJ0B,CAA3B;IAKA,MAAMU,QAAQ,GAAG/C,QAAQ,CAAC,MAAM2C,UAAU,CAACF,KAAX,CAAiBG,GAAjB,CAAqBI,SAAS,IAAIA,SAAS,CAAC9B,KAAV,CAAgBuB,KAAlD,CAAP,CAAzB;;IAEA,SAASQ,OAAT,CAAkBzB,CAAlB,EAAiC;MAC/BY,KAAK,CAACK,KAAN,GAAc,EAAd;;MAEA,IAAIvB,KAAK,CAACgC,WAAV,EAAuB;QACrBlB,IAAI,CAACS,KAAL,GAAa,IAAb;MACD;;MAEDtB,MAAM,CAACsB,KAAP,GAAe,EAAf;IACD;;IACD,SAASU,cAAT,GAA2B;MACzB,IAAIjC,KAAK,CAACkC,UAAN,IAAoB,CAACZ,aAAa,CAACC,KAAd,CAAoB9B,MAA7C,EAAqD;MAErDqB,IAAI,CAACS,KAAL,GAAa,IAAb;IACD;;IACD,SAASY,SAAT,CAAoB7B,CAApB,EAAsC;MACpC,IAAI,CAAC,OAAD,EAAU,WAAV,EAAuB8B,QAAvB,CAAgC9B,CAAC,CAAC+B,GAAlC,CAAJ,EAA4C;QAC1CvB,IAAI,CAACS,KAAL,GAAa,IAAb;MACD;;MAED,IAAI,CAAC,QAAD,EAAWa,QAAX,CAAoB9B,CAAC,CAAC+B,GAAtB,CAAJ,EAAgC;QAC9BvB,IAAI,CAACS,KAAL,GAAa,KAAb;MACD;;MAED,IAAI,CAAC,OAAD,EAAU,QAAV,EAAoB,KAApB,EAA2Ba,QAA3B,CAAoC9B,CAAC,CAAC+B,GAAtC,CAAJ,EAAgD;QAC9CxB,UAAU,CAACU,KAAX,GAAmB,IAAnB;MACD;IACF;;IAED,SAASe,OAAT,CAAkBhC,CAAlB,EAAiC;MAC/BL,MAAM,CAACsB,KAAP,GAAgBjB,CAAC,CAACiC,MAAH,CAA+BhB,KAA9C;IACD;;IAED,SAASiB,YAAT,GAAyB;MACvB,IAAI5B,SAAS,CAACW,KAAd,EAAqBV,UAAU,CAACU,KAAX,GAAmB,IAAnB;IACtB;;IAED,MAAMkB,WAAW,GAAGxD,GAAG,CAAC,KAAD,CAAvB;;IAEA,SAASyD,MAAT,CAAiBd,IAAjB,EAA4B;MAC1B,IAAI5B,KAAK,CAACqB,QAAV,EAAoB;QAClB,MAAMsB,KAAK,GAAGd,QAAQ,CAACN,KAAT,CAAeqB,SAAf,CAAyBd,SAAS,IAAIA,SAAS,KAAKF,IAAI,CAACL,KAAzD,CAAd;;QAEA,IAAIoB,KAAK,KAAK,CAAC,CAAf,EAAkB;UAChBzB,KAAK,CAACK,KAAN,GAAc,CAAC,GAAGL,KAAK,CAACK,KAAV,EAAiBK,IAAjB,CAAd;UACA3B,MAAM,CAACsB,KAAP,GAAe,EAAf;QACD,CAHD,MAGO;UACL,MAAMA,KAAK,GAAG,CAAC,GAAGL,KAAK,CAACK,KAAV,CAAd;UACAA,KAAK,CAACsB,MAAN,CAAaF,KAAb,EAAoB,CAApB;UACAzB,KAAK,CAACK,KAAN,GAAcA,KAAd;QACD;MACF,CAXD,MAWO;QACLL,KAAK,CAACK,KAAN,GAAc,CAACK,IAAD,CAAd;QAEAa,WAAW,CAAClB,KAAZ,GAAoB,IAApB;QAEAtB,MAAM,CAACsB,KAAP,GAAeK,IAAI,CAACkB,KAApB;QACAhC,IAAI,CAACS,KAAL,GAAa,KAAb;QACAV,UAAU,CAACU,KAAX,GAAmB,IAAnB;QAEAvC,QAAQ,CAAC,MAAOyD,WAAW,CAAClB,KAAZ,GAAoB,KAA5B,CAAR;MACD;IACF;;IAEDrC,KAAK,CAAC0B,SAAD,EAAYL,GAAG,IAAI;MACtB,IAAIA,GAAJ,EAAS;QAAA;;QACPkC,WAAW,CAAClB,KAAZ,GAAoB,IAApB;QACAtB,MAAM,CAACsB,KAAP,GAAevB,KAAK,CAACqB,QAAN,GAAiB,EAAjB,GAAsBnB,MAAM,kDAACuB,UAAU,CAACF,KAAX,CAAiBwB,EAAjB,CAAoB,CAAC,CAArB,CAAD,qBAAC,qBAAyB/C,KAAzB,CAA+B8C,KAAhC,oCAAyC,EAAzC,CAA3C;QACAjC,UAAU,CAACU,KAAX,GAAmB,IAAnB;QAEAvC,QAAQ,CAAC,MAAMyD,WAAW,CAAClB,KAAZ,GAAoB,KAA3B,CAAR;MACD,CAND,MAMO;QACLT,IAAI,CAACS,KAAL,GAAa,KAAb;QACAtB,MAAM,CAACsB,KAAP,GAAe,EAAf;MACD;IACF,CAXI,CAAL;IAaArC,KAAK,CAACe,MAAD,EAASM,GAAG,IAAI;MACnB,IAAI,CAACK,SAAS,CAACW,KAAX,IAAoBkB,WAAW,CAAClB,KAApC,EAA2C;MAE3C,IAAIhB,GAAJ,EAASO,IAAI,CAACS,KAAL,GAAa,IAAb;MAETV,UAAU,CAACU,KAAX,GAAmB,CAAChB,GAApB;IACD,CANI,CAAL;IAQAnB,SAAS,CAAC,MAAM;MACd,MAAM4D,QAAQ,GAAG,CAAC,EAAEhD,KAAK,CAACiD,KAAN,IAAexC,KAAK,CAACyC,IAAvB,CAAlB;MAEA;QAAA,OAEUvC,aAFV;QAAA,cAGiBV,MAAM,CAACsB,KAHxB;QAAA,uBAI0BJ,CAAC,IAAI;UAAE,IAAIA,CAAC,IAAI,IAAT,EAAeD,KAAK,CAACK,KAAN,GAAc,EAAd;QAAkB,CAJlE;QAAA,mBAKsBvB,KAAK,CAACmD,UAL5B;QAAA,WAMcb,OANd;QAAA,SAOW,CACL,gBADK,EAEL;UACE,+BAA+BxB,IAAI,CAACS,KADtC;UAEE,yBAAyB,CAAC,CAACvB,KAAK,CAACiD,KAFnC;UAGE,CAAE,mBAAkBjD,KAAK,CAACqB,QAAN,GAAiB,UAAjB,GAA8B,QAAS,EAA3D,GAA+D;QAHjE,CAFK,CAPX;QAAA,mBAesBrB,KAAK,CAACoD,QAf5B;QAAA,iBAgBoBrB,OAhBpB;QAAA,mBAiBsBE,cAjBtB;QAAA,iBAkBoBA,cAlBpB;QAAA,WAmBc,MAAMrB,SAAS,CAACW,KAAV,GAAkB,IAnBtC;QAAA,UAoBa,MAAMX,SAAS,CAACW,KAAV,GAAkB,KApBrC;QAAA,aAqBgBY;MArBhB,KAwBM,GAAG1B,KAxBT;QAyBM4C,OAAO,EAAE;UAAA;;UAAA;YAAA,cAGOvC,IAAI,CAACS,KAHZ;YAAA,iCAGOT,IAAI,CAACS,KAHZ;YAAA,aAIO,QAJP;YAAA,gBAKU,yBALV;YAAA,SAMKvB,KAAK,CAACsD,KANX;YAAA,eAOW,KAPX;YAAA,uBAQmB,KARnB;YAAA,cASUtD,KAAK,CAACI,UAThB;YAAA,gBAUYoC;UAVZ,GAWExC,KAAK,CAACuD,SAXR;YAAA;cAAA,YAcU1B,QAAQ,CAACN,KAdnB;cAAA,kBAegBvB,KAAK,CAACqB,QAAN,GAAiB,aAAjB,GAAiC,oBAfjD;cAAA,eAgBcf,CAAD,IAAmBA,CAAC,CAACkD,cAAF;YAhBhC;cAAA,gBAkBC,CAAClC,aAAa,CAACC,KAAd,CAAoB9B,MAArB,IAA+B,CAACO,KAAK,CAACkC,UAAtC,wCAAqDzB,KAAK,CAAC,SAAD,CAA1D,qBAAqD,oBAAAA,KAAK,CAA1D;gBAAA,SACmBC,CAAC,CAACV,KAAK,CAACyD,UAAP;cADpB,SAlBD,EAsBCnC,aAAa,CAACC,KAAd,CAAoBG,GAApB,CAAwB;gBAAA;;gBAAA,IAAC;kBAAEE,IAAF;kBAAQpC;gBAAR,CAAD;gBAAA,sCAAuBiB,KAAK,CAACmB,IAA7B,qBAAuB,kBAAAnB,KAAK,EAAQ;kBAC5DmB,IAD4D;kBAE5D5B,KAAK,EAAEjB,UAAU,CAAC6C,IAAI,CAAC5B,KAAN,EAAa;oBAAE0D,OAAO,EAAE,MAAMhB,MAAM,CAACd,IAAD;kBAAvB,CAAb;gBAF2C,CAAR,CAA5B,8DAKjBA,IAAI,CAAC5B,KALY;kBAAA,WAMZ,MAAM0C,MAAM,CAACd,IAAD;gBANA;kBASpB+B,OAAO,EAAE;oBAAA,IAAC;sBAAEC;oBAAF,CAAD;oBAAA,OAAoB5D,KAAK,CAACqB,QAAN;sBAAA,cACAuC,UADA;sBAAA,UACsB;oBADtB,WAEzBpC,SAFK;kBAAA,CATW;kBAYpBsB,KAAK,EAAE,MAAM;oBAAA;;oBACX,OAAOjC,UAAU,CAACU,KAAX,GACHK,IAAI,CAACkB,KADF,GAEHxD,eAAe,CAACsC,IAAI,CAACkB,KAAN,EAAatD,OAAO,CAACsD,KAArB,2CAA4B7C,MAAM,CAACsB,KAAnC,qBAA4B,cAAc9B,MAA1C,mCAAoD,CAApD,CAFnB;kBAGD;gBAhBmB;cAAA,CAAxB,CAtBD;YAAA;UAAA,IA6CHgC,UAAU,CAACF,KAAX,CAAiBG,GAAjB,CAAqB,CAACE,IAAD,EAAOe,KAAP,KAAiB;YACtC,SAASkB,WAAT,CAAsBvD,CAAtB,EAAgC;cAC9BA,CAAC,CAACwD,eAAF;cACAxD,CAAC,CAACkD,cAAF;cAEAd,MAAM,CAACd,IAAD,CAAN;YACD;;YAED,MAAMmC,SAAS,GAAG;cAChB,iBAAiBF,WADD;cAEhBV,UAAU,EAAE;YAFI,CAAlB;YAKA;cAAA,SACa;YADb,IAEMH,QAAQ;cAAA,YAEI;gBACR/E,KAAK,EAAE;kBACL+F,QAAQ,EAAEhE,KAAK,CAACiE,aADX;kBAELC,IAAI,EAAE,OAFD;kBAGL3E,IAAI,EAAEqC,IAAI,CAACkB;gBAHN;cADC;YAFJ;cAAA,gBAUJrC,KAAK,CAACyC,IAAN,GACEzC,KAAK,CAACyC,IAAN,CAAW;gBAAElD,KAAK,EAAE+D,SAAT;gBAAoBnC,IAApB;gBAA0Be;cAA1B,CAAX,CADF,uBAEeoB,SAFf,OAVI;YAAA,KAgBRtD,KAAK,CAACqB,SAAN,GACIrB,KAAK,CAACqB,SAAN,CAAgB;cAAEF,IAAF;cAAQe;YAAR,CAAhB,CADJ;cAAA,SAGgB;YAHhB,IAIQf,IAAI,CAACkB,KAJb,EAKQ9C,KAAK,CAACqB,QAAN,IAAmBsB,KAAK,GAAGlB,UAAU,CAACF,KAAX,CAAiB9B,MAAjB,GAA0B,CAArD;cAAA,SACY;YADZ,2BALR,EAlBN;UA+BD,CA5CC,CA7CG;QAAA;MAzBf;IAwHD,CA3HQ,CAAT;IA6HA,OAAOd,aAAa,CAAC;MACnBiC,SADmB;MAEnBC,UAFmB;MAGnBC,IAHmB;MAInBb,MAJmB;MAKnBqB,aALmB;MAMnBoB;IANmB,CAAD,EAOjB/B,aAPiB,CAApB;EAQD;;AAvQE,CAlBwC,CAAtC"}

package/lib/components/VAutocomplete/VAutocomplete.sass

@@ -1,10 +1,8 @@
-@forward './variables'
 @use 'sass:selector'
 @use 'sass:math'
 @use '../../styles/settings'
 @use '../../styles/tools'
 @use './variables' as *
-@use '../VInput/variables' as *
 
 .v-autocomplete
   .v-field

package/lib/components/VAvatar/VAvatar.css

@@ -39,5 +39,5 @@
   width: calc(var(--v-avatar-height) + -8px);
 }
 .v-avatar--rounded {
-  @includes tools.rounded($avatar-rounded-border-radius);
+  border-radius: 4px;
 }

package/lib/components/VAvatar/VAvatar.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './mixins' as *
 @use './variables' as *
@@ -19,4 +18,4 @@
   @include tools.theme($avatar-theme...)
 
   &--rounded
-    @includes tools.rounded($avatar-rounded-border-radius)
+    @include tools.rounded($avatar-rounded-border-radius)

package/lib/components/VAvatar/_mixins.scss

@@ -1,4 +1,3 @@
-@forward './variables';
 @use 'sass:map';
 @use 'sass:meta';
 @use '../../styles/settings';

package/lib/components/VBadge/VBadge.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VBanner/VBanner.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use 'sass:math'
 @use '../../styles/tools'
 @use './variables' as *

package/lib/components/VBottomNavigation/VBottomNavigation.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VBreadcrumbs/VBreadcrumbs.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VBtn/VBtn.css

@@ -104,7 +104,7 @@
 .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
   opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
 }
-.v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-contained-text {
+.v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
   background: transparent;
   color: inherit;
 }
@@ -117,14 +117,14 @@
 .v-btn--variant-plain .v-btn__overlay {
   display: none;
 }
-.v-btn--variant-contained, .v-btn--variant-contained-flat {
+.v-btn--variant-elevated, .v-btn--variant-flat {
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
-.v-btn--variant-contained {
+.v-btn--variant-elevated {
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
-.v-btn--variant-contained-flat {
+.v-btn--variant-flat {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 .v-btn--variant-outlined {
@@ -133,7 +133,7 @@
 .v-btn--variant-text .v-btn__overlay {
   background: currentColor;
 }
-.v-btn--variant-contained-text .v-btn__underlay {
+.v-btn--variant-tonal .v-btn__underlay {
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;
@@ -203,13 +203,19 @@
   color: rgba(var(--v-theme-on-surface), 0.26);
   opacity: 1;
 }
-.v-btn--disabled.v-btn--variant-contained {
+.v-btn--disabled.v-btn--variant-elevated {
   background: rgb(var(--v-theme-surface));
   box-shadow: none;
 }
-.v-btn--disabled.v-btn--variant-contained .v-btn__overlay {
+.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay {
   opacity: 0.4615384615;
 }
+.v-btn--loading {
+  pointer-events: none;
+}
+.v-btn--loading .v-btn__content {
+  opacity: 0;
+}
 .v-btn--stacked {
   flex-direction: column;
   line-height: 1.25;
@@ -279,6 +285,17 @@
   --v-icon-size-multiplier: 1.1428571429;
 }
 
+.v-btn__loader {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
 .v-btn__content {
   transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   white-space: nowrap;

package/lib/components/VBtn/VBtn.mjs

@@ -3,7 +3,8 @@ import { withDirectives as _withDirectives, resolveDirective as _resolveDirectiv
 import "./VBtn.css"; // Components
 
 import { VBtnToggleSymbol } from "../VBtnToggle/VBtnToggle.mjs";
-import { VIcon } from "../VIcon/index.mjs"; // Composables
+import { VIcon } from "../VIcon/index.mjs";
+import { VProgressCircular } from "../VProgressCircular/index.mjs"; // Composables
 
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
@@ -43,6 +44,7 @@ export const VBtn = defineComponent({
     appendIcon: IconValue,
     block: Boolean,
     stacked: Boolean,
+    loading: Boolean,
     ripple: {
       type: Boolean,
       default: true
@@ -62,7 +64,7 @@ export const VBtn = defineComponent({
     }),
     ...makeThemeProps(),
     ...makeVariantProps({
-      variant: 'contained'
+      variant: 'elevated'
     })
   },
 
@@ -107,7 +109,7 @@ export const VBtn = defineComponent({
     const link = useLink(props, attrs);
     const isDisabled = computed(() => (group == null ? void 0 : group.disabled.value) || props.disabled);
     const isElevated = computed(() => {
-      return props.variant === 'contained' && !(props.disabled || props.flat || props.border);
+      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border);
     });
     useSelectLink(link, group == null ? void 0 : group.select);
     return () => {
@@ -124,7 +126,8 @@ export const VBtn = defineComponent({
           'v-btn--elevated': isElevated.value,
           'v-btn--flat': props.flat,
           'v-btn--icon': !!props.icon,
-          'v-btn--stacked': props.stacked
+          'v-btn--stacked': props.stacked,
+          'v-btn--loading': props.loading
         }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value],
         "style": [hasColor ? colorStyles.value : undefined, dimensionStyles.value, locationStyles.value],
         "disabled": isDisabled.value || undefined,
@@ -137,22 +140,28 @@ export const VBtn = defineComponent({
           group == null ? void 0 : group.toggle();
         }
       }, {
-        default: () => [genOverlays(true, 'v-btn'), !props.icon && props.prependIcon && _createVNode(VIcon, {
+        default: () => [genOverlays(true, 'v-btn'), _createVNode("span", {
+          "class": "v-btn__content",
+          "data-no-activator": ""
+        }, [!props.icon && props.prependIcon && _createVNode(VIcon, {
           "class": "v-btn__icon",
           "icon": props.prependIcon,
           "start": true
-        }, null), _createVNode("div", {
-          "class": "v-btn__content",
-          "data-no-activator": ""
-        }, [typeof props.icon === 'boolean' ? (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots) : _createVNode(VIcon, {
+        }, null), typeof props.icon === 'boolean' ? (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots) : _createVNode(VIcon, {
           "class": "v-btn__icon",
           "icon": props.icon,
           "size": props.size
-        }, null)]), !props.icon && props.appendIcon && _createVNode(VIcon, {
+        }, null), !props.icon && props.appendIcon && _createVNode(VIcon, {
           "class": "v-btn__icon",
           "icon": props.appendIcon,
           "end": true
-        }, null)]
+        }, null)]), props.loading && _createVNode("span", {
+          "class": "v-btn__loader"
+        }, [slots.loader ? slots.loader() : _createVNode(VProgressCircular, {
+          "indeterminate": true,
+          "size": "23",
+          "width": "2"
+        }, null)])]
       }), [[_resolveDirective("ripple"), !isDisabled.value && props.ripple, null]]);
     };
   }