vueless 0.0.404 → 0.0.405

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.404",
+  "version": "0.0.405",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-list/UDataList.vue

@@ -2,12 +2,23 @@
   <div v-bind="wrapperAttrs">
     <UDivider v-if="upperlined" size="xl" padding="after" v-bind="dividerAttrs" />
 
-    <UEmpty
+    <!--
+      @slot Use it to add something instead of the drag icon.
+      @binding {string} empty-title
+      @binding {string} empty-description
+    -->
+    <slot
       v-if="!hideEmptyStateForNesting && !list?.length"
-      :title="emptyTitle || currentLocale.emptyTitle"
-      :description="emptyDescription || currentLocale.emptyDescription"
-      v-bind="emptyAttrs"
-    />
+      name="empty"
+      :empty-title="emptyTitle"
+      :empty-description="emptyDescription"
+    >
+      <UEmpty
+        :title="emptyTitle || currentLocale.emptyTitle"
+        :description="emptyDescription || currentLocale.emptyDescription"
+        v-bind="emptyAttrs"
+      />
+    </slot>
 
     <draggable
       v-else
@@ -27,6 +38,7 @@
           <div :data-test="`${dataTest}-item-${element[valueKey]}`" v-bind="itemAttrs">
             <!--
               @slot Use it to add something instead of the drag icon.
+              @binding {string} icon-name
               @binding {string} icon-size
             -->
             <slot name="drag" :icon-name="config.defaults.dragIcon" :icon-size="iconSize">
@@ -43,6 +55,7 @@
               <!--
                 @slot Use it to modify label.
                 @binding {object} item
+                @binding {boolean} active
               -->
               <slot name="label" :item="element" :active="isActive(element)">
                 {{ element[labelKey] }}
@@ -63,6 +76,7 @@
 
               <!--
                 @slot Use it to add something instead of the delete icon.
+                @binding {string} icon-name
                 @binding {string} icon-size
               -->
               <slot name="delete" :icon-name="config.defaults.deleteIcon" :icon-size="iconSize">
@@ -82,6 +96,7 @@
 
               <!--
                 @slot Use it to add something instead of the edit icon.
+                @binding {string} icon-name
                 @binding {string} icon-size
               -->
               <slot name="edit" :icon-name="config.defaults.editIcon" :icon-size="iconSize">
@@ -114,6 +129,11 @@
             @drag-sort="onDragEnd"
           >
             <template #label="{ item, active }">
+              <!--
+                @slot Use it to modify label.
+                @binding {object} item
+                @binding {boolean} active
+              -->
               <slot name="label" :item="item" :active="active">
                 <div v-bind="active ? labelCrossedAttrs : labelAttrs" v-text="item[labelKey]" />
               </slot>
@@ -152,7 +172,7 @@ defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Data list array.
+   * Data item options.
    */
   list: {
     type: Array,
@@ -217,7 +237,7 @@ const props = defineProps({
   },
 
   /**
-   * Enables nesting.
+   * Enable nesting.
    */
   nesting: {
     type: Boolean,

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.404",
+  "version": "0.0.405",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2054,7 +2054,7 @@
           "attributes": [
             {
               "name": "list",
-              "description": "Data list array.",
+              "description": "Data item options.",
               "value": {
                 "kind": "expression",
                 "type": "array"
@@ -2126,7 +2126,7 @@
             },
             {
               "name": "nesting",
-              "description": "Enables nesting.",
+              "description": "Enable nesting.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -2221,12 +2221,28 @@
             }
           ],
           "slots": [
+            {
+              "name": "empty",
+              "scoped": true,
+              "description": "Use it to add something instead of the drag icon.",
+              "bindings": [
+                {
+                  "type": "string",
+                  "name": "empty-title"
+                },
+                {
+                  "type": "string",
+                  "name": "empty-description"
+                }
+              ]
+            },
             {
               "name": "drag",
               "scoped": true,
               "description": "Use it to add something instead of the drag icon.",
               "bindings": [
                 {
+                  "type": "string",
                   "name": "icon-name"
                 },
                 {
@@ -2241,9 +2257,11 @@
               "description": "Use it to modify label.",
               "bindings": [
                 {
+                  "type": "object",
                   "name": "item"
                 },
                 {
+                  "type": "boolean",
                   "name": "active"
                 }
               ]
@@ -2265,6 +2283,7 @@
               "description": "Use it to add something instead of the delete icon.",
               "bindings": [
                 {
+                  "type": "string",
                   "name": "icon-name"
                 },
                 {
@@ -2279,6 +2298,7 @@
               "description": "Use it to add something instead of the edit icon.",
               "bindings": [
                 {
+                  "type": "string",
                   "name": "icon-name"
                 },
                 {