@vuetify/nightly 3.0.0-beta.2 → 3.0.0-beta.5

package/lib/components/VAppBar/VAppBar.sass

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

package/lib/components/VAppBar/VAppBarNavIcon.mjs

@@ -1,13 +1,15 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Components
-import { VBtn } from "../VBtn/index.mjs"; // Utilities
+import { VBtn } from "../VBtn/index.mjs"; // Composables
 
-import { defineComponent } from "../../util/index.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
+
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VAppBarNavIcon = defineComponent({
   name: 'VAppBarNavIcon',
   props: {
     icon: {
-      type: String,
+      type: IconValue,
       default: '$menu'
     }
   },
@@ -16,16 +18,11 @@ export const VAppBarNavIcon = defineComponent({
     let {
       slots
     } = _ref;
-    return () => {
-      var _slots$default;
-
-      return _createVNode(VBtn, {
-        "class": "v-app-bar-nav-icon",
-        "icon": props.icon
-      }, {
-        default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
-      });
-    };
+    useRender(() => _createVNode(VBtn, {
+      "class": "v-app-bar-nav-icon",
+      "icon": props.icon
+    }, slots));
+    return {};
   }
 
 });

package/lib/components/VAppBar/VAppBarNavIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAppBar/VAppBarNavIcon.tsx"],"names":["VBtn","defineComponent","VAppBarNavIcon","name","props","icon","type","String","default","setup","slots"],"mappings":";AAAA;SACSA,I,6BAET;;SACSC,e;AAET,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;AAC5CE,EAAAA,IAAI,EAAE,gBADsC;AAG5CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAEC,MADF;AAEJC,MAAAA,OAAO,EAAE;AAFL;AADD,GAHqC;;AAU5CC,EAAAA,KAAK,CAAEL,KAAF,QAAoB;AAAA,QAAX;AAAEM,MAAAA;AAAF,KAAW;AACvB,WAAO;AAAA;;AAAA;AAAA,iBACO,oBADP;AAAA,gBACmCN,KAAK,CAACC;AADzC;AAAA,0CAEDK,KAAK,CAACF,OAFL,qBAED,oBAAAE,KAAK,CAFJ;AAAA;AAAA,KAAP;AAKD;;AAhB2C,CAAD,CAAtC","sourcesContent":["// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VAppBarNavIcon = defineComponent({\n  name: 'VAppBarNavIcon',\n\n  props: {\n    icon: {\n      type: String,\n      default: '$menu',\n    },\n  },\n\n  setup (props, { slots }) {\n    return () => (\n      <VBtn class=\"v-app-bar-nav-icon\" icon={ props.icon }>\n        { slots.default?.() }\n      </VBtn>\n    )\n  },\n})\n"],"file":"VAppBarNavIcon.mjs"}
+{"version":3,"file":"VAppBarNavIcon.mjs","names":["VBtn","IconValue","defineComponent","useRender","VAppBarNavIcon","name","props","icon","type","default","setup","slots"],"sources":["../../../src/components/VAppBar/VAppBarNavIcon.tsx"],"sourcesContent":["// Components\nimport { VBtn } from '@/components/VBtn'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VAppBarNavIcon = defineComponent({\n  name: 'VAppBarNavIcon',\n\n  props: {\n    icon: {\n      type: IconValue,\n      default: '$menu',\n    },\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VBtn\n        class=\"v-app-bar-nav-icon\"\n        icon={ props.icon }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,I,6BAET;;SACSC,S,uCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBADsC;EAG5CC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEP,SADF;MAEJQ,OAAO,EAAE;IAFL;EADD,CAHqC;;EAU5CC,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvBR,SAAS,CAAC;MAAA,SAEA,oBAFA;MAAA,QAGCG,KAAK,CAACC;IAHP,GAIII,KAJJ,CAAD,CAAT;IAQA,OAAO,EAAP;EACD;;AApB2C,CAAD,CAAtC"}

package/lib/components/VAppBar/VAppBarTitle.mjs

@@ -2,17 +2,20 @@ import { createVNode as _createVNode, resolveDirective as _resolveDirective } fr
 // Composables
 import { VToolbarTitle } from "../VToolbar/index.mjs"; // Utilities
 
-import { defineComponent } from "../../util/index.mjs";
-export const VAppBarTitle = defineComponent({ ...VToolbarTitle,
+import { defineComponent, useRender } from "../../util/index.mjs";
+export const VAppBarTitle = defineComponent({
   name: 'VAppBarTitle',
+  props: { ...VToolbarTitle.props
+  },
 
   setup(_, _ref) {
     let {
       slots
     } = _ref;
-    return () => _createVNode(VToolbarTitle, {
+    useRender(() => _createVNode(VToolbarTitle, {
       "class": "v-app-bar-title"
-    }, slots);
+    }, slots));
+    return {};
   }
 
 });

package/lib/components/VAppBar/VAppBarTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAppBar/VAppBarTitle.tsx"],"names":["VToolbarTitle","defineComponent","VAppBarTitle","name","setup","_","slots"],"mappings":";AAAA;SACSA,a,iCAET;;SACSC,e;AAET,OAAO,MAAMC,YAAY,GAAGD,eAAe,CAAC,EAC1C,GAAGD,aADuC;AAG1CG,EAAAA,IAAI,EAAE,cAHoC;;AAK1CC,EAAAA,KAAK,CAAEC,CAAF,QAAgB;AAAA,QAAX;AAAEC,MAAAA;AAAF,KAAW;AACnB,WAAO;AAAA,eAEG;AAFH,OAGOA,KAHP,CAAP;AAMD;;AAZyC,CAAD,CAApC","sourcesContent":["// Composables\nimport { VToolbarTitle } from '@/components/VToolbar'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VAppBarTitle = defineComponent({\n  ...VToolbarTitle,\n\n  name: 'VAppBarTitle',\n\n  setup (_, { slots }) {\n    return () => (\n      <VToolbarTitle\n        class=\"v-app-bar-title\"\n        v-slots={ slots }\n      />\n    )\n  },\n}) as typeof VToolbarTitle\n"],"file":"VAppBarTitle.mjs"}
+{"version":3,"file":"VAppBarTitle.mjs","names":["VToolbarTitle","defineComponent","useRender","VAppBarTitle","name","props","setup","_","slots"],"sources":["../../../src/components/VAppBar/VAppBarTitle.tsx"],"sourcesContent":["// Composables\nimport { VToolbarTitle } from '@/components/VToolbar'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VAppBarTitle = defineComponent({\n  name: 'VAppBarTitle',\n\n  props: { ...VToolbarTitle.props },\n\n  setup (_, { slots }) {\n    useRender(() => (\n      <VToolbarTitle\n        class=\"v-app-bar-title\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,a,iCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;EAC1CG,IAAI,EAAE,cADoC;EAG1CC,KAAK,EAAE,EAAE,GAAGL,aAAa,CAACK;EAAnB,CAHmC;;EAK1CC,KAAK,CAAEC,CAAF,QAAgB;IAAA,IAAX;MAAEC;IAAF,CAAW;IACnBN,SAAS,CAAC;MAAA,SAEA;IAFA,GAGIM,KAHJ,CAAD,CAAT;IAOA,OAAO,EAAP;EACD;;AAdyC,CAAD,CAApC"}

package/lib/components/VAppBar/_variables.scss

@@ -2,6 +2,7 @@
 @use "../../styles/settings/variables";
 @use "../../styles/tools/functions";
 
+// VAppBar
 $app-bar-background: rgb(var(--v-theme-surface)) !default;
 $app-bar-border-color: variables.$border-color-root !default;
 $app-bar-border-radius: map.get(variables.$rounded, '0') !default;
@@ -29,6 +30,7 @@ $app-bar-title-font-size: functions.map-deep-get(variables.$typography, 'h5', 's
 $app-bar-title-padding: 6px 20px !default;
 $app-bar-transition: .2s variables.$standard-easing !default;
 
+// Lists
 $app-bar-border: (
   $app-bar-border-color,
   $app-bar-border-style,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAppBar/index.ts"],"names":["VAppBar","VAppBarNavIcon","VAppBarTitle"],"mappings":"SAASA,O;SACAC,c;SACAC,Y","sourcesContent":["export { VAppBar } from './VAppBar'\nexport { VAppBarNavIcon } from './VAppBarNavIcon'\nexport { VAppBarTitle } from './VAppBarTitle'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VAppBar","VAppBarNavIcon","VAppBarTitle"],"sources":["../../../src/components/VAppBar/index.ts"],"sourcesContent":["export { VAppBar } from './VAppBar'\nexport { VAppBarNavIcon } from './VAppBarNavIcon'\nexport { VAppBarTitle } from './VAppBarTitle'\n"],"mappings":"SAASA,O;SACAC,c;SACAC,Y"}

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -1,8 +1,9 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
 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";
@@ -11,12 +12,12 @@ import { VTextField } from "../VTextField/index.mjs"; // Composables
 
 import { makeFilterProps, useFilter } from "../../composables/filter.mjs";
 import { makeTransitionProps } from "../../composables/transition.mjs";
-import { transformItem, useItems } from "../../composables/items.mjs";
 import { useForwardRef } from "../../composables/forwardRef.mjs";
+import { useItems } from "../../composables/items.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) {
@@ -58,37 +60,30 @@ export const VAutocomplete = genericComponent()({
       t
     } = useLocale();
     const vTextFieldRef = ref();
-    const activator = ref();
     const isFocused = ref(false);
     const isPristine = ref(true);
-    const menu = ref(false);
+    const menu = useProxiedModel(props, 'menu');
     const {
-      items
+      items,
+      transformIn,
+      transformOut
     } = useItems(props);
     const search = useProxiedModel(props, 'search', '');
-    const model = useProxiedModel(props, 'modelValue', [], v => wrapInArray(v || []), v => props.multiple ? v : v[0]);
+    const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      var _transformed$;
+
+      const transformed = transformOut(v);
+      return props.multiple ? transformed : (_transformed$ = transformed[0]) != null ? _transformed$ : null;
+    });
     const {
       filteredItems
     } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value));
     const selections = computed(() => {
-      const array = [];
-      let index = 0;
-
-      for (const unwrapped of model.value) {
-        const item = transformItem(props, unwrapped);
-        const found = array.find(selection => selection.value === item.value);
-
-        if (found == null) {
-          array.push({ ...item,
-            index
-          });
-          index++;
-        }
-      }
-
-      return array;
+      return model.value.map(v => {
+        return items.value.find(item => item.value === v.value) || v;
+      });
     });
-    const selected = computed(() => selections.value.map(selection => selection.value));
+    const selected = computed(() => selections.value.map(selection => selection.props.value));
 
     function onClear(e) {
       model.value = [];
@@ -134,14 +129,15 @@ export const VAutocomplete = genericComponent()({
         const index = selected.value.findIndex(selection => selection === item.value);
 
         if (index === -1) {
-          model.value = [...model.value, item.value];
+          model.value = [...model.value, item];
+          search.value = '';
         } else {
           const value = [...model.value];
           value.splice(index, 1);
           model.value = value;
         }
       } else {
-        model.value = [item.value];
+        model.value = [item];
         isSelecting.value = true;
         search.value = item.title;
         menu.value = false;
@@ -150,15 +146,12 @@ export const VAutocomplete = genericComponent()({
       }
     }
 
-    watch(() => vTextFieldRef.value, val => {
-      activator.value = val.$el.querySelector('.v-input__control');
-    });
     watch(isFocused, val => {
       if (val) {
-        var _model$value;
+        var _selections$value$at$, _selections$value$at;
 
         isSelecting.value = true;
-        search.value = props.multiple ? '' : String((_model$value = model.value) != null ? _model$value : '');
+        search.value = props.multiple ? '' : String((_selections$value$at$ = (_selections$value$at = selections.value.at(-1)) == null ? void 0 : _selections$value$at.props.title) != null ? _selections$value$at$ : '');
         isPristine.value = true;
         nextTick(() => isSelecting.value = false);
       } else {
@@ -176,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,
@@ -183,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,
@@ -194,32 +190,51 @@ export const VAutocomplete = genericComponent()({
         default: () => {
           var _slots$noData, _slots$noData2;
 
-          return _createVNode(_Fragment, null, [activator.value && _createVNode(VMenu, {
+          return _createVNode(_Fragment, null, [_createVNode(VMenu, _mergeProps({
             "modelValue": menu.value,
             "onUpdate:modelValue": $event => menu.value = $event,
-            "activator": activator.value,
+            "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 => {
+              }, null)), filteredItems.value.map((_ref2, index) => {
+                var _slots$item, _slots$item2;
+
                 let {
                   item,
                   matches
                 } = _ref2;
-                return _createVNode(VListItem, {
-                  "value": item.value,
-                  "onMousedown": e => e.preventDefault(),
+                return (_slots$item = (_slots$item2 = slots.item) == null ? void 0 : _slots$item2.call(slots, {
+                  item,
+                  index,
+                  props: mergeProps(item.props, {
+                    onClick: () => select(item)
+                  })
+                })) != null ? _slots$item : _createVNode(VListItem, _mergeProps({
+                  "key": index
+                }, 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;
 
@@ -228,11 +243,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 = {
@@ -240,33 +255,41 @@ export const VAutocomplete = genericComponent()({
               modelValue: true
             };
             return _createVNode("div", {
+              "key": index,
               "class": "v-autocomplete__selection"
-            }, [hasChips && _createVNode(VDefaultsProvider, {
+            }, [hasChips ? _createVNode(VDefaultsProvider, {
               "defaults": {
                 VChip: {
                   closable: props.closableChips,
                   size: 'small',
-                  text: selection.title
+                  text: item.title
                 }
               }
             }, {
               default: () => [slots.chip ? slots.chip({
-                props: slotProps,
-                selection
+                item,
+                index,
+                props: slotProps
               }) : _createVNode(VChip, slotProps, null)]
-            }), !hasChips && (slots.selection ? slots.selection({
-              selection
+            }) : slots.selection ? slots.selection({
+              item,
+              index
             }) : _createVNode("span", {
               "class": "v-autocomplete__selection-text"
-            }, [selection.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(",")])]))]);
+            }, [_createTextVNode(",")])])]);
           })]);
         }
       });
     });
     return useForwardRef({
-      filteredItems
+      isFocused,
+      isPristine,
+      menu,
+      search,
+      filteredItems,
+      select
     }, vTextFieldRef);
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAutocomplete/VAutocomplete.tsx"],"names":["makeSelectProps","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeFilterProps","useFilter","makeTransitionProps","transformItem","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","activator","isFocused","isPristine","menu","items","model","v","multiple","filteredItems","value","undefined","selections","array","index","unwrapped","item","found","find","selection","push","selected","map","onClear","openOnClear","onClickControl","hideNoData","onKeydown","includes","key","onInput","target","onAfterLeave","isSelecting","select","findIndex","splice","title","$el","querySelector","hasChips","chips","chip","menuIcon","default","eager","noDataText","preventDefault","onChipClose","stopPropagation","slotProps","modelValue","closable","closableChips","size"],"mappings":";AAAA;AACA,6B,CAEA;;SACSA,e;SACAC,K;SACAC,iB;SACAC,K,EAAOC,S;SACPC,K;SACAC,U,mCAET;;SACSC,e,EAAiBC,S;SACjBC,mB;SACAC,a,EAAeC,Q;SACfC,a;SACAC,S;SACAC,e,8CAET;;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,GAA7B,EAAkCC,KAAlC,QAA+C,KAA/C;SACSC,gB,EAAkBC,S,EAAWC,W,gCAEtC;;AAaA,SAASC,eAAT,CAA0BC,IAA1B,EAAwCC,OAAxC,EAA8DC,MAA9D,EAA8E;AAC5E,MAAIC,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAJ,EAA4B,MAAM,IAAII,KAAJ,CAAU,qCAAV,CAAN;AAE5B,SAAO,OAAOJ,OAAP,KAAmB,QAAnB,IAA+B,CAACA,OAAhC;AAAA,aAGW;AAHX,MAGsCD,IAAI,CAACM,MAAL,CAAY,CAAZ,EAAeL,OAAf,CAHtC;AAAA,aAIW;AAJX,MAIoCD,IAAI,CAACM,MAAL,CAAYL,OAAZ,EAAqBC,MAArB,CAJpC;AAAA,aAKW;AALX,MAKsCF,IAAI,CAACM,MAAL,CAAYL,OAAO,GAAGC,MAAtB,CALtC,OAQHF,IARJ;AASD;;AAED,OAAO,MAAMO,aAAa,GAAGX,gBAAgB,GAMxC;AACHY,EAAAA,IAAI,EAAE,eADH;AAGHC,EAAAA,KAAK,EAAE;AACL;AACA;AACAC,IAAAA,MAAM,EAAEC,MAHH;AAKL,OAAG3B,eAAe,CAAC;AAAE4B,MAAAA,UAAU,EAAE,CAAC,OAAD;AAAd,KAAD,CALb;AAML,OAAGnC,eAAe,EANb;AAOL,OAAGS,mBAAmB,CAAC;AAAE2B,MAAAA,UAAU,EAAE;AAAd,KAAD;AAPjB,GAHJ;AAaHC,EAAAA,KAAK,EAAE;AACL,mBAAgBC,CAAD,IAAmB,IAD7B;AAEL,qBAAkBC,GAAD,IAAc,IAF1B;AAGL,yBAAsBA,GAAD,IAAc;AAH9B,GAbJ;;AAmBHC,EAAAA,KAAK,CAAER,KAAF,QAAoB;AAAA,QAAX;AAAES,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAQ7B,SAAS,EAAvB;AACA,UAAM8B,aAAa,GAAG1B,GAAG,EAAzB;AACA,UAAM2B,SAAS,GAAG3B,GAAG,EAArB;AACA,UAAM4B,SAAS,GAAG5B,GAAG,CAAC,KAAD,CAArB;AACA,UAAM6B,UAAU,GAAG7B,GAAG,CAAC,IAAD,CAAtB;AACA,UAAM8B,IAAI,GAAG9B,GAAG,CAAC,KAAD,CAAhB;AACA,UAAM;AAAE+B,MAAAA;AAAF,QAAYrC,QAAQ,CAACqB,KAAD,CAA1B;AACA,UAAMC,MAAM,GAAGnB,eAAe,CAACkB,KAAD,EAAQ,QAAR,EAAkB,EAAlB,CAA9B;AACA,UAAMiB,KAAK,GAAGnC,eAAe,CAC3BkB,KAD2B,EAE3B,YAF2B,EAG3B,EAH2B,EAI3BkB,CAAC,IAAI7B,WAAW,CAAC6B,CAAC,IAAI,EAAN,CAJW,EAK1BA,CAAD,IAAYlB,KAAK,CAACmB,QAAN,GAAiBD,CAAjB,GAAqBA,CAAC,CAAC,CAAD,CALP,CAA7B;AAOA,UAAM;AAAEE,MAAAA;AAAF,QAAoB5C,SAAS,CAACwB,KAAD,EAAQgB,KAAR,EAAejC,QAAQ,CAAC,MAAM+B,UAAU,CAACO,KAAX,GAAmBC,SAAnB,GAA+BrB,MAAM,CAACoB,KAA7C,CAAvB,CAAnC;AACA,UAAME,UAAU,GAAGxC,QAAQ,CAAC,MAAM;AAChC,YAAMyC,KAA2B,GAAG,EAApC;AACA,UAAIC,KAAK,GAAG,CAAZ;;AACA,WAAK,MAAMC,SAAX,IAAwBT,KAAK,CAACI,KAA9B,EAAqC;AACnC,cAAMM,IAAI,GAAGjD,aAAa,CAACsB,KAAD,EAAQ0B,SAAR,CAA1B;AAEA,cAAME,KAAK,GAAGJ,KAAK,CAACK,IAAN,CAAWC,SAAS,IAAIA,SAAS,CAACT,KAAV,KAAoBM,IAAI,CAACN,KAAjD,CAAd;;AAEA,YAAIO,KAAK,IAAI,IAAb,EAAmB;AACjBJ,UAAAA,KAAK,CAACO,IAAN,CAAW,EACT,GAAGJ,IADM;AAETF,YAAAA;AAFS,WAAX;AAKAA,UAAAA,KAAK;AACN;AACF;;AAED,aAAOD,KAAP;AACD,KAnB0B,CAA3B;AAoBA,UAAMQ,QAAQ,GAAGjD,QAAQ,CAAC,MAAMwC,UAAU,CAACF,KAAX,CAAiBY,GAAjB,CAAqBH,SAAS,IAAIA,SAAS,CAACT,KAA5C,CAAP,CAAzB;;AAEA,aAASa,OAAT,CAAkB5B,CAAlB,EAAiC;AAC/BW,MAAAA,KAAK,CAACI,KAAN,GAAc,EAAd;;AAEA,UAAIrB,KAAK,CAACmC,WAAV,EAAuB;AACrBpB,QAAAA,IAAI,CAACM,KAAL,GAAa,IAAb;AACD;;AAEDpB,MAAAA,MAAM,CAACoB,KAAP,GAAe,EAAf;AACD;;AACD,aAASe,cAAT,GAA2B;AACzB,UAAIpC,KAAK,CAACqC,UAAN,IAAoB,CAACjB,aAAa,CAACC,KAAd,CAAoB5B,MAA7C,EAAqD;AAErDsB,MAAAA,IAAI,CAACM,KAAL,GAAa,IAAb;AACD;;AACD,aAASiB,SAAT,CAAoBhC,CAApB,EAAsC;AACpC,UAAI,CAAC,OAAD,EAAU,WAAV,EAAuBiC,QAAvB,CAAgCjC,CAAC,CAACkC,GAAlC,CAAJ,EAA4C;AAC1CzB,QAAAA,IAAI,CAACM,KAAL,GAAa,IAAb;AACD;;AAED,UAAI,CAAC,QAAD,EAAWkB,QAAX,CAAoBjC,CAAC,CAACkC,GAAtB,CAAJ,EAAgC;AAC9BzB,QAAAA,IAAI,CAACM,KAAL,GAAa,KAAb;AACD;;AAED,UAAI,CAAC,OAAD,EAAU,QAAV,EAAoB,KAApB,EAA2BkB,QAA3B,CAAoCjC,CAAC,CAACkC,GAAtC,CAAJ,EAAgD;AAC9C1B,QAAAA,UAAU,CAACO,KAAX,GAAmB,IAAnB;AACD;AACF;;AACD,aAASoB,OAAT,CAAkBnC,CAAlB,EAAiC;AAC/BL,MAAAA,MAAM,CAACoB,KAAP,GAAgBf,CAAC,CAACoC,MAAH,CAA+BrB,KAA9C;AACD;;AACD,aAASsB,YAAT,GAAyB;AACvB,UAAI9B,SAAS,CAACQ,KAAd,EAAqBP,UAAU,CAACO,KAAX,GAAmB,IAAnB;AACtB;;AACD,UAAMuB,WAAW,GAAG3D,GAAG,CAAC,KAAD,CAAvB;;AACA,aAAS4D,MAAT,CAAiBlB,IAAjB,EAA4B;AAC1B,UAAI3B,KAAK,CAACmB,QAAV,EAAoB;AAClB,cAAMM,KAAK,GAAGO,QAAQ,CAACX,KAAT,CAAeyB,SAAf,CAAyBhB,SAAS,IAAIA,SAAS,KAAKH,IAAI,CAACN,KAAzD,CAAd;;AAEA,YAAII,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChBR,UAAAA,KAAK,CAACI,KAAN,GAAc,CAAC,GAAGJ,KAAK,CAACI,KAAV,EAAiBM,IAAI,CAACN,KAAtB,CAAd;AACD,SAFD,MAEO;AACL,gBAAMA,KAAK,GAAG,CAAC,GAAGJ,KAAK,CAACI,KAAV,CAAd;AACAA,UAAAA,KAAK,CAAC0B,MAAN,CAAatB,KAAb,EAAoB,CAApB;AACAR,UAAAA,KAAK,CAACI,KAAN,GAAcA,KAAd;AACD;AACF,OAVD,MAUO;AACLJ,QAAAA,KAAK,CAACI,KAAN,GAAc,CAACM,IAAI,CAACN,KAAN,CAAd;AAEAuB,QAAAA,WAAW,CAACvB,KAAZ,GAAoB,IAApB;AAEApB,QAAAA,MAAM,CAACoB,KAAP,GAAeM,IAAI,CAACqB,KAApB;AACAjC,QAAAA,IAAI,CAACM,KAAL,GAAa,KAAb;AACAP,QAAAA,UAAU,CAACO,KAAX,GAAmB,IAAnB;AAEArC,QAAAA,QAAQ,CAAC,MAAO4D,WAAW,CAACvB,KAAZ,GAAoB,KAA5B,CAAR;AACD;AACF;;AAEDnC,IAAAA,KAAK,CAAC,MAAMyB,aAAa,CAACU,KAArB,EAA4Bd,GAAG,IAAI;AACtCK,MAAAA,SAAS,CAACS,KAAV,GAAkBd,GAAG,CAAC0C,GAAJ,CAAQC,aAAR,CAAsB,mBAAtB,CAAlB;AACD,KAFI,CAAL;AAIAhE,IAAAA,KAAK,CAAC2B,SAAD,EAAYN,GAAG,IAAI;AACtB,UAAIA,GAAJ,EAAS;AAAA;;AACPqC,QAAAA,WAAW,CAACvB,KAAZ,GAAoB,IAApB;AACApB,QAAAA,MAAM,CAACoB,KAAP,GAAerB,KAAK,CAACmB,QAAN,GAAiB,EAAjB,GAAsBjB,MAAM,iBAACe,KAAK,CAACI,KAAP,2BAAgB,EAAhB,CAA3C;AACAP,QAAAA,UAAU,CAACO,KAAX,GAAmB,IAAnB;AAEArC,QAAAA,QAAQ,CAAC,MAAM4D,WAAW,CAACvB,KAAZ,GAAoB,KAA3B,CAAR;AACD,OAND,MAMO;AACLN,QAAAA,IAAI,CAACM,KAAL,GAAa,KAAb;AACApB,QAAAA,MAAM,CAACoB,KAAP,GAAe,EAAf;AACD;AACF,KAXI,CAAL;AAaAnC,IAAAA,KAAK,CAACe,MAAD,EAASM,GAAG,IAAI;AACnB,UAAI,CAACM,SAAS,CAACQ,KAAX,IAAoBuB,WAAW,CAACvB,KAApC,EAA2C;AAE3C,UAAId,GAAJ,EAASQ,IAAI,CAACM,KAAL,GAAa,IAAb;AAETP,MAAAA,UAAU,CAACO,KAAX,GAAmB,CAACd,GAApB;AACD,KANI,CAAL;AAQAnB,IAAAA,SAAS,CAAC,MAAM;AACd,YAAM+D,QAAQ,GAAG,CAAC,EAAEnD,KAAK,CAACoD,KAAN,IAAe3C,KAAK,CAAC4C,IAAvB,CAAlB;AAEA;AAAA,eAEU1C,aAFV;AAAA,sBAGiBV,MAAM,CAACoB,KAHxB;AAAA,mBAIcoB,OAJd;AAAA,iBAKW,CACL,gBADK,EAEL;AACE,yCAA+B1B,IAAI,CAACM,KADtC;AAEE,mCAAyB,CAAC,CAACrB,KAAK,CAACoD,KAFnC;AAGE,WAAE,mBAAkBpD,KAAK,CAACmB,QAAN,GAAiB,UAAjB,GAA8B,QAAS,EAA3D,GAA+D;AAHjE,SAFK,CALX;AAAA,2BAasBnB,KAAK,CAACsD,QAb5B;AAAA,iBAcYtB,QAAQ,CAACX,KAAT,CAAe5B,MAAf,GAAwB,CAdpC;AAAA,yBAeoByC,OAfpB;AAAA,2BAgBsBE,cAhBtB;AAAA,yBAiBoBA,cAjBpB;AAAA,mBAkBc,MAAMvB,SAAS,CAACQ,KAAV,GAAkB,IAlBtC;AAAA,kBAmBa,MAAMR,SAAS,CAACQ,KAAV,GAAkB,KAnBrC;AAAA,qBAoBgBiB;AApBhB,WAuBM,GAAG7B,KAvBT;AAwBM8C,QAAAA,OAAO,EAAE;AAAA;;AAAA,gDAEH3C,SAAS,CAACS,KAAV;AAAA,0BAEYN,IAAI,CAACM,KAFjB;AAAA,6CAEYN,IAAI,CAACM,KAFjB;AAAA,yBAGcT,SAAS,CAACS,KAHxB;AAAA,4BAIe,yBAJf;AAAA,qBAKUrB,KAAK,CAACwD,KALhB;AAAA,2BAMgB,KANhB;AAAA,0BAOexD,KAAK,CAACI,UAPrB;AAAA,4BAQiBuC;AARjB;AAAA;AAAA,0BAWeX,QAAQ,CAACX,KAXxB;AAAA,gCAYqBrB,KAAK,CAACmB,QAAN,GAAiB,aAAjB,GAAiC;AAZtD;AAAA,8BAcM,CAACC,aAAa,CAACC,KAAd,CAAoB5B,MAArB,IAA+B,CAACO,KAAK,CAACqC,UAAtC,wCAAqD5B,KAAK,CAAC,SAAD,CAA1D,qBAAqD,oBAAAA,KAAK,CAA1D;AAAA,yBACmBC,CAAC,CAACV,KAAK,CAACyD,UAAP;AADpB,uBAdN,EAkBMrC,aAAa,CAACC,KAAd,CAAoBY,GAApB,CAAwB;AAAA,oBAAC;AAAEN,kBAAAA,IAAF;AAAQnC,kBAAAA;AAAR,iBAAD;AAAA;AAAA,2BAEdmC,IAAI,CAACN,KAFS;AAAA,iCAGPf,CAAD,IAAmBA,CAAC,CAACoD,cAAF,EAHX;AAAA,6BAIZ,MAAMb,MAAM,CAAClB,IAAD;AAJA;AAOpBqB,kBAAAA,KAAK,EAAE,MAAM;AAAA;;AACX,2BAAOlC,UAAU,CAACO,KAAX,GACHM,IAAI,CAACqB,KADF,GAEH1D,eAAe,CAACqC,IAAI,CAACqB,KAAN,EAAaxD,OAAO,CAACwD,KAArB,2CAA4B/C,MAAM,CAACoB,KAAnC,qBAA4B,cAAc5B,MAA1C,mCAAoD,CAApD,CAFnB;AAGD;AAXmB;AAAA,eAAxB,CAlBN;AAAA;AAAA,YAFG,EAsCD8B,UAAU,CAACF,KAAX,CAAiBY,GAAjB,CAAqB,CAACH,SAAD,EAAYL,KAAZ,KAAsB;AAC3C,qBAASkC,WAAT,CAAsBrD,CAAtB,EAAgC;AAC9BA,cAAAA,CAAC,CAACsD,eAAF;AACAtD,cAAAA,CAAC,CAACoD,cAAF;AAEAb,cAAAA,MAAM,CAACf,SAAD,CAAN;AACD;;AAED,kBAAM+B,SAAS,GAAG;AAChB,+BAAiBF,WADD;AAEhBG,cAAAA,UAAU,EAAE;AAFI,aAAlB;AAKA;AAAA,uBACa;AADb,gBAEMX,QAAQ;AAAA,0BAEI;AACRlF,gBAAAA,KAAK,EAAE;AACL8F,kBAAAA,QAAQ,EAAE/D,KAAK,CAACgE,aADX;AAELC,kBAAAA,IAAI,EAAE,OAFD;AAGL1E,kBAAAA,IAAI,EAAEuC,SAAS,CAACkB;AAHX;AADC;AAFJ;AAAA,8BAUJvC,KAAK,CAAC4C,IAAN,GACE5C,KAAK,CAAC4C,IAAN,CAAW;AAAErD,gBAAAA,KAAK,EAAE6D,SAAT;AAAoB/B,gBAAAA;AAApB,eAAX,CADF,uBAEe+B,SAFf,OAVI;AAAA,cAFd,EAmBM,CAACV,QAAD,KACA1C,KAAK,CAACqB,SAAN,GACIrB,KAAK,CAACqB,SAAN,CAAgB;AAAEA,cAAAA;AAAF,aAAhB,CADJ;AAAA,uBAGgB;AAHhB,gBAIQA,SAAS,CAACkB,KAJlB,EAKQhD,KAAK,CAACmB,QAAN,IAAmBM,KAAK,GAAGF,UAAU,CAACF,KAAX,CAAiB5B,MAAjB,GAA0B,CAArD;AAAA,uBACY;AADZ,uCALR,EADA,CAnBN;AAiCD,WA9CC,CAtCC;AAAA;AAxBf;AAkHD,KArHQ,CAAT;AAuHA,WAAOb,aAAa,CAAC;AACnBwC,MAAAA;AADmB,KAAD,EAEjBT,aAFiB,CAApB;AAGD;;AAvQE,CANwC,CAAtC","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 { transformItem, 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 { FilterMatch } from '@/composables/filter'\nimport type { DefaultChipSlot, InternalSelectItem } from '@/components/VSelect/VSelect'\nimport type { MakeSlots } from '@/util'\n\nexport interface InternalAutocompleteItem extends InternalSelectItem {\n\n}\n\nexport interface DefaultAutocompleteSlot {\n  selection: InternalAutocompleteItem\n}\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\nexport const VAutocomplete = genericComponent<new <T>() => {\n  $slots: MakeSlots<{\n    chip: [DefaultChipSlot]\n    default: []\n    selection: [DefaultAutocompleteSlot]\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 activator = ref()\n    const isFocused = ref(false)\n    const isPristine = ref(true)\n    const menu = ref(false)\n    const { items } = useItems(props)\n    const search = useProxiedModel(props, 'search', '')\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      [],\n      v => wrapInArray(v || []),\n      (v: any) => props.multiple ? v : v[0]\n    )\n    const { filteredItems } = useFilter(props, items, computed(() => isPristine.value ? undefined : search.value))\n    const selections = computed(() => {\n      const array: InternalSelectItem[] = []\n      let index = 0\n      for (const unwrapped of model.value) {\n        const item = transformItem(props, unwrapped)\n\n        const found = array.find(selection => selection.value === item.value)\n\n        if (found == null) {\n          array.push({\n            ...item,\n            index,\n          })\n\n          index++\n        }\n      }\n\n      return array\n    })\n    const selected = computed(() => selections.value.map(selection => selection.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.value]\n        } else {\n          const value = [...model.value]\n          value.splice(index, 1)\n          model.value = value\n        }\n      } else {\n        model.value = [item.value]\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(() => vTextFieldRef.value, val => {\n      activator.value = val.$el.querySelector('.v-input__control')\n    })\n\n    watch(isFocused, val => {\n      if (val) {\n        isSelecting.value = true\n        search.value = props.multiple ? '' : String(model.value ?? '')\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                { activator.value && (\n                  <VMenu\n                    v-model={ menu.value }\n                    activator={ activator.value }\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                          value={ item.value }\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.title,\n                              },\n                            }}\n                          >\n                            { slots.chip\n                              ? slots.chip({ props: slotProps, selection })\n                              : (<VChip { ...slotProps } />)\n                            }\n                          </VDefaultsProvider>\n                        ) }\n\n                        { !hasChips && (\n                          slots.selection\n                            ? slots.selection({ selection })\n                            : (\n                              <span class=\"v-autocomplete__selection-text\">\n                                { selection.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"],"file":"VAutocomplete.mjs"}
+{"version":3,"file":"VAutocomplete.mjs","names":["makeSelectProps","VCheckboxBtn","VChip","VDefaultsProvider","VList","VListItem","VMenu","VTextField","makeFilterProps","useFilter","makeTransitionProps","useForwardRef","useItems","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 { useForwardRef } from '@/composables/forwardRef'\nimport { useItems } from '@/composables/items'\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 { FilterMatch } from '@/composables/filter'\nimport type { MakeSlots } from '@/util'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\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    item: [{ item: T, index: number, props: Record<string, unknown> }]\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 }, index) => slots.item?.({\n                      item,\n                      index,\n                      props: mergeProps(item.props, { onClick: () => select(item) }),\n                    }) ?? (\n                      <VListItem\n                        key={ index }\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 key={ index } 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({ item, index, props: slotProps })\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":"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"}

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/VAutocomplete/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAutocomplete/index.ts"],"names":["VAutocomplete"],"mappings":"SAASA,a","sourcesContent":["export { VAutocomplete } from './VAutocomplete'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VAutocomplete"],"sources":["../../../src/components/VAutocomplete/index.ts"],"sourcesContent":["export { VAutocomplete } from './VAutocomplete'\n"],"mappings":"SAASA,a"}

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.mjs

@@ -9,7 +9,8 @@ import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
+import { useBackgroundColor } from "../../composables/color.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 
 import { defineComponent, propsFactory, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
@@ -17,7 +18,7 @@ export const makeVAvatarProps = propsFactory({
   color: String,
   start: Boolean,
   end: Boolean,
-  icon: String,
+  icon: IconValue,
   image: String,
   ...makeDensityProps(),
   ...makeRoundedProps(),

package/lib/components/VAvatar/VAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"names":["VIcon","VImg","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","useBackgroundColor","defineComponent","propsFactory","useRender","toRef","makeVAvatarProps","color","String","start","Boolean","end","icon","image","VAvatar","name","props","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","sizeClasses","sizeStyles","value","default"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,K;SACAC,I,6BAET;;SACSC,gB,EAAkBC,U;SAClBC,gB,EAAkBC,U;SAClBC,a,EAAeC,O;SACfC,Y;SACAC,kB,uCAET;;SACSC,e,EAAiBC,Y,EAAcC,S;AACxC,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,gBAAgB,GAAGH,YAAY,CAAC;AAC3CI,EAAAA,KAAK,EAAEC,MADoC;AAE3CC,EAAAA,KAAK,EAAEC,OAFoC;AAG3CC,EAAAA,GAAG,EAAED,OAHsC;AAI3CE,EAAAA,IAAI,EAAEJ,MAJqC;AAK3CK,EAAAA,KAAK,EAAEL,MALoC;AAO3C,KAAGd,gBAAgB,EAPwB;AAQ3C,KAAGE,gBAAgB,EARwB;AAS3C,KAAGE,aAAa,EAT2B;AAU3C,KAAGE,YAAY;AAV4B,CAAD,CAArC;AAaP,OAAO,MAAMc,OAAO,GAAGZ,eAAe,CAAC;AACrCa,EAAAA,IAAI,EAAE,SAD+B;AAGrCC,EAAAA,KAAK,EAAEV,gBAAgB,EAHc;;AAKrCW,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA,sBAAF;AAA0BC,MAAAA;AAA1B,QAAoDnB,kBAAkB,CAACI,KAAK,CAACW,KAAD,EAAQ,OAAR,CAAN,CAA5E;AACA,UAAM;AAAEK,MAAAA;AAAF,QAAqB1B,UAAU,CAACqB,KAAD,CAArC;AACA,UAAM;AAAEM,MAAAA;AAAF,QAAqBzB,UAAU,CAACmB,KAAD,CAArC;AACA,UAAM;AAAEO,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA8BzB,OAAO,CAACiB,KAAD,CAA3C;AAEAZ,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,iBAEC,CACL,UADK,EAEL;AACE,6BAAmBY,KAAK,CAACP,KAD3B;AAEE,2BAAiBO,KAAK,CAACL;AAFzB,SAFK,EAMLQ,sBAAsB,CAACM,KANlB,EAOLJ,cAAc,CAACI,KAPV,EAQLH,cAAc,CAACG,KARV,EASLF,WAAW,CAACE,KATP,CAFD;AAAA,iBAaC,CACLL,qBAAqB,CAACK,KADjB,EAELD,UAAU,CAACC,KAFN;AAbD;AAAA,wBAmBJT,KAAK,CAACH,KAAN;AAAA,iBACeG,KAAK,CAACH,KADrB;AAAA,iBACiC;AADjC,mBAEEG,KAAK,CAACJ,IAAN;AAAA,kBACiBI,KAAK,CAACJ;AADvB,qCAEEM,KAAK,CAACQ,OAFR,qBAEE,oBAAAR,KAAK,CAvBL;AAAA;AAAA,KAAD,CAAT;AA4BA,WAAO,EAAP;AACD;;AAxCoC,CAAD,CAA/B","sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { defineComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVAvatarProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: String,\n  image: String,\n\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n})\n\nexport const VAvatar = defineComponent({\n  name: 'VAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--start': props.start,\n            'v-avatar--end': props.end,\n          },\n          backgroundColorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          sizeStyles.value,\n        ]}\n      >\n\n        { props.image\n          ? (<VImg src={ props.image } alt=\"\" />)\n          : props.icon\n            ? (<VIcon icon={ props.icon } />)\n            : slots.default?.()\n        }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VAvatar = InstanceType<typeof VAvatar>\n"],"file":"VAvatar.mjs"}
+{"version":3,"file":"VAvatar.mjs","names":["VIcon","VImg","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","useBackgroundColor","IconValue","defineComponent","propsFactory","useRender","toRef","makeVAvatarProps","color","String","start","Boolean","end","icon","image","VAvatar","name","props","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","sizeClasses","sizeStyles","value","default"],"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useBackgroundColor } from '@/composables/color'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { defineComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVAvatarProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n  image: String,\n\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n})\n\nexport const VAvatar = defineComponent({\n  name: 'VAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--start': props.start,\n            'v-avatar--end': props.end,\n          },\n          backgroundColorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          sizeStyles.value,\n        ]}\n      >\n        { props.image\n          ? (<VImg src={ props.image } alt=\"\" />)\n          : props.icon\n            ? (<VIcon icon={ props.icon } />)\n            : slots.default?.()\n        }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VAvatar = InstanceType<typeof VAvatar>\n"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,K;SACAC,I,6BAET;;SACSC,gB,EAAkBC,U;SAClBC,gB,EAAkBC,U;SAClBC,a,EAAeC,O;SACfC,Y;SACAC,kB;SACAC,S,uCAET;;SACSC,e,EAAiBC,Y,EAAcC,S;AACxC,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,gBAAgB,GAAGH,YAAY,CAAC;EAC3CI,KAAK,EAAEC,MADoC;EAE3CC,KAAK,EAAEC,OAFoC;EAG3CC,GAAG,EAAED,OAHsC;EAI3CE,IAAI,EAAEX,SAJqC;EAK3CY,KAAK,EAAEL,MALoC;EAO3C,GAAGf,gBAAgB,EAPwB;EAQ3C,GAAGE,gBAAgB,EARwB;EAS3C,GAAGE,aAAa,EAT2B;EAU3C,GAAGE,YAAY;AAV4B,CAAD,CAArC;AAaP,OAAO,MAAMe,OAAO,GAAGZ,eAAe,CAAC;EACrCa,IAAI,EAAE,SAD+B;EAGrCC,KAAK,EAAEV,gBAAgB,EAHc;;EAKrCW,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,MAAM;MAAEC,sBAAF;MAA0BC;IAA1B,IAAoDpB,kBAAkB,CAACK,KAAK,CAACW,KAAD,EAAQ,OAAR,CAAN,CAA5E;IACA,MAAM;MAAEK;IAAF,IAAqB3B,UAAU,CAACsB,KAAD,CAArC;IACA,MAAM;MAAEM;IAAF,IAAqB1B,UAAU,CAACoB,KAAD,CAArC;IACA,MAAM;MAAEO,WAAF;MAAeC;IAAf,IAA8B1B,OAAO,CAACkB,KAAD,CAA3C;IAEAZ,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,UADK,EAEL;UACE,mBAAmBY,KAAK,CAACP,KAD3B;UAEE,iBAAiBO,KAAK,CAACL;QAFzB,CAFK,EAMLQ,sBAAsB,CAACM,KANlB,EAOLJ,cAAc,CAACI,KAPV,EAQLH,cAAc,CAACG,KARV,EASLF,WAAW,CAACE,KATP,CAFD;QAAA,SAaC,CACLL,qBAAqB,CAACK,KADjB,EAELD,UAAU,CAACC,KAFN;MAbD;QAAA,gBAkBJT,KAAK,CAACH,KAAN;UAAA,OACeG,KAAK,CAACH,KADrB;UAAA,OACiC;QADjC,WAEEG,KAAK,CAACJ,IAAN;UAAA,QACiBI,KAAK,CAACJ;QADvB,6BAEEM,KAAK,CAACQ,OAFR,qBAEE,oBAAAR,KAAK,CAtBL;MAAA;IAAA,CAAD,CAAT;IA2BA,OAAO,EAAP;EACD;;AAvCoC,CAAD,CAA/B"}

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/VAvatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAvatar/index.ts"],"names":["VAvatar"],"mappings":"SAASA,O","sourcesContent":["export { VAvatar } from './VAvatar'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VAvatar"],"sources":["../../../src/components/VAvatar/index.ts"],"sourcesContent":["export { VAvatar } from './VAvatar'\n"],"mappings":"SAASA,O"}

package/lib/components/VBadge/VBadge.css

@@ -6,13 +6,12 @@
 .v-badge__badge {
   align-items: center;
   border-radius: 10px;
-  display: flex;
   font-size: 0.75rem;
   font-weight: 500;
   height: 1.25rem;
   justify-content: center;
   min-width: 20px;
-  padding: 4px;
+  padding: 4px 6px;
   pointer-events: auto;
   position: absolute;
   text-align: center;
@@ -51,6 +50,8 @@
 }
 .v-badge__badge .v-icon {
   color: inherit;
+  font-size: 0.75rem;
+  margin: 0 -2px;
 }
 .v-badge__badge img,
 .v-badge__badge .v-img {
@@ -58,10 +59,6 @@
   width: 100%;
 }
 
-.v-badge__content {
-  padding: 0 2px;
-}
-
 .v-badge__wrapper {
   display: flex;
   position: relative;