vuetify 3.0.6 → 3.1.0

package/lib/iconsets/fa4.mjs

@@ -23,7 +23,8 @@ const aliases = {
   checkboxIndeterminate: 'fa-minus-square',
   delimiter: 'fa-circle',
   // for carousel
-  sort: 'fa-sort-up',
+  sortAsc: 'fa-sort-up',
+  sortDesc: 'fa-sort-down',
   expand: 'fa-chevron-down',
   menu: 'fa-bars',
   subgroup: 'fa-caret-down',

package/lib/iconsets/fa4.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fa4.mjs","names":["h","VClassIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sort","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","fa","component","props","class"],"sources":["../../src/iconsets/fa4.ts"],"sourcesContent":["// Utilities\nimport { h } from 'vue'\n\n// Components\nimport { VClassIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'fa-chevron-up',\n  complete: 'fa-check',\n  cancel: 'fa-times-circle',\n  close: 'fa-times',\n  delete: 'fa-times-circle', // delete (e.g. v-chip close)\n  clear: 'fa-check-circle', // delete (e.g. v-chip close)\n  success: 'fa-check-circle',\n  info: 'fa-info-circle',\n  warning: 'fa-exclamation',\n  error: 'fa-exclamation-triangle',\n  prev: 'fa-chevron-left',\n  next: 'fa-chevron-right',\n  checkboxOn: 'fa-check-square',\n  checkboxOff: 'fa-square-o',\n  checkboxIndeterminate: 'fa-minus-square',\n  delimiter: 'fa-circle', // for carousel\n  sort: 'fa-sort-up',\n  expand: 'fa-chevron-down',\n  menu: 'fa-bars',\n  subgroup: 'fa-caret-down',\n  dropdown: 'fa-caret-down',\n  radioOn: 'fa-dot-circle-o',\n  radioOff: 'fa-circle-o',\n  edit: 'fa-pencil',\n  ratingEmpty: 'fa-star-o',\n  ratingFull: 'fa-star',\n  ratingHalf: 'fa-star-half-o',\n  loading: 'fa-refresh',\n  first: 'fa-step-backward',\n  last: 'fa-step-forward',\n  unfold: 'fa-angle-double-down',\n  file: 'fa-paperclip',\n  plus: 'fa-plus',\n  minus: 'fa-minus',\n}\n\nconst fa: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: props => h(VClassIcon, { ...props, class: 'fa' }),\n}\n\nexport { aliases, fa }\n"],"mappings":"AAAA;AACA,SAASA,CAAC,QAAQ,KAAK;;AAEvB;AAAA,SACSC,UAAU,oCAEnB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,iBAAiB;EACzBC,KAAK,EAAE,UAAU;EACjBC,MAAM,EAAE,iBAAiB;EAAE;EAC3BC,KAAK,EAAE,iBAAiB;EAAE;EAC1BC,OAAO,EAAE,iBAAiB;EAC1BC,IAAI,EAAE,gBAAgB;EACtBC,OAAO,EAAE,gBAAgB;EACzBC,KAAK,EAAE,yBAAyB;EAChCC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAE,kBAAkB;EACxBC,UAAU,EAAE,iBAAiB;EAC7BC,WAAW,EAAE,aAAa;EAC1BC,qBAAqB,EAAE,iBAAiB;EACxCC,SAAS,EAAE,WAAW;EAAE;EACxBC,IAAI,EAAE,YAAY;EAClBC,MAAM,EAAE,iBAAiB;EACzBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,eAAe;EACzBC,OAAO,EAAE,iBAAiB;EAC1BC,QAAQ,EAAE,aAAa;EACvBC,IAAI,EAAE,WAAW;EACjBC,WAAW,EAAE,WAAW;EACxBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,gBAAgB;EAC5BC,OAAO,EAAE,YAAY;EACrBC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,iBAAiB;EACvBC,MAAM,EAAE,sBAAsB;EAC9BC,IAAI,EAAE,cAAc;EACpBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,EAAW,GAAG;EAClB;EACAC,SAAS,EAAEC,KAAK,IAAIvC,CAAC,CAACC,UAAU,EAAE;IAAE,GAAGsC,KAAK;IAAEC,KAAK,EAAE;EAAK,CAAC;AAC7D,CAAC;AAED,SAAStC,OAAO,EAAEmC,EAAE"}
+{"version":3,"file":"fa4.mjs","names":["h","VClassIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sortAsc","sortDesc","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","fa","component","props","class"],"sources":["../../src/iconsets/fa4.ts"],"sourcesContent":["// Utilities\nimport { h } from 'vue'\n\n// Components\nimport { VClassIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'fa-chevron-up',\n  complete: 'fa-check',\n  cancel: 'fa-times-circle',\n  close: 'fa-times',\n  delete: 'fa-times-circle', // delete (e.g. v-chip close)\n  clear: 'fa-check-circle', // delete (e.g. v-chip close)\n  success: 'fa-check-circle',\n  info: 'fa-info-circle',\n  warning: 'fa-exclamation',\n  error: 'fa-exclamation-triangle',\n  prev: 'fa-chevron-left',\n  next: 'fa-chevron-right',\n  checkboxOn: 'fa-check-square',\n  checkboxOff: 'fa-square-o',\n  checkboxIndeterminate: 'fa-minus-square',\n  delimiter: 'fa-circle', // for carousel\n  sortAsc: 'fa-sort-up',\n  sortDesc: 'fa-sort-down',\n  expand: 'fa-chevron-down',\n  menu: 'fa-bars',\n  subgroup: 'fa-caret-down',\n  dropdown: 'fa-caret-down',\n  radioOn: 'fa-dot-circle-o',\n  radioOff: 'fa-circle-o',\n  edit: 'fa-pencil',\n  ratingEmpty: 'fa-star-o',\n  ratingFull: 'fa-star',\n  ratingHalf: 'fa-star-half-o',\n  loading: 'fa-refresh',\n  first: 'fa-step-backward',\n  last: 'fa-step-forward',\n  unfold: 'fa-angle-double-down',\n  file: 'fa-paperclip',\n  plus: 'fa-plus',\n  minus: 'fa-minus',\n}\n\nconst fa: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: props => h(VClassIcon, { ...props, class: 'fa' }),\n}\n\nexport { aliases, fa }\n"],"mappings":"AAAA;AACA,SAASA,CAAC,QAAQ,KAAK;;AAEvB;AAAA,SACSC,UAAU,oCAEnB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,iBAAiB;EACzBC,KAAK,EAAE,UAAU;EACjBC,MAAM,EAAE,iBAAiB;EAAE;EAC3BC,KAAK,EAAE,iBAAiB;EAAE;EAC1BC,OAAO,EAAE,iBAAiB;EAC1BC,IAAI,EAAE,gBAAgB;EACtBC,OAAO,EAAE,gBAAgB;EACzBC,KAAK,EAAE,yBAAyB;EAChCC,IAAI,EAAE,iBAAiB;EACvBC,IAAI,EAAE,kBAAkB;EACxBC,UAAU,EAAE,iBAAiB;EAC7BC,WAAW,EAAE,aAAa;EAC1BC,qBAAqB,EAAE,iBAAiB;EACxCC,SAAS,EAAE,WAAW;EAAE;EACxBC,OAAO,EAAE,YAAY;EACrBC,QAAQ,EAAE,cAAc;EACxBC,MAAM,EAAE,iBAAiB;EACzBC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,eAAe;EACzBC,OAAO,EAAE,iBAAiB;EAC1BC,QAAQ,EAAE,aAAa;EACvBC,IAAI,EAAE,WAAW;EACjBC,WAAW,EAAE,WAAW;EACxBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,gBAAgB;EAC5BC,OAAO,EAAE,YAAY;EACrBC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,iBAAiB;EACvBC,MAAM,EAAE,sBAAsB;EAC9BC,IAAI,EAAE,cAAc;EACpBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,EAAW,GAAG;EAClB;EACAC,SAAS,EAAEC,KAAK,IAAIxC,CAAC,CAACC,UAAU,EAAE;IAAE,GAAGuC,KAAK;IAAEC,KAAK,EAAE;EAAK,CAAC;AAC7D,CAAC;AAED,SAASvC,OAAO,EAAEoC,EAAE"}

package/lib/iconsets/md.d.ts

@@ -19,7 +19,8 @@ interface IconAliases {
     checkboxOff: IconValue;
     checkboxIndeterminate: IconValue;
     delimiter: IconValue;
-    sort: IconValue;
+    sortAsc: IconValue;
+    sortDesc: IconValue;
     expand: IconValue;
     menu: IconValue;
     subgroup: IconValue;
@@ -40,7 +41,7 @@ interface IconAliases {
 }
 interface IconProps {
     tag: string;
-    icon: IconValue;
+    icon?: IconValue;
     disabled?: Boolean;
 }
 declare type IconComponent = JSXComponent<IconProps>;

package/lib/iconsets/md.mjs

@@ -22,7 +22,8 @@ const aliases = {
   checkboxIndeterminate: 'indeterminate_check_box',
   delimiter: 'fiber_manual_record',
   // for carousel
-  sort: 'arrow_upward',
+  sortAsc: 'arrow_upward',
+  sortDesc: 'arrow_downward',
   expand: 'keyboard_arrow_down',
   menu: 'menu',
   subgroup: 'arrow_drop_down',

package/lib/iconsets/md.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"md.mjs","names":["h","VLigatureIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sort","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","md","component","props","class"],"sources":["../../src/iconsets/md.ts"],"sourcesContent":["// Utilities\nimport { h } from 'vue'\n\n// Components\nimport { VLigatureIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'keyboard_arrow_up',\n  complete: 'check',\n  cancel: 'cancel',\n  close: 'close',\n  delete: 'cancel', // delete (e.g. v-chip close)\n  clear: 'cancel',\n  success: 'check_circle',\n  info: 'info',\n  warning: 'priority_high',\n  error: 'warning',\n  prev: 'chevron_left',\n  next: 'chevron_right',\n  checkboxOn: 'check_box',\n  checkboxOff: 'check_box_outline_blank',\n  checkboxIndeterminate: 'indeterminate_check_box',\n  delimiter: 'fiber_manual_record', // for carousel\n  sort: 'arrow_upward',\n  expand: 'keyboard_arrow_down',\n  menu: 'menu',\n  subgroup: 'arrow_drop_down',\n  dropdown: 'arrow_drop_down',\n  radioOn: 'radio_button_checked',\n  radioOff: 'radio_button_unchecked',\n  edit: 'edit',\n  ratingEmpty: 'star_border',\n  ratingFull: 'star',\n  ratingHalf: 'star_half',\n  loading: 'cached',\n  first: 'first_page',\n  last: 'last_page',\n  unfold: 'unfold_more',\n  file: 'attach_file',\n  plus: 'add',\n  minus: 'remove',\n}\n\nconst md: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: props => h(VLigatureIcon, { ...props, class: 'material-icons' }),\n}\n\nexport { aliases, md }\n"],"mappings":"AAAA;AACA,SAASA,CAAC,QAAQ,KAAK;;AAEvB;AAAA,SACSC,aAAa,oCAEtB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,mBAAmB;EAC7BC,QAAQ,EAAE,OAAO;EACjBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAAE;EAClBC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE,cAAc;EACvBC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,eAAe;EACxBC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,cAAc;EACpBC,IAAI,EAAE,eAAe;EACrBC,UAAU,EAAE,WAAW;EACvBC,WAAW,EAAE,yBAAyB;EACtCC,qBAAqB,EAAE,yBAAyB;EAChDC,SAAS,EAAE,qBAAqB;EAAE;EAClCC,IAAI,EAAE,cAAc;EACpBC,MAAM,EAAE,qBAAqB;EAC7BC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,iBAAiB;EAC3BC,QAAQ,EAAE,iBAAiB;EAC3BC,OAAO,EAAE,sBAAsB;EAC/BC,QAAQ,EAAE,wBAAwB;EAClCC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,aAAa;EAC1BC,UAAU,EAAE,MAAM;EAClBC,UAAU,EAAE,WAAW;EACvBC,OAAO,EAAE,QAAQ;EACjBC,KAAK,EAAE,YAAY;EACnBC,IAAI,EAAE,WAAW;EACjBC,MAAM,EAAE,aAAa;EACrBC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,EAAW,GAAG;EAClB;EACAC,SAAS,EAAEC,KAAK,IAAIvC,CAAC,CAACC,aAAa,EAAE;IAAE,GAAGsC,KAAK;IAAEC,KAAK,EAAE;EAAiB,CAAC;AAC5E,CAAC;AAED,SAAStC,OAAO,EAAEmC,EAAE"}
+{"version":3,"file":"md.mjs","names":["h","VLigatureIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sortAsc","sortDesc","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","md","component","props","class"],"sources":["../../src/iconsets/md.ts"],"sourcesContent":["// Utilities\nimport { h } from 'vue'\n\n// Components\nimport { VLigatureIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'keyboard_arrow_up',\n  complete: 'check',\n  cancel: 'cancel',\n  close: 'close',\n  delete: 'cancel', // delete (e.g. v-chip close)\n  clear: 'cancel',\n  success: 'check_circle',\n  info: 'info',\n  warning: 'priority_high',\n  error: 'warning',\n  prev: 'chevron_left',\n  next: 'chevron_right',\n  checkboxOn: 'check_box',\n  checkboxOff: 'check_box_outline_blank',\n  checkboxIndeterminate: 'indeterminate_check_box',\n  delimiter: 'fiber_manual_record', // for carousel\n  sortAsc: 'arrow_upward',\n  sortDesc: 'arrow_downward',\n  expand: 'keyboard_arrow_down',\n  menu: 'menu',\n  subgroup: 'arrow_drop_down',\n  dropdown: 'arrow_drop_down',\n  radioOn: 'radio_button_checked',\n  radioOff: 'radio_button_unchecked',\n  edit: 'edit',\n  ratingEmpty: 'star_border',\n  ratingFull: 'star',\n  ratingHalf: 'star_half',\n  loading: 'cached',\n  first: 'first_page',\n  last: 'last_page',\n  unfold: 'unfold_more',\n  file: 'attach_file',\n  plus: 'add',\n  minus: 'remove',\n}\n\nconst md: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: props => h(VLigatureIcon, { ...props, class: 'material-icons' }),\n}\n\nexport { aliases, md }\n"],"mappings":"AAAA;AACA,SAASA,CAAC,QAAQ,KAAK;;AAEvB;AAAA,SACSC,aAAa,oCAEtB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,mBAAmB;EAC7BC,QAAQ,EAAE,OAAO;EACjBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAAE;EAClBC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE,cAAc;EACvBC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,eAAe;EACxBC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,cAAc;EACpBC,IAAI,EAAE,eAAe;EACrBC,UAAU,EAAE,WAAW;EACvBC,WAAW,EAAE,yBAAyB;EACtCC,qBAAqB,EAAE,yBAAyB;EAChDC,SAAS,EAAE,qBAAqB;EAAE;EAClCC,OAAO,EAAE,cAAc;EACvBC,QAAQ,EAAE,gBAAgB;EAC1BC,MAAM,EAAE,qBAAqB;EAC7BC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,iBAAiB;EAC3BC,QAAQ,EAAE,iBAAiB;EAC3BC,OAAO,EAAE,sBAAsB;EAC/BC,QAAQ,EAAE,wBAAwB;EAClCC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,aAAa;EAC1BC,UAAU,EAAE,MAAM;EAClBC,UAAU,EAAE,WAAW;EACvBC,OAAO,EAAE,QAAQ;EACjBC,KAAK,EAAE,YAAY;EACnBC,IAAI,EAAE,WAAW;EACjBC,MAAM,EAAE,aAAa;EACrBC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,EAAW,GAAG;EAClB;EACAC,SAAS,EAAEC,KAAK,IAAIxC,CAAC,CAACC,aAAa,EAAE;IAAE,GAAGuC,KAAK;IAAEC,KAAK,EAAE;EAAiB,CAAC;AAC5E,CAAC;AAED,SAASvC,OAAO,EAAEoC,EAAE"}

package/lib/iconsets/mdi-svg.d.ts

@@ -19,7 +19,8 @@ interface IconAliases {
     checkboxOff: IconValue;
     checkboxIndeterminate: IconValue;
     delimiter: IconValue;
-    sort: IconValue;
+    sortAsc: IconValue;
+    sortDesc: IconValue;
     expand: IconValue;
     menu: IconValue;
     subgroup: IconValue;
@@ -40,7 +41,7 @@ interface IconAliases {
 }
 interface IconProps {
     tag: string;
-    icon: IconValue;
+    icon?: IconValue;
     disabled?: Boolean;
 }
 declare type IconComponent = JSXComponent<IconProps>;

package/lib/iconsets/mdi-svg.mjs

@@ -20,7 +20,8 @@ const aliases = {
   checkboxIndeterminate: 'M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',
   delimiter: 'M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',
   // for carousel
-  sort: 'M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z',
+  sortAsc: 'M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z',
+  sortDesc: 'M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z',
   expand: 'M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z',
   menu: 'M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z',
   subgroup: 'M7,10L12,15L17,10H7Z',

package/lib/iconsets/mdi-svg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mdi-svg.mjs","names":["VSvgIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sort","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","mdi","component"],"sources":["../../src/iconsets/mdi-svg.ts"],"sourcesContent":["/* eslint-disable max-len */\n\n// Components\nimport { VSvgIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z',\n  complete: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z',\n  cancel: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',\n  close: 'M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z',\n  delete: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z', // delete (e.g. v-chip close)\n  clear: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',\n  success: 'M12,2C17.52,2 22,6.48 22,12C22,17.52 17.52,22 12,22C6.48,22 2,17.52 2,12C2,6.48 6.48,2 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z',\n  info: 'M13,9H11V7H13M13,17H11V11H13M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',\n  warning: 'M11,4.5H13V15.5H11V4.5M13,17.5V19.5H11V17.5H13Z',\n  error: 'M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z',\n  prev: 'M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z',\n  next: 'M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z',\n  checkboxOn: 'M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',\n  checkboxOff: 'M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z',\n  checkboxIndeterminate: 'M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',\n  delimiter: 'M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z', // for carousel\n  sort: 'M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z',\n  expand: 'M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z',\n  menu: 'M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z',\n  subgroup: 'M7,10L12,15L17,10H7Z',\n  dropdown: 'M7,10L12,15L17,10H7Z',\n  radioOn: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2M12,7C9.24,7 7,9.24 7,12C7,14.76 9.24,17 12,17C14.76,17 17,14.76 17,12C17,9.24 14.76,7 12,7Z',\n  radioOff: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',\n  edit: 'M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z',\n  ratingEmpty: 'M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',\n  ratingFull: 'M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z',\n  ratingHalf: 'M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',\n  loading: 'M19,8L15,12H18C18,15.31 15.31,18 12,18C11,18 10.03,17.75 9.2,17.3L7.74,18.76C8.97,19.54 10.43,20 12,20C16.42,20 20,16.42 20,12H23M6,12C6,8.69 8.69,6 12,6C13,6 13.97,6.25 14.8,6.7L16.26,5.24C15.03,4.46 13.57,4 12,4C7.58,4 4,7.58 4,12H1L5,16L9,12',\n  first: 'M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z',\n  last: 'M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z',\n  unfold: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z',\n  file: 'M16.5,6V17.5C16.5,19.71 14.71,21.5 12.5,21.5C10.29,21.5 8.5,19.71 8.5,17.5V5C8.5,3.62 9.62,2.5 11,2.5C12.38,2.5 13.5,3.62 13.5,5V15.5C13.5,16.05 13.05,16.5 12.5,16.5C11.95,16.5 11.5,16.05 11.5,15.5V6H10V15.5C10,16.88 11.12,18 12.5,18C13.88,18 15,16.88 15,15.5V5C15,2.79 13.21,1 11,1C8.79,1 7,2.79 7,5V17.5C7,20.54 9.46,23 12.5,23C15.54,23 18,20.54 18,17.5V6H16.5Z',\n  plus: 'M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z',\n  minus: 'M19,13H5V11H19V13Z',\n}\n\nconst mdi: IconSet = {\n  component: VSvgIcon,\n}\n\nexport { aliases, mdi }\n"],"mappings":"AAAA;AAEA;AAAA,SACSA,QAAQ,oCAEjB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,8DAA8D;EACxEC,QAAQ,EAAE,yDAAyD;EACnEC,MAAM,EAAE,0MAA0M;EAClNC,KAAK,EAAE,+GAA+G;EACtHC,MAAM,EAAE,0MAA0M;EAAE;EACpNC,KAAK,EAAE,0MAA0M;EACjNC,OAAO,EAAE,2JAA2J;EACpKC,IAAI,EAAE,0HAA0H;EAChIC,OAAO,EAAE,iDAAiD;EAC1DC,KAAK,EAAE,mDAAmD;EAC1DC,IAAI,EAAE,+DAA+D;EACrEC,IAAI,EAAE,6DAA6D;EACnEC,UAAU,EAAE,gJAAgJ;EAC5JC,WAAW,EAAE,gHAAgH;EAC7HC,qBAAqB,EAAE,+GAA+G;EACtIC,SAAS,EAAE,8FAA8F;EAAE;EAC3GC,IAAI,EAAE,wEAAwE;EAC9EC,MAAM,EAAE,4DAA4D;EACpEC,IAAI,EAAE,gDAAgD;EACtDC,QAAQ,EAAE,sBAAsB;EAChCC,QAAQ,EAAE,sBAAsB;EAChCC,OAAO,EAAE,qRAAqR;EAC9RC,QAAQ,EAAE,0LAA0L;EACpMC,IAAI,EAAE,qJAAqJ;EAC3JC,WAAW,EAAE,iNAAiN;EAC9NC,UAAU,EAAE,sGAAsG;EAClHC,UAAU,EAAE,gKAAgK;EAC5KC,OAAO,EAAE,sPAAsP;EAC/PC,KAAK,EAAE,6EAA6E;EACpFC,IAAI,EAAE,0EAA0E;EAChFC,MAAM,EAAE,mHAAmH;EAC3HC,IAAI,EAAE,6WAA6W;EACnXC,IAAI,EAAE,2CAA2C;EACjDC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,GAAY,GAAG;EACnBC,SAAS,EAAErC;AACb,CAAC;AAED,SAASC,OAAO,EAAEmC,GAAG"}
+{"version":3,"file":"mdi-svg.mjs","names":["VSvgIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sortAsc","sortDesc","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","mdi","component"],"sources":["../../src/iconsets/mdi-svg.ts"],"sourcesContent":["/* eslint-disable max-len */\n\n// Components\nimport { VSvgIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z',\n  complete: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z',\n  cancel: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',\n  close: 'M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z',\n  delete: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z', // delete (e.g. v-chip close)\n  clear: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',\n  success: 'M12,2C17.52,2 22,6.48 22,12C22,17.52 17.52,22 12,22C6.48,22 2,17.52 2,12C2,6.48 6.48,2 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z',\n  info: 'M13,9H11V7H13M13,17H11V11H13M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',\n  warning: 'M11,4.5H13V15.5H11V4.5M13,17.5V19.5H11V17.5H13Z',\n  error: 'M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z',\n  prev: 'M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z',\n  next: 'M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z',\n  checkboxOn: 'M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',\n  checkboxOff: 'M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z',\n  checkboxIndeterminate: 'M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',\n  delimiter: 'M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z', // for carousel\n  sortAsc: 'M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z',\n  sortDesc: 'M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z',\n  expand: 'M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z',\n  menu: 'M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z',\n  subgroup: 'M7,10L12,15L17,10H7Z',\n  dropdown: 'M7,10L12,15L17,10H7Z',\n  radioOn: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2M12,7C9.24,7 7,9.24 7,12C7,14.76 9.24,17 12,17C14.76,17 17,14.76 17,12C17,9.24 14.76,7 12,7Z',\n  radioOff: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',\n  edit: 'M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z',\n  ratingEmpty: 'M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',\n  ratingFull: 'M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z',\n  ratingHalf: 'M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',\n  loading: 'M19,8L15,12H18C18,15.31 15.31,18 12,18C11,18 10.03,17.75 9.2,17.3L7.74,18.76C8.97,19.54 10.43,20 12,20C16.42,20 20,16.42 20,12H23M6,12C6,8.69 8.69,6 12,6C13,6 13.97,6.25 14.8,6.7L16.26,5.24C15.03,4.46 13.57,4 12,4C7.58,4 4,7.58 4,12H1L5,16L9,12',\n  first: 'M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z',\n  last: 'M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z',\n  unfold: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z',\n  file: 'M16.5,6V17.5C16.5,19.71 14.71,21.5 12.5,21.5C10.29,21.5 8.5,19.71 8.5,17.5V5C8.5,3.62 9.62,2.5 11,2.5C12.38,2.5 13.5,3.62 13.5,5V15.5C13.5,16.05 13.05,16.5 12.5,16.5C11.95,16.5 11.5,16.05 11.5,15.5V6H10V15.5C10,16.88 11.12,18 12.5,18C13.88,18 15,16.88 15,15.5V5C15,2.79 13.21,1 11,1C8.79,1 7,2.79 7,5V17.5C7,20.54 9.46,23 12.5,23C15.54,23 18,20.54 18,17.5V6H16.5Z',\n  plus: 'M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z',\n  minus: 'M19,13H5V11H19V13Z',\n}\n\nconst mdi: IconSet = {\n  component: VSvgIcon,\n}\n\nexport { aliases, mdi }\n"],"mappings":"AAAA;AAEA;AAAA,SACSA,QAAQ,oCAEjB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,8DAA8D;EACxEC,QAAQ,EAAE,yDAAyD;EACnEC,MAAM,EAAE,0MAA0M;EAClNC,KAAK,EAAE,+GAA+G;EACtHC,MAAM,EAAE,0MAA0M;EAAE;EACpNC,KAAK,EAAE,0MAA0M;EACjNC,OAAO,EAAE,2JAA2J;EACpKC,IAAI,EAAE,0HAA0H;EAChIC,OAAO,EAAE,iDAAiD;EAC1DC,KAAK,EAAE,mDAAmD;EAC1DC,IAAI,EAAE,+DAA+D;EACrEC,IAAI,EAAE,6DAA6D;EACnEC,UAAU,EAAE,gJAAgJ;EAC5JC,WAAW,EAAE,gHAAgH;EAC7HC,qBAAqB,EAAE,+GAA+G;EACtIC,SAAS,EAAE,8FAA8F;EAAE;EAC3GC,OAAO,EAAE,wEAAwE;EACjFC,QAAQ,EAAE,yEAAyE;EACnFC,MAAM,EAAE,4DAA4D;EACpEC,IAAI,EAAE,gDAAgD;EACtDC,QAAQ,EAAE,sBAAsB;EAChCC,QAAQ,EAAE,sBAAsB;EAChCC,OAAO,EAAE,qRAAqR;EAC9RC,QAAQ,EAAE,0LAA0L;EACpMC,IAAI,EAAE,qJAAqJ;EAC3JC,WAAW,EAAE,iNAAiN;EAC9NC,UAAU,EAAE,sGAAsG;EAClHC,UAAU,EAAE,gKAAgK;EAC5KC,OAAO,EAAE,sPAAsP;EAC/PC,KAAK,EAAE,6EAA6E;EACpFC,IAAI,EAAE,0EAA0E;EAChFC,MAAM,EAAE,mHAAmH;EAC3HC,IAAI,EAAE,6WAA6W;EACnXC,IAAI,EAAE,2CAA2C;EACjDC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,GAAY,GAAG;EACnBC,SAAS,EAAEtC;AACb,CAAC;AAED,SAASC,OAAO,EAAEoC,GAAG"}

package/lib/iconsets/mdi.d.ts

@@ -19,7 +19,8 @@ interface IconAliases {
     checkboxOff: IconValue;
     checkboxIndeterminate: IconValue;
     delimiter: IconValue;
-    sort: IconValue;
+    sortAsc: IconValue;
+    sortDesc: IconValue;
     expand: IconValue;
     menu: IconValue;
     subgroup: IconValue;
@@ -40,7 +41,7 @@ interface IconAliases {
 }
 interface IconProps {
     tag: string;
-    icon: IconValue;
+    icon?: IconValue;
     disabled?: Boolean;
 }
 declare type IconComponent = JSXComponent<IconProps>;

package/lib/iconsets/mdi.mjs

@@ -22,7 +22,8 @@ const aliases = {
   checkboxIndeterminate: 'mdi-minus-box',
   delimiter: 'mdi-circle',
   // for carousel
-  sort: 'mdi-arrow-up',
+  sortAsc: 'mdi-arrow-up',
+  sortDesc: 'mdi-arrow-down',
   expand: 'mdi-chevron-down',
   menu: 'mdi-menu',
   subgroup: 'mdi-menu-down',

package/lib/iconsets/mdi.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mdi.mjs","names":["h","VClassIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sort","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","mdi","component","props","class"],"sources":["../../src/iconsets/mdi.ts"],"sourcesContent":["// Utilities\nimport { h } from 'vue'\n\n// Components\nimport { VClassIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'mdi-chevron-up',\n  complete: 'mdi-check',\n  cancel: 'mdi-close-circle',\n  close: 'mdi-close',\n  delete: 'mdi-close-circle', // delete (e.g. v-chip close)\n  clear: 'mdi-close-circle',\n  success: 'mdi-check-circle',\n  info: 'mdi-information',\n  warning: 'mdi-alert-circle',\n  error: 'mdi-close-circle',\n  prev: 'mdi-chevron-left',\n  next: 'mdi-chevron-right',\n  checkboxOn: 'mdi-checkbox-marked',\n  checkboxOff: 'mdi-checkbox-blank-outline',\n  checkboxIndeterminate: 'mdi-minus-box',\n  delimiter: 'mdi-circle', // for carousel\n  sort: 'mdi-arrow-up',\n  expand: 'mdi-chevron-down',\n  menu: 'mdi-menu',\n  subgroup: 'mdi-menu-down',\n  dropdown: 'mdi-menu-down',\n  radioOn: 'mdi-radiobox-marked',\n  radioOff: 'mdi-radiobox-blank',\n  edit: 'mdi-pencil',\n  ratingEmpty: 'mdi-star-outline',\n  ratingFull: 'mdi-star',\n  ratingHalf: 'mdi-star-half-full',\n  loading: 'mdi-cached',\n  first: 'mdi-page-first',\n  last: 'mdi-page-last',\n  unfold: 'mdi-unfold-more-horizontal',\n  file: 'mdi-paperclip',\n  plus: 'mdi-plus',\n  minus: 'mdi-minus',\n}\n\nconst mdi: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: (props: any) => h(VClassIcon, { ...props, class: 'mdi' }),\n}\n\nexport { aliases, mdi }\n"],"mappings":"AAAA;AACA,SAASA,CAAC,QAAQ,KAAK;;AAEvB;AAAA,SACSC,UAAU,oCAEnB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,gBAAgB;EAC1BC,QAAQ,EAAE,WAAW;EACrBC,MAAM,EAAE,kBAAkB;EAC1BC,KAAK,EAAE,WAAW;EAClBC,MAAM,EAAE,kBAAkB;EAAE;EAC5BC,KAAK,EAAE,kBAAkB;EACzBC,OAAO,EAAE,kBAAkB;EAC3BC,IAAI,EAAE,iBAAiB;EACvBC,OAAO,EAAE,kBAAkB;EAC3BC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,4BAA4B;EACzCC,qBAAqB,EAAE,eAAe;EACtCC,SAAS,EAAE,YAAY;EAAE;EACzBC,IAAI,EAAE,cAAc;EACpBC,MAAM,EAAE,kBAAkB;EAC1BC,IAAI,EAAE,UAAU;EAChBC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,eAAe;EACzBC,OAAO,EAAE,qBAAqB;EAC9BC,QAAQ,EAAE,oBAAoB;EAC9BC,IAAI,EAAE,YAAY;EAClBC,WAAW,EAAE,kBAAkB;EAC/BC,UAAU,EAAE,UAAU;EACtBC,UAAU,EAAE,oBAAoB;EAChCC,OAAO,EAAE,YAAY;EACrBC,KAAK,EAAE,gBAAgB;EACvBC,IAAI,EAAE,eAAe;EACrBC,MAAM,EAAE,4BAA4B;EACpCC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,GAAY,GAAG;EACnB;EACAC,SAAS,EAAGC,KAAU,IAAKvC,CAAC,CAACC,UAAU,EAAE;IAAE,GAAGsC,KAAK;IAAEC,KAAK,EAAE;EAAM,CAAC;AACrE,CAAC;AAED,SAAStC,OAAO,EAAEmC,GAAG"}
+{"version":3,"file":"mdi.mjs","names":["h","VClassIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sortAsc","sortDesc","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","mdi","component","props","class"],"sources":["../../src/iconsets/mdi.ts"],"sourcesContent":["// Utilities\nimport { h } from 'vue'\n\n// Components\nimport { VClassIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'mdi-chevron-up',\n  complete: 'mdi-check',\n  cancel: 'mdi-close-circle',\n  close: 'mdi-close',\n  delete: 'mdi-close-circle', // delete (e.g. v-chip close)\n  clear: 'mdi-close-circle',\n  success: 'mdi-check-circle',\n  info: 'mdi-information',\n  warning: 'mdi-alert-circle',\n  error: 'mdi-close-circle',\n  prev: 'mdi-chevron-left',\n  next: 'mdi-chevron-right',\n  checkboxOn: 'mdi-checkbox-marked',\n  checkboxOff: 'mdi-checkbox-blank-outline',\n  checkboxIndeterminate: 'mdi-minus-box',\n  delimiter: 'mdi-circle', // for carousel\n  sortAsc: 'mdi-arrow-up',\n  sortDesc: 'mdi-arrow-down',\n  expand: 'mdi-chevron-down',\n  menu: 'mdi-menu',\n  subgroup: 'mdi-menu-down',\n  dropdown: 'mdi-menu-down',\n  radioOn: 'mdi-radiobox-marked',\n  radioOff: 'mdi-radiobox-blank',\n  edit: 'mdi-pencil',\n  ratingEmpty: 'mdi-star-outline',\n  ratingFull: 'mdi-star',\n  ratingHalf: 'mdi-star-half-full',\n  loading: 'mdi-cached',\n  first: 'mdi-page-first',\n  last: 'mdi-page-last',\n  unfold: 'mdi-unfold-more-horizontal',\n  file: 'mdi-paperclip',\n  plus: 'mdi-plus',\n  minus: 'mdi-minus',\n}\n\nconst mdi: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: (props: any) => h(VClassIcon, { ...props, class: 'mdi' }),\n}\n\nexport { aliases, mdi }\n"],"mappings":"AAAA;AACA,SAASA,CAAC,QAAQ,KAAK;;AAEvB;AAAA,SACSC,UAAU,oCAEnB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,gBAAgB;EAC1BC,QAAQ,EAAE,WAAW;EACrBC,MAAM,EAAE,kBAAkB;EAC1BC,KAAK,EAAE,WAAW;EAClBC,MAAM,EAAE,kBAAkB;EAAE;EAC5BC,KAAK,EAAE,kBAAkB;EACzBC,OAAO,EAAE,kBAAkB;EAC3BC,IAAI,EAAE,iBAAiB;EACvBC,OAAO,EAAE,kBAAkB;EAC3BC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,4BAA4B;EACzCC,qBAAqB,EAAE,eAAe;EACtCC,SAAS,EAAE,YAAY;EAAE;EACzBC,OAAO,EAAE,cAAc;EACvBC,QAAQ,EAAE,gBAAgB;EAC1BC,MAAM,EAAE,kBAAkB;EAC1BC,IAAI,EAAE,UAAU;EAChBC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,eAAe;EACzBC,OAAO,EAAE,qBAAqB;EAC9BC,QAAQ,EAAE,oBAAoB;EAC9BC,IAAI,EAAE,YAAY;EAClBC,WAAW,EAAE,kBAAkB;EAC/BC,UAAU,EAAE,UAAU;EACtBC,UAAU,EAAE,oBAAoB;EAChCC,OAAO,EAAE,YAAY;EACrBC,KAAK,EAAE,gBAAgB;EACvBC,IAAI,EAAE,eAAe;EACrBC,MAAM,EAAE,4BAA4B;EACpCC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,GAAY,GAAG;EACnB;EACAC,SAAS,EAAGC,KAAU,IAAKxC,CAAC,CAACC,UAAU,EAAE;IAAE,GAAGuC,KAAK;IAAEC,KAAK,EAAE;EAAM,CAAC;AACrE,CAAC;AAED,SAASvC,OAAO,EAAEoC,GAAG"}

package/lib/index.d.ts

@@ -170,7 +170,8 @@ interface IconAliases {
     checkboxOff: IconValue;
     checkboxIndeterminate: IconValue;
     delimiter: IconValue;
-    sort: IconValue;
+    sortAsc: IconValue;
+    sortDesc: IconValue;
     expand: IconValue;
     menu: IconValue;
     subgroup: IconValue;
@@ -191,7 +192,7 @@ interface IconAliases {
 }
 interface IconProps {
     tag: string;
-    icon: IconValue;
+    icon?: IconValue;
     disabled?: Boolean;
 }
 declare type IconComponent = JSXComponent<IconProps>;
@@ -322,14 +323,15 @@ declare module '@vue/runtime-core' {
     VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
-    VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VLazy: typeof import('vuetify/components')['VLazy']
+    VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
-    VApp: typeof import('vuetify/components')['VApp']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
+    VValidation: typeof import('vuetify/components')['VValidation']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -346,16 +348,15 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
+    VApp: typeof import('vuetify/components')['VApp']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
-    VValidation: typeof import('vuetify/components')['VValidation']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VBadge: typeof import('vuetify/components')['VBadge']
     VAvatar: typeof import('vuetify/components')['VAvatar']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
@@ -364,8 +365,8 @@ declare module '@vue/runtime-core' {
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
     VBtn: typeof import('vuetify/components')['VBtn']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
@@ -377,27 +378,28 @@ declare module '@vue/runtime-core' {
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
-    VCode: typeof import('vuetify/components')['VCode']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
     VDialog: typeof import('vuetify/components')['VDialog']
+    VDivider: typeof import('vuetify/components')['VDivider']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VDivider: typeof import('vuetify/components')['VDivider']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFooter: typeof import('vuetify/components')['VFooter']
-    VInput: typeof import('vuetify/components')['VInput']
     VFileInput: typeof import('vuetify/components')['VFileInput']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
+    VImg: typeof import('vuetify/components')['VImg']
+    VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
     VKbd: typeof import('vuetify/components')['VKbd']
@@ -414,12 +416,12 @@ declare module '@vue/runtime-core' {
     VMain: typeof import('vuetify/components')['VMain']
     VMenu: typeof import('vuetify/components')['VMenu']
     VMessages: typeof import('vuetify/components')['VMessages']
+    VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
-    VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
     VSelect: typeof import('vuetify/components')['VSelect']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
@@ -430,20 +432,19 @@ declare module '@vue/runtime-core' {
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTextField: typeof import('vuetify/components')['VTextField']
     VTable: typeof import('vuetify/components')['VTable']
     VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VImg: typeof import('vuetify/components')['VImg']
   }
 }

package/lib/labs/VDataTable/VDataTable.css

@@ -0,0 +1,119 @@
+.v-data-table {
+  width: 100%;
+}
+
+.v-data-table__table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.v-data-table__tr--focus {
+  border: 1px dotted black;
+}
+
+.v-data-table .v-table__wrapper > table > thead > tr > td,
+.v-data-table .v-table__wrapper > table > thead > tr th,
+.v-data-table .v-table__wrapper > table tbody > tr > td,
+.v-data-table .v-table__wrapper > table tbody > tr th {
+  background: rgb(var(--v-theme-surface));
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
+  text-align: end;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
+  flex-direction: row-reverse;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
+.v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
+  padding: 0 8px;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th,
+.v-data-table .v-table__wrapper > table tbody > tr > th {
+  align-items: center;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
+.v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
+  cursor: pointer;
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
+.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
+  opacity: 0;
+}
+.v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
+.v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
+  opacity: 0.5;
+}
+
+.v-data-table-column--fixed {
+  position: sticky;
+  z-index: 2;
+  left: 0;
+}
+
+.v-data-table-column--last-fixed {
+  border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+}
+
+.v-data-table-group-header-row td {
+  background: lightgrey;
+}
+.v-data-table-group-header-row td > span {
+  padding-left: 5px;
+}
+
+.v-data-table--loading .v-data-table__td {
+  opacity: 0.3;
+}
+
+.v-data-table__progress th {
+  position: relative;
+  border: none !important;
+  height: auto !important;
+}
+
+.v-data-table-group-header-row__column {
+  padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
+}
+
+.v-data-table-header__content {
+  display: flex;
+  align-items: center;
+}
+
+.v-data-table-header__sort-badge {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.875rem;
+  padding: 4px;
+  border-radius: 50%;
+  background: rgba(var(--v-border-color), var(--v-border-opacity));
+  min-width: 20px;
+  min-height: 20px;
+  width: 20px;
+  height: 20px;
+}
+
+.v-data-table-headers__loader {
+  bottom: auto;
+  top: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.v-data-table-rows-no-data {
+  text-align: center;
+}

package/lib/labs/VDataTable/VDataTable.mjs

@@ -0,0 +1,146 @@
+import { createVNode as _createVNode, resolveDirective as _resolveDirective, Fragment as _Fragment } from "vue";
+// Styles
+import "./VDataTable.css";
+
+// Components
+import { VTable } from "../../components/VTable/index.mjs";
+import { VDataTableHeaders } from "./VDataTableHeaders.mjs";
+import { VDataTableRows } from "./VDataTableRows.mjs";
+import { VDataTableFooter } from "./VDataTableFooter.mjs"; // Composables
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { makeDataTableItemProps, useDataTableItems } from "./composables/items.mjs";
+import { createHeaders, makeDataTableHeaderProps } from "./composables/headers.mjs";
+import { createSort, makeDataTableSortProps, useSortedItems } from "./composables/sort.mjs";
+import { createGroupBy, makeDataTableGroupProps, useGroupedItems } from "./composables/group.mjs";
+import { createPagination, makeDataTablePaginateProps, usePaginatedItems } from "./composables/paginate.mjs";
+import { createSelection, makeDataTableSelectProps } from "./composables/select.mjs";
+import { createExpanded, makeDataTableExpandProps } from "./composables/expand.mjs";
+import { useOptions } from "./composables/options.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
+import { computed, toRef } from 'vue';
+import { defineComponent, propsFactory, useRender } from "../../util/index.mjs";
+import { makeFilterProps, useFilter } from "../../composables/filter.mjs"; // Types
+export const makeVDataTableProps = propsFactory({
+  ...makeDataTableItemProps(),
+  ...makeDataTableHeaderProps(),
+  hideNoData: Boolean,
+  noDataText: {
+    type: String,
+    default: '$vuetify.noDataText'
+  },
+  height: [String, Number],
+  width: [String, Number],
+  fixedHeader: Boolean,
+  fixedFooter: Boolean
+}, 'v-data-table');
+export const VDataTable = defineComponent({
+  name: 'VDataTable',
+  props: {
+    search: String,
+    ...makeVDataTableProps(),
+    ...makeDataTableExpandProps(),
+    ...makeDataTableGroupProps(),
+    ...makeDataTableSelectProps(),
+    ...makeDataTableSortProps(),
+    ...makeDataTablePaginateProps(),
+    ...makeFilterProps()
+  },
+  emits: {
+    'update:modelValue': value => true,
+    'update:page': value => true,
+    'update:itemsPerPage': value => true,
+    'update:sortBy': value => true,
+    'update:options': value => true,
+    'update:groupBy': value => true,
+    'update:expanded': value => true,
+    'click:row': (event, value) => true
+  },
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
+    const groupBy = useProxiedModel(props, 'groupBy');
+    const {
+      columns
+    } = createHeaders(props, {
+      groupBy,
+      showSelect: toRef(props, 'showSelect'),
+      showExpand: toRef(props, 'showExpand')
+    });
+    const {
+      items
+    } = useDataTableItems(props, columns);
+    const {
+      filteredItems
+    } = useFilter(props, items, toRef(props, 'search'));
+    const {
+      sortBy
+    } = createSort(props);
+    const {
+      sortByWithGroups,
+      opened,
+      extractRows
+    } = createGroupBy(props, groupBy, sortBy);
+    const {
+      sortedItems
+    } = useSortedItems(filteredItems, sortByWithGroups, columns);
+    const {
+      flatItems
+    } = useGroupedItems(sortedItems, groupBy, opened);
+    const {
+      page,
+      itemsPerPage,
+      startIndex,
+      stopIndex,
+      pageCount
+    } = createPagination(props, flatItems);
+    const {
+      paginatedItems
+    } = usePaginatedItems(flatItems, startIndex, stopIndex, itemsPerPage);
+    const paginatedItemsWithoutGroups = computed(() => extractRows(paginatedItems.value));
+    createSelection(props, paginatedItemsWithoutGroups);
+    createExpanded(props);
+    useOptions({
+      page,
+      itemsPerPage,
+      sortBy,
+      pageCount,
+      startIndex,
+      stopIndex
+    });
+    provideDefaults({
+      VDataTableRows: {
+        hideNoData: toRef(props, 'hideNoData'),
+        noDataText: toRef(props, 'noDataText')
+      }
+    });
+    useRender(() => _createVNode(VTable, {
+      "class": ['v-data-table', {
+        'v-data-table--show-select': props.showSelect
+      }],
+      "fixedHeader": props.fixedHeader,
+      "fixedFooter": props.fixedFooter,
+      "height": props.height
+    }, {
+      top: slots.top,
+      default: slots.default ? slots.default() : () => {
+        var _slots$colgroup, _slots$thead, _slots$tbody, _slots$tfoot;
+        return _createVNode(_Fragment, null, [(_slots$colgroup = slots.colgroup) == null ? void 0 : _slots$colgroup.call(slots, {
+          columns
+        }), _createVNode("thead", null, [slots.headers ? slots.headers() : _createVNode(VDataTableHeaders, {
+          "sticky": props.fixedHeader,
+          "multiSort": props.multiSort
+        }, slots)]), (_slots$thead = slots.thead) == null ? void 0 : _slots$thead.call(slots), _createVNode("tbody", null, [slots.body ? slots.body() : _createVNode(VDataTableRows, {
+          "items": paginatedItems.value,
+          "onClick:row": (event, value) => emit('click:row', event, value)
+        }, slots)]), (_slots$tbody = slots.tbody) == null ? void 0 : _slots$tbody.call(slots), (_slots$tfoot = slots.tfoot) == null ? void 0 : _slots$tfoot.call(slots)]);
+      },
+      bottom: slots.bottom ? slots.bottom() : () => _createVNode(VDataTableFooter, null, {
+        prepend: slots['footer.prepend']
+      })
+    }));
+    return {};
+  }
+});
+//# sourceMappingURL=VDataTable.mjs.map

package/lib/labs/VDataTable/VDataTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VDataTable.mjs","names":["VTable","VDataTableHeaders","VDataTableRows","VDataTableFooter","useProxiedModel","makeDataTableItemProps","useDataTableItems","createHeaders","makeDataTableHeaderProps","createSort","makeDataTableSortProps","useSortedItems","createGroupBy","makeDataTableGroupProps","useGroupedItems","createPagination","makeDataTablePaginateProps","usePaginatedItems","createSelection","makeDataTableSelectProps","createExpanded","makeDataTableExpandProps","useOptions","provideDefaults","computed","toRef","defineComponent","propsFactory","useRender","makeFilterProps","useFilter","makeVDataTableProps","hideNoData","Boolean","noDataText","type","String","default","height","Number","width","fixedHeader","fixedFooter","VDataTable","name","props","search","emits","value","event","setup","emit","slots","groupBy","columns","showSelect","showExpand","items","filteredItems","sortBy","sortByWithGroups","opened","extractRows","sortedItems","flatItems","page","itemsPerPage","startIndex","stopIndex","pageCount","paginatedItems","paginatedItemsWithoutGroups","top","colgroup","headers","multiSort","thead","body","tbody","tfoot","bottom","prepend"],"sources":["../../../src/labs/VDataTable/VDataTable.tsx"],"sourcesContent":["// Styles\nimport './VDataTable.sass'\n\n// Components\nimport { VTable } from '@/components/VTable'\nimport { VDataTableHeaders } from './VDataTableHeaders'\nimport { VDataTableRows } from './VDataTableRows'\nimport { VDataTableFooter } from './VDataTableFooter'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeDataTableItemProps, useDataTableItems } from './composables/items'\nimport { createHeaders, makeDataTableHeaderProps } from './composables/headers'\nimport { createSort, makeDataTableSortProps, useSortedItems } from './composables/sort'\nimport { createGroupBy, makeDataTableGroupProps, useGroupedItems } from './composables/group'\nimport { createPagination, makeDataTablePaginateProps, usePaginatedItems } from './composables/paginate'\nimport { createSelection, makeDataTableSelectProps } from './composables/select'\nimport { createExpanded, makeDataTableExpandProps } from './composables/expand'\nimport { useOptions } from './composables/options'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { defineComponent, propsFactory, useRender } from '@/util'\nimport { makeFilterProps, useFilter } from '@/composables/filter'\n\n// Types\nimport type { DataTableItem } from './types'\n\nexport const makeVDataTableProps = propsFactory({\n  ...makeDataTableItemProps(),\n  ...makeDataTableHeaderProps(),\n  hideNoData: Boolean,\n  noDataText: {\n    type: String,\n    default: '$vuetify.noDataText',\n  },\n  height: [String, Number],\n  width: [String, Number],\n  fixedHeader: Boolean,\n  fixedFooter: Boolean,\n}, 'v-data-table')\n\nexport const VDataTable = defineComponent({\n  name: 'VDataTable',\n\n  props: {\n    search: String,\n\n    ...makeVDataTableProps(),\n    ...makeDataTableExpandProps(),\n    ...makeDataTableGroupProps(),\n    ...makeDataTableSelectProps(),\n    ...makeDataTableSortProps(),\n    ...makeDataTablePaginateProps(),\n    ...makeFilterProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any[]) => true,\n    'update:page': (value: number) => true,\n    'update:itemsPerPage': (value: number) => true,\n    'update:sortBy': (value: any) => true,\n    'update:options': (value: any) => true,\n    'update:groupBy': (value: any) => true,\n    'update:expanded': (value: any) => true,\n    'click:row': (event: Event, value: { item: DataTableItem }) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const groupBy = useProxiedModel(props, 'groupBy')\n\n    const { columns } = createHeaders(props, {\n      groupBy,\n      showSelect: toRef(props, 'showSelect'),\n      showExpand: toRef(props, 'showExpand'),\n    })\n\n    const { items } = useDataTableItems(props, columns)\n\n    const { filteredItems } = useFilter<DataTableItem>(props, items, toRef(props, 'search'))\n\n    const { sortBy } = createSort(props)\n    const { sortByWithGroups, opened, extractRows } = createGroupBy(props, groupBy, sortBy)\n\n    const { sortedItems } = useSortedItems(filteredItems, sortByWithGroups, columns)\n    const { flatItems } = useGroupedItems(sortedItems, groupBy, opened)\n\n    const { page, itemsPerPage, startIndex, stopIndex, pageCount } = createPagination(props, flatItems)\n    const { paginatedItems } = usePaginatedItems(flatItems, startIndex, stopIndex, itemsPerPage)\n\n    const paginatedItemsWithoutGroups = computed(() => extractRows(paginatedItems.value))\n\n    createSelection(props, paginatedItemsWithoutGroups)\n\n    createExpanded(props)\n\n    useOptions({\n      page,\n      itemsPerPage,\n      sortBy,\n      pageCount,\n      startIndex,\n      stopIndex,\n    })\n\n    provideDefaults({\n      VDataTableRows: {\n        hideNoData: toRef(props, 'hideNoData'),\n        noDataText: toRef(props, 'noDataText'),\n      },\n    })\n\n    useRender(() => (\n      <VTable\n        class={[\n          'v-data-table',\n          {\n            'v-data-table--show-select': props.showSelect,\n          },\n        ]}\n        fixedHeader={ props.fixedHeader }\n        fixedFooter={ props.fixedFooter }\n        height={ props.height }\n      >\n        {{\n          top: slots.top,\n          default: slots.default ? slots.default() : () => (\n            <>\n              { slots.colgroup?.({ columns }) }\n              <thead>\n                { slots.headers ? slots.headers() : (\n                  <VDataTableHeaders\n                    sticky={ props.fixedHeader }\n                    multiSort={ props.multiSort }\n                    v-slots={ slots }\n                  />\n                ) }\n              </thead>\n              { slots.thead?.() }\n              <tbody>\n                { slots.body ? slots.body() : (\n                  <VDataTableRows\n                    items={ paginatedItems.value }\n                    onClick:row={ (event, value) => emit('click:row', event, value) }\n                    v-slots={ slots }\n                  />\n                ) }\n              </tbody>\n              { slots.tbody?.() }\n              { slots.tfoot?.() }\n            </>\n          ),\n          bottom: slots.bottom ? slots.bottom() : () => (\n            <VDataTableFooter\n              v-slots={{\n                prepend: slots['footer.prepend'],\n              }}\n            />\n          ),\n        }}\n      </VTable>\n    ))\n\n    return {}\n  },\n})\n\nexport type VDataTable = InstanceType<typeof VDataTable>\n"],"mappings":"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"}