@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAutocomplete/VAutocomplete.ts"],"names":["VSelect","defaultMenuProps","VSelectMenuProps","VTextField","mergeData","getObjectValueByPath","getPropertyFromItem","keyCodes","offsetY","offsetOverflow","transition","extend","name","props","allowOverflow","type","Boolean","default","autoSelectFirst","filter","Function","item","queryText","itemText","toLocaleLowerCase","indexOf","hideNoData","menuProps","options","noFilter","searchInput","String","data","lazySearch","computed","classes","call","selectedIndex","computedItems","filteredItems","selectedValues","selectedItems","map","getValue","hasDisplayedItems","hideSelected","some","hasItem","length","currentRange","selectedItem","getText","isSearching","internalSearch","allItems","value","text","get","set","val","$emit","isAnyValueAllowed","isDirty","searchIsDirty","multiple","menuCanShow","isFocused","$_menuProps","contentClass","trim","find","i","valueComparator","internalValue","listData","items","virtualizedItems","watch","document","addEventListener","onCopy","$refs","input","select","removeEventListener","blur","updateSelf","isMenuActive","hasSlot","oldVal","activateMenu","created","setSearch","destroyed","methods","onFilteredItemsChanged","setMenuIndex","$nextTick","menu","getTiles","onInternalSearchChanged","updateMenuDimensions","updateDimensions","changeSelectedIndex","keyCode","left","right","backspace","delete","deleteCurrentItem","curIndex","curItem","isInteractive","getDisabled","lastIndex","nextIndex","nextItem","setValue","selectItem","clearableCallback","genInput","attrs","autocomplete","domProps","genInputSlot","slot","role","genSelections","onClick","e","onFocus","isAppendInner","target","onInput","badInput","validity","onKeyDown","ctrlKey","home","end","includes","onSpaceDown","onTabDown","onUpDown","preventDefault","setSelectedItems","event","currentItem","currentItemText","clipboardData","setData"],"mappings":"AAAA;;AACA;AAEA;AACA,8B,CAEA;;OACOA,O,IAAWC,gBAAgB,IAAIC,gB;OAC/BC,U,sCAEP;;OACOC,S;SAELC,oB,EACAC,mB,EACAC,Q,kCAGF;;AAIA,MAAMN,gBAAgB,GAAG,EACvB,GAAGC,gBADoB;AAEvBM,EAAAA,OAAO,EAAE,IAFc;AAGvBC,EAAAA,cAAc,EAAE,IAHO;AAIvBC,EAAAA,UAAU,EAAE;AAJW,CAAzB;AAOA;;AACA,eAAeV,OAAO,CAACW,MAAR,CAAe;AAC5BC,EAAAA,IAAI,EAAE,gBADsB;AAG5BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,IAAI,EAAEC,OADO;AAEbC,MAAAA,OAAO,EAAE;AAFI,KADV;AAKLC,IAAAA,eAAe,EAAE;AACfH,MAAAA,IAAI,EAAEC,OADS;AAEfC,MAAAA,OAAO,EAAE;AAFM,KALZ;AASLE,IAAAA,MAAM,EAAE;AACNJ,MAAAA,IAAI,EAAEK,QADA;AAENH,MAAAA,OAAO,EAAE,CAACI,IAAD,EAAYC,SAAZ,EAA+BC,QAA/B,KAAoD;AAC3D,eAAOA,QAAQ,CAACC,iBAAT,GAA6BC,OAA7B,CAAqCH,SAAS,CAACE,iBAAV,EAArC,IAAsE,CAAC,CAA9E;AACD;AAJK,KATH;AAeLE,IAAAA,UAAU,EAAEV,OAfP;AAgBLW,IAAAA,SAAS,EAAE;AACTZ,MAAAA,IAAI,EAAEf,OAAO,CAAC4B,OAAR,CAAgBf,KAAhB,CAAsBc,SAAtB,CAAgCZ,IAD7B;AAETE,MAAAA,OAAO,EAAE,MAAMhB;AAFN,KAhBN;AAoBL4B,IAAAA,QAAQ,EAAEb,OApBL;AAqBLc,IAAAA,WAAW,EAAE;AACXf,MAAAA,IAAI,EAAEgB;AADK;AArBR,GAHqB;;AA6B5BC,EAAAA,IAAI,GAAI;AACN,WAAO;AACLC,MAAAA,UAAU,EAAE,KAAKH;AADZ,KAAP;AAGD,GAjC2B;;AAmC5BI,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,GAAY;AACjB,aAAO,EACL,GAAGnC,OAAO,CAAC4B,OAAR,CAAgBM,QAAhB,CAAyBC,OAAzB,CAAiCC,IAAjC,CAAsC,IAAtC,CADE;AAEL,0BAAkB,IAFb;AAGL,8CAAsC,KAAKC,aAAL,GAAqB,CAAC;AAHvD,OAAP;AAKD,KAPO;;AAQRC,IAAAA,aAAa,GAAc;AACzB,aAAO,KAAKC,aAAZ;AACD,KAVO;;AAWRC,IAAAA,cAAc,GAAc;AAC1B,aAAO,KAAKC,aAAL,CAAmBC,GAAnB,CAAuBrB,IAAI,IAAI,KAAKsB,QAAL,CAActB,IAAd,CAA/B,CAAP;AACD,KAbO;;AAcRuB,IAAAA,iBAAiB,GAAa;AAC5B,aAAO,KAAKC,YAAL,GACH,KAAKN,aAAL,CAAmBO,IAAnB,CAAwBzB,IAAI,IAAI,CAAC,KAAK0B,OAAL,CAAa1B,IAAb,CAAjC,CADG,GAEH,KAAKkB,aAAL,CAAmBS,MAAnB,GAA4B,CAFhC;AAGD,KAlBO;;AAmBRC,IAAAA,YAAY,GAAY;AACtB,UAAI,KAAKC,YAAL,IAAqB,IAAzB,EAA+B,OAAO,CAAP;AAE/B,aAAOnB,MAAM,CAAC,KAAKoB,OAAL,CAAa,KAAKD,YAAlB,CAAD,CAAN,CAAwCF,MAA/C;AACD,KAvBO;;AAwBRT,IAAAA,aAAa,GAAc;AACzB,UAAI,CAAC,KAAKa,WAAN,IAAqB,KAAKvB,QAA1B,IAAsC,KAAKwB,cAAL,IAAuB,IAAjE,EAAuE,OAAO,KAAKC,QAAZ;AAEvE,aAAO,KAAKA,QAAL,CAAcnC,MAAd,CAAqBE,IAAI,IAAI;AAClC,cAAMkC,KAAK,GAAGjD,mBAAmB,CAACe,IAAD,EAAO,KAAKE,QAAZ,CAAjC;AACA,cAAMiC,IAAI,GAAGD,KAAK,IAAI,IAAT,GAAgBxB,MAAM,CAACwB,KAAD,CAAtB,GAAgC,EAA7C;AAEA,eAAO,KAAKpC,MAAL,CAAYE,IAAZ,EAAkBU,MAAM,CAAC,KAAKsB,cAAN,CAAxB,EAA+CG,IAA/C,CAAP;AACD,OALM,CAAP;AAMD,KAjCO;;AAkCRH,IAAAA,cAAc,EAAE;AACdI,MAAAA,GAAG,GAAmB;AACpB,eAAO,KAAKxB,UAAZ;AACD,OAHa;;AAIdyB,MAAAA,GAAG,CAAEC,GAAF,EAAY;AAAE;AACf;AACA;AACA,YAAI,KAAK1B,UAAL,KAAoB0B,GAAxB,EAA6B;AAC3B,eAAK1B,UAAL,GAAkB0B,GAAlB;AACA,eAAKC,KAAL,CAAW,qBAAX,EAAkCD,GAAlC;AACD;AACF;;AAXa,KAlCR;;AA+CRE,IAAAA,iBAAiB,GAAa;AAC5B,aAAO,KAAP;AACD,KAjDO;;AAkDRC,IAAAA,OAAO,GAAa;AAClB,aAAO,KAAKC,aAAL,IAAsB,KAAKtB,aAAL,CAAmBO,MAAnB,GAA4B,CAAzD;AACD,KApDO;;AAqDRI,IAAAA,WAAW,GAAa;AACtB,aACE,KAAKY,QAAL,IACA,KAAKD,aAFA,IAIL,KAAKA,aAAL,IACA,KAAKV,cAAL,KAAwB,KAAKF,OAAL,CAAa,KAAKD,YAAlB,CAL1B;AAOD,KA7DO;;AA8DRe,IAAAA,WAAW,GAAa;AACtB,UAAI,CAAC,KAAKC,SAAV,EAAqB,OAAO,KAAP;AAErB,aAAO,KAAKtB,iBAAL,IAA0B,CAAC,KAAKlB,UAAvC;AACD,KAlEO;;AAmERyC,IAAAA,WAAW,GAAY;AACrB,YAAMtD,KAAK,GAAGb,OAAO,CAAC4B,OAAR,CAAgBM,QAAhB,CAAyBiC,WAAzB,CAAqC/B,IAArC,CAA0C,IAA1C,CAAd;AACCvB,MAAAA,KAAD,CAAeuD,YAAf,GAA8B,kCAA4BvD,KAAD,CAAeuD,YAAf,IAA+B,EAA1D,EAA+DC,IAA/D,EAA9B;AACA,aAAO,EACL,GAAGpE,gBADE;AAEL,WAAGY;AAFE,OAAP;AAID,KA1EO;;AA2ERkD,IAAAA,aAAa,GAAa;AACxB,aAAO,KAAKV,cAAL,IAAuB,IAAvB,IACL,KAAKA,cAAL,KAAwB,EAD1B;AAED,KA9EO;;AA+ERH,IAAAA,YAAY,GAAS;AACnB,UAAI,KAAKc,QAAT,EAAmB,OAAO,IAAP;AAEnB,aAAO,KAAKvB,aAAL,CAAmB6B,IAAnB,CAAwBC,CAAC,IAAI;AAClC,eAAO,KAAKC,eAAL,CAAqB,KAAK7B,QAAL,CAAc4B,CAAd,CAArB,EAAuC,KAAK5B,QAAL,CAAc,KAAK8B,aAAnB,CAAvC,CAAP;AACD,OAFM,CAAP;AAGD,KArFO;;AAsFRC,IAAAA,QAAQ,GAAI;AACV,YAAM1C,IAAI,GAAGhC,OAAO,CAAC4B,OAAR,CAAgBM,QAAhB,CAAyBwC,QAAzB,CAAkCtC,IAAlC,CAAuC,IAAvC,CAAb;AAEAJ,MAAAA,IAAI,CAACnB,KAAL,GAAa,EACX,GAAGmB,IAAI,CAACnB,KADG;AAEX8D,QAAAA,KAAK,EAAE,KAAKC,gBAFD;AAGX/C,QAAAA,QAAQ,EACN,KAAKA,QAAL,IACA,CAAC,KAAKuB,WADN,IAEA,CAAC,KAAKb,aAAL,CAAmBS,MANX;AAQXlB,QAAAA,WAAW,EAAE,KAAKuB;AARP,OAAb;AAWA,aAAOrB,IAAP;AACD;;AArGO,GAnCkB;AA2I5B6C,EAAAA,KAAK,EAAE;AACLtC,IAAAA,aAAa,EAAE,wBADV;AAELkC,IAAAA,aAAa,EAAE,WAFV;;AAGLP,IAAAA,SAAS,CAAEP,GAAF,EAAO;AACd,UAAIA,GAAJ,EAAS;AACPmB,QAAAA,QAAQ,CAACC,gBAAT,CAA0B,MAA1B,EAAkC,KAAKC,MAAvC;AACA,aAAKC,KAAL,CAAWC,KAAX,IAAoB,KAAKD,KAAL,CAAWC,KAAX,CAAiBC,MAAjB,EAApB;AACD,OAHD,MAGO;AACLL,QAAAA,QAAQ,CAACM,mBAAT,CAA6B,MAA7B,EAAqC,KAAKJ,MAA1C;AACA,aAAKC,KAAL,CAAWC,KAAX,IAAoB,KAAKD,KAAL,CAAWC,KAAX,CAAiBG,IAAjB,EAApB;AACA,aAAKC,UAAL;AACD;AACF,KAZI;;AAaLC,IAAAA,YAAY,CAAE5B,GAAF,EAAO;AACjB,UAAIA,GAAG,IAAI,CAAC,KAAK6B,OAAjB,EAA0B;AAE1B,WAAKvD,UAAL,GAAkB,IAAlB;AACD,KAjBI;;AAkBL0C,IAAAA,KAAK,CAAEhB,GAAF,EAAO8B,MAAP,EAAe;AAClB;AACA;AACA;AACA;AACA;AACA,UACE,EAAEA,MAAM,IAAIA,MAAM,CAACzC,MAAnB,KACA,KAAKtB,UADL,IAEA,KAAKwC,SAFL,IAGA,CAAC,KAAKqB,YAHN,IAIA5B,GAAG,CAACX,MALN,EAME,KAAK0C,YAAL;AACH,KA/BI;;AAgCL5D,IAAAA,WAAW,CAAE6B,GAAF,EAAe;AACxB,WAAK1B,UAAL,GAAkB0B,GAAlB;AACD,KAlCI;;AAmCLN,IAAAA,cAAc,EAAE,yBAnCX;AAoCL9B,IAAAA,QAAQ,EAAE;AApCL,GA3IqB;;AAkL5BoE,EAAAA,OAAO,GAAI;AACT,SAAKC,SAAL;AACD,GApL2B;;AAsL5BC,EAAAA,SAAS,GAAI;AACXf,IAAAA,QAAQ,CAACM,mBAAT,CAA6B,MAA7B,EAAqC,KAAKJ,MAA1C;AACD,GAxL2B;;AA0L5Bc,EAAAA,OAAO,EAAE;AACPC,IAAAA,sBAAsB,CAAEpC,GAAF,EAAgB8B,MAAhB,EAAiC;AACrD;AACA;AACA,UAAI9B,GAAG,KAAK8B,MAAZ,EAAoB;AAEpB,WAAKO,YAAL,CAAkB,CAAC,CAAnB;AAEA,WAAKC,SAAL,CAAe,MAAM;AACnB,YACE,CAAC,KAAK5C,cAAN,IACCM,GAAG,CAACX,MAAJ,KAAe,CAAf,IACC,CAAC,KAAK9B,eAHV,EAIE;AAEF,aAAK+D,KAAL,CAAWiB,IAAX,CAAgBC,QAAhB;AACA,aAAKH,YAAL,CAAkB,CAAlB;AACD,OATD;AAUD,KAlBM;;AAmBPI,IAAAA,uBAAuB,GAAI;AACzB,WAAKC,oBAAL;AACD,KArBM;;AAsBPA,IAAAA,oBAAoB,GAAI;AACtB;AACA,WAAKd,YAAL,IAAqB,KAAKN,KAAL,CAAWiB,IAAhC,IAAwC,KAAKjB,KAAL,CAAWiB,IAAX,CAAgBI,gBAAhB,EAAxC;AACD,KAzBM;;AA0BPC,IAAAA,mBAAmB,CAAEC,OAAF,EAAmB;AACpC;AACA;AACA,UAAI,KAAKzC,aAAT,EAAwB;;AAExB,UAAI,KAAKC,QAAL,IAAiBwC,OAAO,KAAKjG,QAAQ,CAACkG,IAA1C,EAAgD;AAC9C,YAAI,KAAKpE,aAAL,KAAuB,CAAC,CAA5B,EAA+B;AAC7B,eAAKA,aAAL,GAAqB,KAAKI,aAAL,CAAmBO,MAAnB,GAA4B,CAAjD;AACD,SAFD,MAEO;AACL,eAAKX,aAAL;AACD;AACF,OAND,MAMO,IAAI,KAAK2B,QAAL,IAAiBwC,OAAO,KAAKjG,QAAQ,CAACmG,KAA1C,EAAiD;AACtD,YAAI,KAAKrE,aAAL,IAAsB,KAAKI,aAAL,CAAmBO,MAAnB,GAA4B,CAAtD,EAAyD;AACvD,eAAKX,aAAL,GAAqB,CAAC,CAAtB;AACD,SAFD,MAEO;AACL,eAAKA,aAAL;AACD;AACF,OANM,MAMA,IAAImE,OAAO,KAAKjG,QAAQ,CAACoG,SAArB,IAAkCH,OAAO,KAAKjG,QAAQ,CAACqG,MAA3D,EAAmE;AACxE,aAAKC,iBAAL;AACD;AACF,KA9CM;;AA+CPA,IAAAA,iBAAiB,GAAI;AACnB,YAAMC,QAAQ,GAAG,KAAKzE,aAAtB;AACA,YAAM0E,OAAO,GAAG,KAAKtE,aAAL,CAAmBqE,QAAnB,CAAhB,CAFmB,CAInB;;AACA,UACE,CAAC,KAAKE,aAAN,IACA,KAAKC,WAAL,CAAiBF,OAAjB,CAFF,EAGE;AAEF,YAAMG,SAAS,GAAG,KAAKzE,aAAL,CAAmBO,MAAnB,GAA4B,CAA9C,CAVmB,CAYnB;AACA;;AACA,UACE,KAAKX,aAAL,KAAuB,CAAC,CAAxB,IACA6E,SAAS,KAAK,CAFhB,EAGE;AACA,aAAK7E,aAAL,GAAqB6E,SAArB;AAEA;AACD;;AAED,YAAMlE,MAAM,GAAG,KAAKP,aAAL,CAAmBO,MAAlC;AACA,YAAMmE,SAAS,GAAGL,QAAQ,KAAK9D,MAAM,GAAG,CAAtB,GACd8D,QADc,GAEdA,QAAQ,GAAG,CAFf;AAGA,YAAMM,QAAQ,GAAG,KAAK3E,aAAL,CAAmB0E,SAAnB,CAAjB;;AAEA,UAAI,CAACC,QAAL,EAAe;AACb,aAAKC,QAAL,CAAc,KAAKrD,QAAL,GAAgB,EAAhB,GAAqB,IAAnC;AACD,OAFD,MAEO;AACL,aAAKsD,UAAL,CAAgBP,OAAhB;AACD;;AAED,WAAK1E,aAAL,GAAqB8E,SAArB;AACD,KAnFM;;AAoFPI,IAAAA,iBAAiB,GAAI;AACnB,WAAKlE,cAAL,GAAsB,IAAtB;AAEArD,MAAAA,OAAO,CAAC4B,OAAR,CAAgBkE,OAAhB,CAAwByB,iBAAxB,CAA0CnF,IAA1C,CAA+C,IAA/C;AACD,KAxFM;;AAyFPoF,IAAAA,QAAQ,GAAI;AACV,YAAMtC,KAAK,GAAG/E,UAAU,CAACyB,OAAX,CAAmBkE,OAAnB,CAA2B0B,QAA3B,CAAoCpF,IAApC,CAAyC,IAAzC,CAAd;AAEA8C,MAAAA,KAAK,CAAClD,IAAN,GAAa5B,SAAS,CAAC8E,KAAK,CAAClD,IAAP,EAAc;AAClCyF,QAAAA,KAAK,EAAE;AACL,mCAAyBpH,oBAAoB,CAAC,KAAK4E,KAAL,CAAWiB,IAAZ,EAAkB,eAAlB,CADxC;AAELwB,UAAAA,YAAY,EAAErH,oBAAoB,CAAC6E,KAAK,CAAClD,IAAP,EAAc,oBAAd,EAAoC,KAApC;AAF7B,SAD2B;AAKlC2F,QAAAA,QAAQ,EAAE;AAAEpE,UAAAA,KAAK,EAAE,KAAKF;AAAd;AALwB,OAAd,CAAtB;AAQA,aAAO6B,KAAP;AACD,KArGM;;AAsGP0C,IAAAA,YAAY,GAAI;AACd,YAAMC,IAAI,GAAG7H,OAAO,CAAC4B,OAAR,CAAgBkE,OAAhB,CAAwB8B,YAAxB,CAAqCxF,IAArC,CAA0C,IAA1C,CAAb;AAEAyF,MAAAA,IAAI,CAAC7F,IAAL,CAAWyF,KAAX,CAAkBK,IAAlB,GAAyB,UAAzB;AAEA,aAAOD,IAAP;AACD,KA5GM;;AA6GPE,IAAAA,aAAa,GAAqB;AAChC,aAAO,KAAKvC,OAAL,IAAgB,KAAKxB,QAArB,GACHhE,OAAO,CAAC4B,OAAR,CAAgBkE,OAAhB,CAAwBiC,aAAxB,CAAsC3F,IAAtC,CAA2C,IAA3C,CADG,GAEH,EAFJ;AAGD,KAjHM;;AAkHP4F,IAAAA,OAAO,CAAEC,CAAF,EAAiB;AACtB,UAAI,CAAC,KAAKjB,aAAV,EAAyB;AAEzB,WAAK3E,aAAL,GAAqB,CAAC,CAAtB,GACK,KAAKA,aAAL,GAAqB,CAAC,CAD3B,GAEI,KAAK6F,OAAL,EAFJ;AAIA,UAAI,CAAC,KAAKC,aAAL,CAAmBF,CAAC,CAACG,MAArB,CAAL,EAAmC,KAAK1C,YAAL;AACpC,KA1HM;;AA2HP2C,IAAAA,OAAO,CAAEJ,CAAF,EAAY;AACjB,UACE,KAAK5F,aAAL,GAAqB,CAAC,CAAtB,IACA,CAAC4F,CAAC,CAACG,MAFL,EAGE;AAEF,YAAMA,MAAM,GAAGH,CAAC,CAACG,MAAjB;AACA,YAAM7E,KAAK,GAAG6E,MAAM,CAAC7E,KAArB,CAPiB,CASjB;;AACA,UAAI6E,MAAM,CAAC7E,KAAX,EAAkB,KAAKmC,YAAL;AAElB,WAAKrC,cAAL,GAAsBE,KAAtB;AACA,WAAK+E,QAAL,GAAgBF,MAAM,CAACG,QAAP,IAAmBH,MAAM,CAACG,QAAP,CAAgBD,QAAnD;AACD,KAzIM;;AA0IPE,IAAAA,SAAS,CAAEP,CAAF,EAAoB;AAC3B,YAAMzB,OAAO,GAAGyB,CAAC,CAACzB,OAAlB;;AAEA,UACEyB,CAAC,CAACQ,OAAF,IACA,CAAC,CAAClI,QAAQ,CAACmI,IAAV,EAAgBnI,QAAQ,CAACoI,GAAzB,EAA8BC,QAA9B,CAAuCpC,OAAvC,CAFH,EAGE;AACAxG,QAAAA,OAAO,CAAC4B,OAAR,CAAgBkE,OAAhB,CAAwB0C,SAAxB,CAAkCpG,IAAlC,CAAuC,IAAvC,EAA6C6F,CAA7C;AACD,OAR0B,CAU3B;AACA;AACA;AACA;;;AACA,WAAK1B,mBAAL,CAAyBC,OAAzB;AACD,KAzJM;;AA0JPqC,IAAAA,WAAW,CAAEZ,CAAF,EAAoB;AAAE;AAAY,KA1JtC;;AA2JPa,IAAAA,SAAS,CAAEb,CAAF,EAAoB;AAC3BjI,MAAAA,OAAO,CAAC4B,OAAR,CAAgBkE,OAAhB,CAAwBgD,SAAxB,CAAkC1G,IAAlC,CAAuC,IAAvC,EAA6C6F,CAA7C;AACA,WAAK3C,UAAL;AACD,KA9JM;;AA+JPyD,IAAAA,QAAQ,CAAEd,CAAF,EAAY;AAClB;AACAA,MAAAA,CAAC,CAACe,cAAF,GAFkB,CAIlB;AACA;AACA;;AACA,WAAKtD,YAAL;AACD,KAvKM;;AAwKP4B,IAAAA,UAAU,CAAEjG,IAAF,EAAgB;AACxBrB,MAAAA,OAAO,CAAC4B,OAAR,CAAgBkE,OAAhB,CAAwBwB,UAAxB,CAAmClF,IAAnC,CAAwC,IAAxC,EAA8Cf,IAA9C;AACA,WAAKuE,SAAL;AACD,KA3KM;;AA4KPqD,IAAAA,gBAAgB,GAAI;AAClBjJ,MAAAA,OAAO,CAAC4B,OAAR,CAAgBkE,OAAhB,CAAwBmD,gBAAxB,CAAyC7G,IAAzC,CAA8C,IAA9C,EADkB,CAGlB;AACA;;AACA,UAAI,CAAC,KAAK8B,SAAV,EAAqB,KAAK0B,SAAL;AACtB,KAlLM;;AAmLPA,IAAAA,SAAS,GAAI;AACX;AACA;AACA,WAAKK,SAAL,CAAe,MAAM;AACnB,YACE,CAAC,KAAKjC,QAAN,IACA,CAAC,KAAKX,cADN,IAEA,CAAC,KAAKkC,YAHR,EAIE;AACA,eAAKlC,cAAL,GACE,CAAC,KAAKZ,aAAL,CAAmBO,MAApB,IACA,KAAKgB,QADL,IAEA,KAAKwB,OAHe,GAKlB,IALkB,GAMlB,KAAKrC,OAAL,CAAa,KAAKD,YAAlB,CANJ;AAOD;AACF,OAdD;AAeD,KArMM;;AAsMPoC,IAAAA,UAAU,GAAI;AACZ,UAAI,CAAC,KAAKvB,aAAN,IACF,CAAC,KAAKU,aADR,EAEE;;AAEF,UAAI,CAAC,KAAKD,eAAL,CACH,KAAKnB,cADF,EAEH,KAAKV,QAAL,CAAc,KAAK8B,aAAnB,CAFG,CAAL,EAGG;AACD,aAAKmB,SAAL;AACD;AACF,KAjNM;;AAkNP7C,IAAAA,OAAO,CAAE1B,IAAF,EAAsB;AAC3B,aAAO,KAAKmB,cAAL,CAAoBf,OAApB,CAA4B,KAAKkB,QAAL,CAActB,IAAd,CAA5B,IAAmD,CAAC,CAA3D;AACD,KApNM;;AAqNP2D,IAAAA,MAAM,CAAEkE,KAAF,EAAyB;AAAA;;AAC7B,UAAI,KAAK7G,aAAL,KAAuB,CAAC,CAA5B,EAA+B;AAE/B,YAAM8G,WAAW,GAAG,KAAK1G,aAAL,CAAmB,KAAKJ,aAAxB,CAApB;AACA,YAAM+G,eAAe,GAAG,KAAKjG,OAAL,CAAagG,WAAb,CAAxB;AACA,8BAAAD,KAAK,CAACG,aAAN,0CAAqBC,OAArB,CAA6B,YAA7B,EAA2CF,eAA3C;AACA,+BAAAF,KAAK,CAACG,aAAN,2CAAqBC,OAArB,CAA6B,0CAA7B,EAAyEF,eAAzE;AACAF,MAAAA,KAAK,CAACF,cAAN;AACD;;AA7NM;AA1LmB,CAAf,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport './VAutocomplete.sass'\n\n// Extensions\nimport VSelect, { defaultMenuProps as VSelectMenuProps } from '../VSelect/VSelect'\nimport VTextField from '../VTextField/VTextField'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport {\n  getObjectValueByPath,\n  getPropertyFromItem,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { PropType, VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\nconst defaultMenuProps = {\n  ...VSelectMenuProps,\n  offsetY: true,\n  offsetOverflow: true,\n  transition: false,\n}\n\n/* @vue/component */\nexport default VSelect.extend({\n  name: 'v-autocomplete',\n\n  props: {\n    allowOverflow: {\n      type: Boolean,\n      default: true,\n    },\n    autoSelectFirst: {\n      type: Boolean,\n      default: false,\n    },\n    filter: {\n      type: Function,\n      default: (item: any, queryText: string, itemText: string) => {\n        return itemText.toLocaleLowerCase().indexOf(queryText.toLocaleLowerCase()) > -1\n      },\n    } as PropValidator<(item: any, queryText: string, itemText: string) => boolean>,\n    hideNoData: Boolean,\n    menuProps: {\n      type: VSelect.options.props.menuProps.type,\n      default: () => defaultMenuProps,\n    },\n    noFilter: Boolean,\n    searchInput: {\n      type: String as PropType<string | null>,\n    },\n  },\n\n  data () {\n    return {\n      lazySearch: this.searchInput,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VSelect.options.computed.classes.call(this),\n        'v-autocomplete': true,\n        'v-autocomplete--is-selecting-index': this.selectedIndex > -1,\n      }\n    },\n    computedItems (): object[] {\n      return this.filteredItems\n    },\n    selectedValues (): object[] {\n      return this.selectedItems.map(item => this.getValue(item))\n    },\n    hasDisplayedItems (): boolean {\n      return this.hideSelected\n        ? this.filteredItems.some(item => !this.hasItem(item))\n        : this.filteredItems.length > 0\n    },\n    currentRange (): number {\n      if (this.selectedItem == null) return 0\n\n      return String(this.getText(this.selectedItem)).length\n    },\n    filteredItems (): object[] {\n      if (!this.isSearching || this.noFilter || this.internalSearch == null) return this.allItems\n\n      return this.allItems.filter(item => {\n        const value = getPropertyFromItem(item, this.itemText)\n        const text = value != null ? String(value) : ''\n\n        return this.filter(item, String(this.internalSearch), text)\n      })\n    },\n    internalSearch: {\n      get (): string | null {\n        return this.lazySearch\n      },\n      set (val: any) { // TODO: this should be `string | null` but it breaks lots of other types\n        // emit update event only when the new\n        // search value is different from previous\n        if (this.lazySearch !== val) {\n          this.lazySearch = val\n          this.$emit('update:search-input', val)\n        }\n      },\n    },\n    isAnyValueAllowed (): boolean {\n      return false\n    },\n    isDirty (): boolean {\n      return this.searchIsDirty || this.selectedItems.length > 0\n    },\n    isSearching (): boolean {\n      return (\n        this.multiple &&\n        this.searchIsDirty\n      ) || (\n        this.searchIsDirty &&\n        this.internalSearch !== this.getText(this.selectedItem)\n      )\n    },\n    menuCanShow (): boolean {\n      if (!this.isFocused) return false\n\n      return this.hasDisplayedItems || !this.hideNoData\n    },\n    $_menuProps (): object {\n      const props = VSelect.options.computed.$_menuProps.call(this);\n      (props as any).contentClass = `v-autocomplete__content ${(props as any).contentClass || ''}`.trim()\n      return {\n        ...defaultMenuProps,\n        ...props,\n      }\n    },\n    searchIsDirty (): boolean {\n      return this.internalSearch != null &&\n        this.internalSearch !== ''\n    },\n    selectedItem (): any {\n      if (this.multiple) return null\n\n      return this.selectedItems.find(i => {\n        return this.valueComparator(this.getValue(i), this.getValue(this.internalValue))\n      })\n    },\n    listData () {\n      const data = VSelect.options.computed.listData.call(this) as any\n\n      data.props = {\n        ...data.props,\n        items: this.virtualizedItems,\n        noFilter: (\n          this.noFilter ||\n          !this.isSearching ||\n          !this.filteredItems.length\n        ),\n        searchInput: this.internalSearch,\n      }\n\n      return data\n    },\n  },\n\n  watch: {\n    filteredItems: 'onFilteredItemsChanged',\n    internalValue: 'setSearch',\n    isFocused (val) {\n      if (val) {\n        document.addEventListener('copy', this.onCopy)\n        this.$refs.input && this.$refs.input.select()\n      } else {\n        document.removeEventListener('copy', this.onCopy)\n        this.$refs.input && this.$refs.input.blur()\n        this.updateSelf()\n      }\n    },\n    isMenuActive (val) {\n      if (val || !this.hasSlot) return\n\n      this.lazySearch = null\n    },\n    items (val, oldVal) {\n      // If we are focused, the menu\n      // is not active, hide no data is enabled,\n      // and items change\n      // User is probably async loading\n      // items, try to activate the menu\n      if (\n        !(oldVal && oldVal.length) &&\n        this.hideNoData &&\n        this.isFocused &&\n        !this.isMenuActive &&\n        val.length\n      ) this.activateMenu()\n    },\n    searchInput (val: string) {\n      this.lazySearch = val\n    },\n    internalSearch: 'onInternalSearchChanged',\n    itemText: 'updateSelf',\n  },\n\n  created () {\n    this.setSearch()\n  },\n\n  destroyed () {\n    document.removeEventListener('copy', this.onCopy)\n  },\n\n  methods: {\n    onFilteredItemsChanged (val: never[], oldVal: never[]) {\n      // TODO: How is the watcher triggered\n      // for duplicate items? no idea\n      if (val === oldVal) return\n\n      this.setMenuIndex(-1)\n\n      this.$nextTick(() => {\n        if (\n          !this.internalSearch ||\n          (val.length !== 1 &&\n            !this.autoSelectFirst)\n        ) return\n\n        this.$refs.menu.getTiles()\n        this.setMenuIndex(0)\n      })\n    },\n    onInternalSearchChanged () {\n      this.updateMenuDimensions()\n    },\n    updateMenuDimensions () {\n      // Type from menuable is not making it through\n      this.isMenuActive && this.$refs.menu && this.$refs.menu.updateDimensions()\n    },\n    changeSelectedIndex (keyCode: number) {\n      // Do not allow changing of selectedIndex\n      // when search is dirty\n      if (this.searchIsDirty) return\n\n      if (this.multiple && keyCode === keyCodes.left) {\n        if (this.selectedIndex === -1) {\n          this.selectedIndex = this.selectedItems.length - 1\n        } else {\n          this.selectedIndex--\n        }\n      } else if (this.multiple && keyCode === keyCodes.right) {\n        if (this.selectedIndex >= this.selectedItems.length - 1) {\n          this.selectedIndex = -1\n        } else {\n          this.selectedIndex++\n        }\n      } else if (keyCode === keyCodes.backspace || keyCode === keyCodes.delete) {\n        this.deleteCurrentItem()\n      }\n    },\n    deleteCurrentItem () {\n      const curIndex = this.selectedIndex\n      const curItem = this.selectedItems[curIndex]\n\n      // Do nothing if input or item is disabled\n      if (\n        !this.isInteractive ||\n        this.getDisabled(curItem)\n      ) return\n\n      const lastIndex = this.selectedItems.length - 1\n\n      // Select the last item if\n      // there is no selection\n      if (\n        this.selectedIndex === -1 &&\n        lastIndex !== 0\n      ) {\n        this.selectedIndex = lastIndex\n\n        return\n      }\n\n      const length = this.selectedItems.length\n      const nextIndex = curIndex !== length - 1\n        ? curIndex\n        : curIndex - 1\n      const nextItem = this.selectedItems[nextIndex]\n\n      if (!nextItem) {\n        this.setValue(this.multiple ? [] : null)\n      } else {\n        this.selectItem(curItem)\n      }\n\n      this.selectedIndex = nextIndex\n    },\n    clearableCallback () {\n      this.internalSearch = null\n\n      VSelect.options.methods.clearableCallback.call(this)\n    },\n    genInput () {\n      const input = VTextField.options.methods.genInput.call(this)\n\n      input.data = mergeData(input.data!, {\n        attrs: {\n          'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),\n          autocomplete: getObjectValueByPath(input.data!, 'attrs.autocomplete', 'off'),\n        },\n        domProps: { value: this.internalSearch },\n      })\n\n      return input\n    },\n    genInputSlot () {\n      const slot = VSelect.options.methods.genInputSlot.call(this)\n\n      slot.data!.attrs!.role = 'combobox'\n\n      return slot\n    },\n    genSelections (): VNode | never[] {\n      return this.hasSlot || this.multiple\n        ? VSelect.options.methods.genSelections.call(this)\n        : []\n    },\n    onClick (e: MouseEvent) {\n      if (!this.isInteractive) return\n\n      this.selectedIndex > -1\n        ? (this.selectedIndex = -1)\n        : this.onFocus()\n\n      if (!this.isAppendInner(e.target)) this.activateMenu()\n    },\n    onInput (e: Event) {\n      if (\n        this.selectedIndex > -1 ||\n        !e.target\n      ) return\n\n      const target = e.target as HTMLInputElement\n      const value = target.value\n\n      // If typing and menu is not currently active\n      if (target.value) this.activateMenu()\n\n      this.internalSearch = value\n      this.badInput = target.validity && target.validity.badInput\n    },\n    onKeyDown (e: KeyboardEvent) {\n      const keyCode = e.keyCode\n\n      if (\n        e.ctrlKey ||\n        ![keyCodes.home, keyCodes.end].includes(keyCode)\n      ) {\n        VSelect.options.methods.onKeyDown.call(this, e)\n      }\n\n      // The ordering is important here\n      // allows new value to be updated\n      // and then moves the index to the\n      // proper location\n      this.changeSelectedIndex(keyCode)\n    },\n    onSpaceDown (e: KeyboardEvent) { /* noop */ },\n    onTabDown (e: KeyboardEvent) {\n      VSelect.options.methods.onTabDown.call(this, e)\n      this.updateSelf()\n    },\n    onUpDown (e: Event) {\n      // Prevent screen from scrolling\n      e.preventDefault()\n\n      // For autocomplete / combobox, cycling\n      // interfers with native up/down behavior\n      // instead activate the menu\n      this.activateMenu()\n    },\n    selectItem (item: object) {\n      VSelect.options.methods.selectItem.call(this, item)\n      this.setSearch()\n    },\n    setSelectedItems () {\n      VSelect.options.methods.setSelectedItems.call(this)\n\n      // #4273 Don't replace if searching\n      // #4403 Don't replace if focused\n      if (!this.isFocused) this.setSearch()\n    },\n    setSearch () {\n      // Wait for nextTick so selectedItem\n      // has had time to update\n      this.$nextTick(() => {\n        if (\n          !this.multiple ||\n          !this.internalSearch ||\n          !this.isMenuActive\n        ) {\n          this.internalSearch = (\n            !this.selectedItems.length ||\n            this.multiple ||\n            this.hasSlot\n          )\n            ? null\n            : this.getText(this.selectedItem)\n        }\n      })\n    },\n    updateSelf () {\n      if (!this.searchIsDirty &&\n        !this.internalValue\n      ) return\n\n      if (!this.valueComparator(\n        this.internalSearch,\n        this.getValue(this.internalValue)\n      )) {\n        this.setSearch()\n      }\n    },\n    hasItem (item: any): boolean {\n      return this.selectedValues.indexOf(this.getValue(item)) > -1\n    },\n    onCopy (event: ClipboardEvent) {\n      if (this.selectedIndex === -1) return\n\n      const currentItem = this.selectedItems[this.selectedIndex]\n      const currentItemText = this.getText(currentItem)\n      event.clipboardData?.setData('text/plain', currentItemText)\n      event.clipboardData?.setData('text/vnd.vuetify.autocomplete.item+plain', currentItemText)\n      event.preventDefault()\n    },\n  },\n})\n"],"file":"VAutocomplete.mjs"}
+{"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":"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","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"}

package/lib/components/VAutocomplete/VAutocomplete.sass

@@ -1,45 +1,81 @@
-@import './_variables.scss'
+@forward './variables'
+@use 'sass:selector'
+@use 'sass:math'
+@use '../../styles/settings'
+@use '../../styles/tools'
+@use './variables' as *
+@use '../VInput/variables' as *
 
 .v-autocomplete
-  &.v-input > .v-input__control > .v-input__slot
-    cursor: text
+  .v-field
+    .v-text-field__prefix,
+    .v-text-field__suffix,
+    .v-field__input,
+    &.v-field
+      cursor: text
 
-  input
-    align-self: center
+  .v-field
+    .v-field__input
+      > input
+        align-self: flex-start
+        flex: 1 1
 
-  // Overwrite v-text-fields
-  // minimum-width default
-  &.v-select.v-input--is-focused
+    .v-field__append-inner
+      > .v-icon
+        margin-inline-start: 4px
+        transition: $autocomplete-transition
+
+  .v-field:not(.v-field--focused)
     input
-      min-width: $autocomplete-focused-input
+      min-width: 0
 
-  // Chips force input to wrap
-  // so we remove height and
-  // padding until focused
-  &:not(.v-input--is-focused).v-select--chips input
-    max-height: 0
-    padding: 0
+  .v-field--dirty
+    .v-autocomplete__selection
+      margin-inline-end: 2px
 
-  &--is-selecting-index
-    input
-      opacity: 0
+.v-autocomplete
+  &__content
+    overflow: hidden
 
-  // When a single select, does not have
-  // selections padding
-  &.v-text-field--enclosed:not(.v-text-field--solo):not(.v-text-field--single-line):not(.v-text-field--outlined)
-    .v-select__slot > input
-      margin-top: $autocomplete-enclosed-input-margin-top
+    @include tools.elevation($autocomplete-content-elevation)
+    @include tools.rounded($autocomplete-content-border-radius)
 
-    &.v-input--dense
-      .v-select__slot > input
-        margin-top: $autocomplete-dense-enclosed-input-margin-top
+  &__mask
+    background: rgb(var(--v-theme-on-surface-variant))
 
-  &:not(.v-input--is-disabled).v-select.v-text-field
-    input
-      pointer-events: inherit
+  &__selection
+    display: inline-flex
+    letter-spacing: inherit
+    line-height: inherit
+
+  &--active-menu
+    .v-field__append-inner
+      > .v-icon
+        opacity: var(--v-high-emphasis-opacity)
+        transform: rotate(180deg)
+
+  &--chips
+    .v-autocomplete__selection
+      &:first-child
+        margin-inline-start: 0
+
+  &--single
+    &.v-text-field input
+      flex: 1 1
+      position: absolute
+      left: 0
+      right: 0
+      padding-inline-start: inherit
+      padding-inline-end: inherit
+
+    .v-field--active
+      input
+        transition: none
 
-  &__content.v-menu__content
-    border-radius: 0
+    .v-field--dirty:not(.v-field--focused)
+      input
+        opacity: 0
 
-    .v-card
-      border-radius: 0
+    .v-field--focused
+      .v-autocomplete__selection
+        opacity: 0

package/lib/components/VAutocomplete/_variables.scss

@@ -1,5 +1,8 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
-$autocomplete-enclosed-input-margin-top: 24px !default;
-$autocomplete-dense-enclosed-input-margin-top: 20px !default;
-$autocomplete-focused-input: 64px !default;
+// Defaults
+$autocomplete-content-border-radius: 4px !default;
+$autocomplete-content-elevation: 4 !default;
+$autocomplete-line-height: 1.75 !default;
+$autocomplete-transition: .2s settings.$standard-easing !default;
+$autocomplete-chips-control-min-height: 64px !default;

package/lib/components/VAutocomplete/index.mjs

@@ -1,4 +1,2 @@
-import VAutocomplete from "./VAutocomplete.mjs";
-export { VAutocomplete };
-export default VAutocomplete;
+export { VAutocomplete } from "./VAutocomplete.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAutocomplete/index.ts"],"names":["VAutocomplete"],"mappings":"OAAOA,a;AAEP,SAASA,aAAT;AACA,eAAeA,aAAf","sourcesContent":["import VAutocomplete from './VAutocomplete'\n\nexport { VAutocomplete }\nexport default VAutocomplete\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VAutocomplete/index.ts"],"names":["VAutocomplete"],"mappings":"SAASA,a","sourcesContent":["export { VAutocomplete } from './VAutocomplete'\n"],"file":"index.mjs"}

package/lib/components/VAvatar/VAvatar.css

@@ -0,0 +1,43 @@
+.v-avatar {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  line-height: normal;
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+  vertical-align: middle;
+  border-radius: 50%;
+  background: transparent;
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+}
+.v-avatar.v-avatar--size-x-small {
+  --v-avatar-height: 24px;
+}
+.v-avatar.v-avatar--size-small {
+  --v-avatar-height: 32px;
+}
+.v-avatar.v-avatar--size-default {
+  --v-avatar-height: 40px;
+}
+.v-avatar.v-avatar--size-large {
+  --v-avatar-height: 48px;
+}
+.v-avatar.v-avatar--size-x-large {
+  --v-avatar-height: 56px;
+}
+.v-avatar.v-avatar--density-default {
+  height: calc(var(--v-avatar-height) + 0px);
+  width: calc(var(--v-avatar-height) + 0px);
+}
+.v-avatar.v-avatar--density-comfortable {
+  height: calc(var(--v-avatar-height) + -4px);
+  width: calc(var(--v-avatar-height) + -4px);
+}
+.v-avatar.v-avatar--density-compact {
+  height: calc(var(--v-avatar-height) + -8px);
+  width: calc(var(--v-avatar-height) + -8px);
+}
+.v-avatar--rounded {
+  @includes tools.rounded($avatar-rounded-border-radius);
+}

package/lib/components/VAvatar/VAvatar.mjs

@@ -1,48 +1,70 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VAvatar.sass"; // Composables
+import "./VAvatar.css"; // Components
 
+import { VIcon } from "../VIcon/index.mjs";
+import { VImg } from "../VImg/index.mjs"; // Composables
+
+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 { defineComponent, toRef } from 'vue';
-import { makeProps } from "../../util/index.mjs";
-export default defineComponent({
+import { defineComponent, propsFactory, useRender } from "../../util/index.mjs";
+import { toRef } from 'vue';
+export const makeVAvatarProps = propsFactory({
+  color: String,
+  start: Boolean,
+  end: Boolean,
+  icon: String,
+  image: String,
+  ...makeDensityProps(),
+  ...makeRoundedProps(),
+  ...makeSizeProps(),
+  ...makeTagProps()
+});
+export const VAvatar = defineComponent({
   name: 'VAvatar',
-  props: makeProps({
-    color: String,
-    left: Boolean,
-    right: Boolean,
-    ...makeRoundedProps(),
-    ...makeSizeProps(),
-    ...makeTagProps()
-  }),
+  props: makeVAvatarProps(),
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const {
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(toRef(props, 'color'));
+    const {
+      densityClasses
+    } = useDensity(props);
     const {
       roundedClasses
-    } = useRounded(props, 'v-avatar');
+    } = useRounded(props);
     const {
       sizeClasses,
       sizeStyles
-    } = useSize(props, 'v-avatar');
-    return () => _createVNode(props.tag, {
-      "class": ['v-avatar', {
-        'v-avatar--left': props.left,
-        'v-avatar--right': props.right
-      }, backgroundColorClasses.value, roundedClasses.value, sizeClasses.value],
-      "style": [backgroundColorStyles.value, sizeStyles.value]
-    }, { ...slots,
-      _: 1
-    }, 8, ["class", "style"]);
+    } = useSize(props);
+    useRender(() => {
+      var _slots$default;
+
+      return _createVNode(props.tag, {
+        "class": ['v-avatar', {
+          'v-avatar--start': props.start,
+          'v-avatar--end': props.end
+        }, backgroundColorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value],
+        "style": [backgroundColorStyles.value, sizeStyles.value]
+      }, {
+        default: () => [props.image ? _createVNode(VImg, {
+          "src": props.image,
+          "alt": ""
+        }, null) : props.icon ? _createVNode(VIcon, {
+          "icon": props.icon
+        }, null) : (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
+      });
+    });
+    return {};
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"names":["makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","useBackgroundColor","defineComponent","toRef","makeProps","name","props","color","String","left","Boolean","right","setup","slots","backgroundColorClasses","backgroundColorStyles","roundedClasses","sizeClasses","sizeStyles","value"],"mappings":";AAAA;AACA,wB,CAEA;;SACSA,gB,EAAkBC,U;SAClBC,a,EAAeC,O;SACfC,Y;SACAC,kB,uCAET;;AACA,SAASC,eAAT,EAA0BC,KAA1B,QAAuC,KAAvC;SACSC,S;AAET,eAAeF,eAAe,CAAC;AAC7BG,EAAAA,IAAI,EAAE,SADuB;AAG7BC,EAAAA,KAAK,EAAEF,SAAS,CAAC;AACfG,IAAAA,KAAK,EAAEC,MADQ;AAEfC,IAAAA,IAAI,EAAEC,OAFS;AAGfC,IAAAA,KAAK,EAAED,OAHQ;AAIf,OAAGd,gBAAgB,EAJJ;AAKf,OAAGE,aAAa,EALD;AAMf,OAAGE,YAAY;AANA,GAAD,CAHa;;AAY7BY,EAAAA,KAAK,CAAEN,KAAF,EAAS;AAAEO,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAM;AAAEC,MAAAA,sBAAF;AAA0BC,MAAAA;AAA1B,QAAoDd,kBAAkB,CAACE,KAAK,CAACG,KAAD,EAAQ,OAAR,CAAN,CAA5E;AACA,UAAM;AAAEU,MAAAA;AAAF,QAAqBnB,UAAU,CAACS,KAAD,EAAQ,UAAR,CAArC;AACA,UAAM;AAAEW,MAAAA,WAAF;AAAeC,MAAAA;AAAf,QAA8BnB,OAAO,CAACO,KAAD,EAAQ,UAAR,CAA3C;AAEA,WAAO;AAAA,eAEI,CACL,UADK,EAEL;AACE,0BAAkBA,KAAK,CAACG,IAD1B;AAEE,2BAAmBH,KAAK,CAACK;AAF3B,OAFK,EAMLG,sBAAsB,CAACK,KANlB,EAOLH,cAAc,CAACG,KAPV,EAQLF,WAAW,CAACE,KARP,CAFJ;AAAA,eAYI,CACLJ,qBAAqB,CAACI,KADjB,EAELD,UAAU,CAACC,KAFN;AAZJ,YAgBON,KAhBP;AAAA;AAAA,6BAAP;AAmBD;;AApC4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Composables\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, toRef } from 'vue'\nimport { makeProps } from '@/util'\n\nexport default defineComponent({\n  name: 'VAvatar',\n\n  props: makeProps({\n    color: String,\n    left: Boolean,\n    right: Boolean,\n    ...makeRoundedProps(),\n    ...makeSizeProps(),\n    ...makeTagProps(),\n  }),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { roundedClasses } = useRounded(props, 'v-avatar')\n    const { sizeClasses, sizeStyles } = useSize(props, 'v-avatar')\n\n    return () => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--left': props.left,\n            'v-avatar--right': props.right,\n          },\n          backgroundColorClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          sizeStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VAvatar.mjs"}
+{"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"}

package/lib/components/VAvatar/VAvatar.sass

@@ -1,8 +1,10 @@
-@import './index'
+@forward './variables'
+@use '../../styles/tools'
+@use './mixins' as *
+@use './variables' as *
 
 .v-avatar
   align-items: center
-  border-radius: $avatar-border-radius
   display: inline-flex
   justify-content: center
   line-height: $avatar-line-height
@@ -11,16 +13,10 @@
   text-align: center
   vertical-align: $avatar-vertical-align
 
-  +rounded($avatar-border-radius)
-
-  > *
-    border-radius: inherit
-    width: inherit
+  @include avatar-sizes($avatar-sizes)
+  @include avatar-density(('height', 'width'), $avatar-density)
+  @include tools.rounded($avatar-border-radius)
+  @include tools.theme($avatar-theme...)
 
   &--rounded
-    +rounded($avatar-rounded-border-radius)
-
-  @each $name in $sizes
-    &--size-#{$name}
-      height: map-get($avatar-sizes, $name)
-      width: map-get($avatar-sizes, $name)
+    @includes tools.rounded($avatar-rounded-border-radius)

package/lib/components/VAvatar/_mixins.scss

@@ -0,0 +1,32 @@
+@forward './variables';
+@use 'sass:map';
+@use 'sass:meta';
+@use '../../styles/settings';
+@use './variables' as *;
+
+@mixin avatar-sizes ($map: $avatar-sizes) {
+  @each $sizeName, $multiplier in settings.$size-scales {
+    $size: map.get($map, 'height') + (8 * $multiplier);
+
+    &.v-avatar--size-#{$sizeName} {
+      --v-avatar-height: #{$size};
+    }
+  }
+}
+
+@mixin avatar-density ($properties, $densities) {
+  @each $density, $multiplier in $densities {
+    $value: calc(var(--v-avatar-height) + #{$multiplier * settings.$spacer});
+
+    &.v-avatar--density-#{$density} {
+      @if meta.type-of($properties) == "list" {
+        @each $property in $properties {
+          #{$property}: $value;
+        }
+      }
+      @else {
+        #{$properties}: $value;
+      }
+    }
+  }
+}

package/lib/components/VAvatar/_variables.scss

@@ -1,17 +1,28 @@
+@use "sass:map";
+@use "../../styles/settings/variables";
+@use "../../styles/tools/functions";
+
 // Defaults
-$avatar-border-radius: map-get($rounded, 'circle') !default;
+$avatar-background: transparent !default;
+$avatar-border-radius: map.get(variables.$rounded, 'circle') !default;
+$avatar-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
+$avatar-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
+$avatar-height: 40px !default;
 $avatar-line-height: normal !default;
-$avatar-rounded-border-radius: $border-radius-root !default;
+$avatar-rounded-border-radius: variables.$border-radius-root !default;
 $avatar-vertical-align: middle !default;
+$avatar-width: 40px !default;
 
 $avatar-sizes: () !default;
-$avatar-sizes: map-deep-merge(
+$avatar-sizes: functions.map-deep-merge(
   (
-    'x-small': 32px,
-    'small': 40px,
-    'default': 48px,
-    'large': 56px,
-    'x-large': 64px,
+    'height': $avatar-height,
+    'width': $avatar-width
   ),
   $avatar-sizes
 );
+
+$avatar-theme: (
+  $avatar-background,
+  $avatar-color
+) !default;

package/lib/components/VAvatar/index.mjs

@@ -1,2 +1,2 @@
-export { default as VAvatar } from "./VAvatar.mjs";
+export { VAvatar } from "./VAvatar.mjs";
 //# sourceMappingURL=index.mjs.map

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

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

package/lib/components/VBadge/VBadge.css

@@ -0,0 +1,74 @@
+.v-badge {
+  display: inline-block;
+  line-height: 1;
+}
+
+.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;
+  pointer-events: auto;
+  position: absolute;
+  text-align: center;
+  text-indent: 0;
+  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
+  white-space: nowrap;
+  background: rgb(var(--v-theme-surface-variant));
+  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
+}
+.v-badge--bordered .v-badge__badge::after {
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 2px;
+  bottom: 0;
+  color: rgb(var(--v-theme-background));
+  content: "";
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: scale(1.2);
+}
+.v-badge--dot .v-badge__badge {
+  border-radius: 4.5px;
+  height: 9px;
+  min-width: 0;
+  padding: 0;
+  width: 9px;
+}
+.v-badge--dot .v-badge__badge::after {
+  border-width: 1.5px;
+}
+.v-badge--inline .v-badge__badge {
+  position: relative;
+  vertical-align: middle;
+}
+.v-badge__badge .v-icon {
+  color: inherit;
+}
+.v-badge__badge img,
+.v-badge__badge .v-img {
+  height: 100%;
+  width: 100%;
+}
+
+.v-badge__content {
+  padding: 0 2px;
+}
+
+.v-badge__wrapper {
+  display: flex;
+  position: relative;
+}
+.v-badge--inline .v-badge__wrapper {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  margin: 0 4px;
+}