@syncfusion/ej2-vue-lists 31.2.2 → 32.1.19

package/dist/ej2-vue-lists.umd.min.js

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-vue-lists.umd.min.js
-*  version : 31.2.2
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-lists"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-lists","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Lists,e.ej2VueBase,e.ej2Base)}(this,function(t,s,n,i){"use strict";var e=["isLazyUpdate","plugins","animation","checkBoxPosition","cssClass","dataSource","enable","enableHtmlSanitizer","enablePersistence","enableRtl","enableVirtualization","fields","groupTemplate","headerTemplate","headerTitle","height","htmlAttributes","locale","query","showCheckBox","showHeader","showIcon","sortOrder","template","width","actionBegin","actionComplete","actionFailure","scroll","select"],c=[],r=n.getProps({props:e}),o=r[0],r=r[1],a=Object.keys(r);a.push("modelchanged","update:modelValue");for(var u=0,l=c;u<l.length;u++)a.push("update:"+l[u]);var h=n.vueDefineComponent({name:"ListViewComponent",mixins:[n.ComponentBase],props:o,watch:r,emits:a,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ListView({}),propKeys:e,models:c,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(n.isExecute?e:n.gh)("div",t=i.isNullOrUndefined(this.$slots.default)?t:n.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var c=0,r=i;c<r.length;c++){var o=r[c];this.destroyPortals(o)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},addItem:function(e,t,s){return this.ej2Instances.addItem(e,t,s)},back:function(){return this.ej2Instances.back()},checkAllItems:function(){return this.ej2Instances.checkAllItems()},checkItem:function(e){return this.ej2Instances.checkItem(e)},destroy:function(){return this.ej2Instances.destroy()},disableItem:function(e){return this.ej2Instances.disableItem(e)},enableItem:function(e){return this.ej2Instances.enableItem(e)},findItem:function(e){return this.ej2Instances.findItem(e)},getSelectedItems:function(){return this.ej2Instances.getSelectedItems()},hideItem:function(e){return this.ej2Instances.hideItem(e)},refreshItemHeight:function(){return this.ej2Instances.refreshItemHeight()},removeItem:function(e){return this.ej2Instances.removeItem(e)},removeMultipleItems:function(e){return this.ej2Instances.removeMultipleItems(e)},requiredModules:function(){return this.ej2Instances.requiredModules()},selectItem:function(e){return this.ej2Instances.selectItem(e)},selectMultipleItems:function(e){return this.ej2Instances.selectMultipleItems(e)},showItem:function(e){return this.ej2Instances.showItem(e)},uncheckAllItems:function(){return this.ej2Instances.uncheckAllItems()},uncheckItem:function(e){return this.ej2Instances.uncheckItem(e)},unselectItem:function(e){return this.ej2Instances.unselectItem(e)}}}),m={name:"ejs-listview",install:function(e){e.component(m.name,h)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.ListViewComponent=h,t.ListViewPlugin=m,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-lists.umd.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-vue-lists",
-  "version": "31.2.2",
+  "version": "32.1.19",
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views. for Vue",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -20,9 +20,9 @@
   "es2015": "dist/es6/ej2-vue-lists.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.2",
-    "@syncfusion/ej2-vue-base": "~31.2.2",
-    "@syncfusion/ej2-lists": "31.2.2"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-vue-base": "~32.1.19",
+    "@syncfusion/ej2-lists": "32.1.19"
   },
   "devDependencies": {},
   "scripts": {

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bds-lite.scss';
+@use 'ej2-lists/bds-lite' as *;

package/styles/bds.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bds.scss';
-@import 'sortable/bds.scss';
+@use 'list-view/bds' as *;
+@use 'sortable/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap-dark-lite.scss';
+@use 'ej2-lists/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap-dark.scss';
-@import 'sortable/bootstrap-dark.scss';
+@use 'list-view/bootstrap-dark' as *;
+@use 'sortable/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap-lite.scss';
+@use 'ej2-lists/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap.scss';
-@import 'sortable/bootstrap.scss';
+@use 'list-view/bootstrap' as *;
+@use 'sortable/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap4-lite.scss';
+@use 'ej2-lists/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap4.scss';
-@import 'sortable/bootstrap4.scss';
+@use 'list-view/bootstrap4' as *;
+@use 'sortable/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-lists/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap5-dark.scss';
-@import 'sortable/bootstrap5-dark.scss';
+@use 'list-view/bootstrap5-dark' as *;
+@use 'sortable/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap5-lite.scss';
+@use 'ej2-lists/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/bootstrap5.3-lite.scss';
+@use 'ej2-lists/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap5.3.scss';
-@import 'sortable/bootstrap5.3.scss';
+@use 'list-view/bootstrap5.3' as *;
+@use 'sortable/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,2 +1,2 @@
-@import 'list-view/bootstrap5.scss';
-@import 'sortable/bootstrap5.scss';
+@use 'list-view/bootstrap5' as *;
+@use 'sortable/bootstrap5' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fabric-dark-lite.scss';
+@use 'ej2-lists/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fabric-dark.scss';
-@import 'sortable/fabric-dark.scss';
+@use 'list-view/fabric-dark' as *;
+@use 'sortable/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fabric-lite.scss';
+@use 'ej2-lists/fabric-lite' as *;

package/styles/fabric.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fabric.scss';
-@import 'sortable/fabric.scss';
+@use 'list-view/fabric' as *;
+@use 'sortable/fabric' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fluent-dark-lite.scss';
+@use 'ej2-lists/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fluent-dark.scss';
-@import 'sortable/fluent-dark.scss';
+@use 'list-view/fluent-dark' as *;
+@use 'sortable/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fluent-lite.scss';
+@use 'ej2-lists/fluent-lite' as *;

package/styles/fluent.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fluent.scss';
-@import 'sortable/fluent.scss';
+@use 'list-view/fluent' as *;
+@use 'sortable/fluent' as *;

package/styles/fluent2-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/fluent2-lite.scss';
+@use 'ej2-lists/fluent2-lite' as *;

package/styles/fluent2.scss

@@ -1,2 +1,2 @@
-@import 'list-view/fluent2.scss';
-@import 'sortable/fluent2.scss';
+@use 'list-view/fluent2' as *;
+@use 'sortable/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/highcontrast-light-lite.scss';
+@use 'ej2-lists/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1,2 +1,2 @@
-@import 'list-view/highcontrast-light.scss';
-@import 'sortable/highcontrast-light.scss';
+@use 'list-view/highcontrast-light' as *;
+@use 'sortable/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/highcontrast-lite.scss';
+@use 'ej2-lists/highcontrast-lite' as *;

package/styles/highcontrast.scss

@@ -1,2 +1,2 @@
-@import 'list-view/highcontrast.scss';
-@import 'sortable/highcontrast.scss';
+@use 'list-view/highcontrast' as *;
+@use 'sortable/highcontrast' as *;

package/styles/list-view/bds.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bds.scss';
+@use 'ej2-lists/styles/list-view/bds' as *;

package/styles/list-view/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap-dark.scss';
+@use 'ej2-lists/styles/list-view/bootstrap-dark' as *;

package/styles/list-view/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap.scss';
+@use 'ej2-lists/styles/list-view/bootstrap' as *;

package/styles/list-view/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap4.scss';
+@use 'ej2-lists/styles/list-view/bootstrap4' as *;

package/styles/list-view/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap5-dark.scss';
+@use 'ej2-lists/styles/list-view/bootstrap5-dark' as *;

package/styles/list-view/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap5.3.scss';
+@use 'ej2-lists/styles/list-view/bootstrap5.3' as *;

package/styles/list-view/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/bootstrap5.scss';
+@use 'ej2-lists/styles/list-view/bootstrap5' as *;

package/styles/list-view/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fabric-dark.scss';
+@use 'ej2-lists/styles/list-view/fabric-dark' as *;

package/styles/list-view/fabric.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fabric.scss';
+@use 'ej2-lists/styles/list-view/fabric' as *;

package/styles/list-view/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fluent-dark.scss';
+@use 'ej2-lists/styles/list-view/fluent-dark' as *;

package/styles/list-view/fluent.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fluent.scss';
+@use 'ej2-lists/styles/list-view/fluent' as *;

package/styles/list-view/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/fluent2.scss';
+@use 'ej2-lists/styles/list-view/fluent2' as *;

package/styles/list-view/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/highcontrast-light.scss';
+@use 'ej2-lists/styles/list-view/highcontrast-light' as *;

package/styles/list-view/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/highcontrast.scss';
+@use 'ej2-lists/styles/list-view/highcontrast' as *;

package/styles/list-view/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/material-dark.scss';
+@use 'ej2-lists/styles/list-view/material-dark' as *;

package/styles/list-view/material.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/material.scss';
+@use 'ej2-lists/styles/list-view/material' as *;

package/styles/list-view/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-lists/styles/list-view/material3-dark.scss';
+@use 'ej2-lists/styles/list-view/material3-dark' as *;

package/styles/list-view/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-lists/styles/list-view/material3.scss';
+@use 'ej2-lists/styles/list-view/material3' as *;

package/styles/list-view/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/tailwind-dark.scss';
+@use 'ej2-lists/styles/list-view/tailwind-dark' as *;

package/styles/list-view/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/tailwind.scss';
+@use 'ej2-lists/styles/list-view/tailwind' as *;

package/styles/list-view/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/list-view/tailwind3.scss';
+@use 'ej2-lists/styles/list-view/tailwind3' as *;

package/styles/material-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/material-dark-lite.scss';
+@use 'ej2-lists/material-dark-lite' as *;

package/styles/material-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/material-dark.scss';
-@import 'sortable/material-dark.scss';
+@use 'list-view/material-dark' as *;
+@use 'sortable/material-dark' as *;

package/styles/material-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/material-lite.scss';
+@use 'ej2-lists/material-lite' as *;

package/styles/material.scss

@@ -1,2 +1,2 @@
-@import 'list-view/material.scss';
-@import 'sortable/material.scss';
+@use 'list-view/material' as *;
+@use 'sortable/material' as *;

package/styles/material3-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/material3-dark-lite.scss';
+@use 'ej2-lists/material3-dark-lite' as *;

package/styles/material3-dark.scss

@@ -1,3 +1,2 @@
-
-@import 'list-view/material3-dark.scss';
-@import 'sortable/material3-dark.scss';
+@use 'list-view/material3-dark' as *;
+@use 'sortable/material3-dark' as *;

package/styles/material3-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/material3-lite.scss';
+@use 'ej2-lists/material3-lite' as *;

package/styles/material3.scss

@@ -1,3 +1,2 @@
-
-@import 'list-view/material3.scss';
-@import 'sortable/material3.scss';
+@use 'list-view/material3' as *;
+@use 'sortable/material3' as *;

package/styles/sortable/bds.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bds.scss';
+@use 'ej2-lists/styles/sortable/bds' as *;

package/styles/sortable/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap-dark.scss';
+@use 'ej2-lists/styles/sortable/bootstrap-dark' as *;

package/styles/sortable/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap.scss';
+@use 'ej2-lists/styles/sortable/bootstrap' as *;

package/styles/sortable/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap4.scss';
+@use 'ej2-lists/styles/sortable/bootstrap4' as *;

package/styles/sortable/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap5-dark.scss';
+@use 'ej2-lists/styles/sortable/bootstrap5-dark' as *;

package/styles/sortable/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap5.3.scss';
+@use 'ej2-lists/styles/sortable/bootstrap5.3' as *;

package/styles/sortable/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/bootstrap5.scss';
+@use 'ej2-lists/styles/sortable/bootstrap5' as *;

package/styles/sortable/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fabric-dark.scss';
+@use 'ej2-lists/styles/sortable/fabric-dark' as *;

package/styles/sortable/fabric.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fabric.scss';
+@use 'ej2-lists/styles/sortable/fabric' as *;

package/styles/sortable/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fluent-dark.scss';
+@use 'ej2-lists/styles/sortable/fluent-dark' as *;

package/styles/sortable/fluent.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fluent.scss';
+@use 'ej2-lists/styles/sortable/fluent' as *;

package/styles/sortable/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/fluent2.scss';
+@use 'ej2-lists/styles/sortable/fluent2' as *;

package/styles/sortable/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/highcontrast-light.scss';
+@use 'ej2-lists/styles/sortable/highcontrast-light' as *;

package/styles/sortable/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/highcontrast.scss';
+@use 'ej2-lists/styles/sortable/highcontrast' as *;

package/styles/sortable/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/material-dark.scss';
+@use 'ej2-lists/styles/sortable/material-dark' as *;

package/styles/sortable/material.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/material.scss';
+@use 'ej2-lists/styles/sortable/material' as *;

package/styles/sortable/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-lists/styles/sortable/material3-dark.scss';
+@use 'ej2-lists/styles/sortable/material3-dark' as *;

package/styles/sortable/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-lists/styles/sortable/material3.scss';
+@use 'ej2-lists/styles/sortable/material3' as *;

package/styles/sortable/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/tailwind-dark.scss';
+@use 'ej2-lists/styles/sortable/tailwind-dark' as *;

package/styles/sortable/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/tailwind.scss';
+@use 'ej2-lists/styles/sortable/tailwind' as *;

package/styles/sortable/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/sortable/tailwind3.scss';
+@use 'ej2-lists/styles/sortable/tailwind3' as *;

package/styles/tailwind-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/tailwind-dark-lite.scss';
+@use 'ej2-lists/tailwind-dark-lite' as *;

package/styles/tailwind-dark.scss

@@ -1,2 +1,2 @@
-@import 'list-view/tailwind-dark.scss';
-@import 'sortable/tailwind-dark.scss';
+@use 'list-view/tailwind-dark' as *;
+@use 'sortable/tailwind-dark' as *;

package/styles/tailwind-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/tailwind-lite.scss';
+@use 'ej2-lists/tailwind-lite' as *;

package/styles/tailwind.scss

@@ -1,2 +1,2 @@
-@import 'list-view/tailwind.scss';
-@import 'sortable/tailwind.scss';
+@use 'list-view/tailwind' as *;
+@use 'sortable/tailwind' as *;

package/styles/tailwind3-lite.scss

@@ -1 +1 @@
-@import 'ej2-lists/styles/tailwind3-lite.scss';
+@use 'ej2-lists/tailwind3-lite' as *;

package/styles/tailwind3.scss

@@ -1,2 +1,2 @@
-@import 'list-view/tailwind3.scss';
-@import 'sortable/tailwind3.scss';
+@use 'list-view/tailwind3' as *;
+@use 'sortable/tailwind3' as *;