From 03d111f2156907990fe768ff8907e43496e3d12f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 17 Aug 2021 17:09:43 +0300
Subject: [PATCH] Refactor #1451 - update d.ts, docs, api-generator

---
 api-generator/components/autocomplete.js            |  8 ++++++++
 api-generator/components/dropdown.js                |  8 ++++++++
 api-generator/components/listbox.js                 |  8 ++++++++
 api-generator/components/multiselect.js             |  8 ++++++++
 api-generator/components/virtualscroller.js         |  4 ++++
 src/components/autocomplete/AutoComplete.d.ts       |  2 ++
 src/components/dropdown/Dropdown.d.ts               |  2 ++
 src/components/listbox/Listbox.d.ts                 |  2 ++
 src/components/multiselect/MultiSelect.d.ts         |  2 ++
 src/components/virtualscroller/VirtualScroller.d.ts |  1 +
 src/views/autocomplete/AutoCompleteDoc.vue          | 11 +++++++++++
 src/views/dropdown/DropdownDoc.vue                  | 11 +++++++++++
 src/views/listbox/ListboxDoc.vue                    | 11 +++++++++++
 src/views/virtualscroller/VirtualScrollerDoc.vue    |  7 +++++++
 14 files changed, 85 insertions(+)

diff --git a/api-generator/components/autocomplete.js b/api-generator/components/autocomplete.js
index 45e6729f9..56c7126a5 100644
--- a/api-generator/components/autocomplete.js
+++ b/api-generator/components/autocomplete.js
@@ -212,6 +212,14 @@ const AutoCompleteSlots = [
     {
         name: "chip",
         description: "Custom content for the chip display."
+    },
+    {
+        name: "content",
+        description: "Custom content for the virtual scroller"
+    },
+    {
+        name: "loader",
+        description: "Custom content for the virtual scroller loader items"
     }
 ];
 
diff --git a/api-generator/components/dropdown.js b/api-generator/components/dropdown.js
index 909e8a70c..f2a894631 100644
--- a/api-generator/components/dropdown.js
+++ b/api-generator/components/dropdown.js
@@ -275,6 +275,14 @@ const DividerSlots = [
     {
         name: "empty",
         description: "Custom content when there is no data to display"
+    },
+    {
+        name: "content",
+        description: "Custom content for the virtual scroller"
+    },
+    {
+        name: "loader",
+        description: "Custom content for the virtual scroller loader items"
     }
 ];
 
diff --git a/api-generator/components/listbox.js b/api-generator/components/listbox.js
index efed4b69b..37413fe1f 100644
--- a/api-generator/components/listbox.js
+++ b/api-generator/components/listbox.js
@@ -180,6 +180,14 @@ const ListboxSlots = [
     {
         name: "empty",
         description: "Custom content when there is no data to display"
+    },
+    {
+        name: "content",
+        description: "Custom content for the virtual scroller"
+    },
+    {
+        name: "loader",
+        description: "Custom content for the virtual scroller loader items"
     }
 ];
 
diff --git a/api-generator/components/multiselect.js b/api-generator/components/multiselect.js
index 5633618d1..fac8385ca 100644
--- a/api-generator/components/multiselect.js
+++ b/api-generator/components/multiselect.js
@@ -286,6 +286,14 @@ const MultiSelectSlots = [
     {
         name: "chip",
         description: "Custom content for the chip display."
+    },
+    {
+        name: "content",
+        description: "Custom content for the virtual scroller"
+    },
+    {
+        name: "loader",
+        description: "Custom content for the virtual scroller loader items"
     }
 ];
 
diff --git a/api-generator/components/virtualscroller.js b/api-generator/components/virtualscroller.js
index 143fd2f33..e454f8b89 100644
--- a/api-generator/components/virtualscroller.js
+++ b/api-generator/components/virtualscroller.js
@@ -107,6 +107,10 @@ const VirtualScrollerSlots = [
         name: "item",
         description: "Content for the item"
     },
+    {
+        name: "content",
+        description: "Custom content for the component"
+    }
     {
         name: "loader",
         description: "Custom content for the loader items"
diff --git a/src/components/autocomplete/AutoComplete.d.ts b/src/components/autocomplete/AutoComplete.d.ts
index 1f10644d7..558c40c7d 100755
--- a/src/components/autocomplete/AutoComplete.d.ts
+++ b/src/components/autocomplete/AutoComplete.d.ts
@@ -38,6 +38,8 @@ declare class AutoComplete {
         header: VNode[];
         footer: VNode[];
         chip: VNode[];
+        content: VNode[];
+        loader: VNode[];
     };
 }
 
diff --git a/src/components/dropdown/Dropdown.d.ts b/src/components/dropdown/Dropdown.d.ts
index e00d7d9f9..e00dd570e 100755
--- a/src/components/dropdown/Dropdown.d.ts
+++ b/src/components/dropdown/Dropdown.d.ts
@@ -51,6 +51,8 @@ declare class Dropdown {
         optiongroup: VNode[];
         emptyfilter: VNode[];
         empty: VNode[];
+        content: VNode[];
+        loader: VNode[];
     }
 }
 
diff --git a/src/components/listbox/Listbox.d.ts b/src/components/listbox/Listbox.d.ts
index 651f41015..22ec4eec4 100755
--- a/src/components/listbox/Listbox.d.ts
+++ b/src/components/listbox/Listbox.d.ts
@@ -36,6 +36,8 @@ declare class Listbox {
         optiongroup: VNode[];
         emptyfilter: VNode[];
         empty: VNode[];
+        content: VNode[];
+        loader: VNode[];
     }
 }
 
diff --git a/src/components/multiselect/MultiSelect.d.ts b/src/components/multiselect/MultiSelect.d.ts
index 5ab06ffe5..5c32208cf 100755
--- a/src/components/multiselect/MultiSelect.d.ts
+++ b/src/components/multiselect/MultiSelect.d.ts
@@ -55,6 +55,8 @@ declare class MultiSelect {
         option: VNode[];
         optiongroup: VNode[];
         chip: VNode[];
+        content: VNode[];
+        loader: VNode[];
     }
 }
 
diff --git a/src/components/virtualscroller/VirtualScroller.d.ts b/src/components/virtualscroller/VirtualScroller.d.ts
index dcebabbf0..aae82fd9d 100644
--- a/src/components/virtualscroller/VirtualScroller.d.ts
+++ b/src/components/virtualscroller/VirtualScroller.d.ts
@@ -21,6 +21,7 @@ declare class VirtualScroller {
     $emit(eventName: 'scroll-index-change', value: { first: number, last: number }): this;
     $emit(eventName: 'lazy-load', value: { first: number, last: number }): this;
     $slots: { 
+        content: VNode[];
         items: VNode[];
         loader: VNode[];
     }
diff --git a/src/views/autocomplete/AutoCompleteDoc.vue b/src/views/autocomplete/AutoCompleteDoc.vue
index 978493150..1a1546447 100755
--- a/src/views/autocomplete/AutoCompleteDoc.vue
+++ b/src/views/autocomplete/AutoCompleteDoc.vue
@@ -347,6 +347,17 @@ export default {
                     <tr>
                         <td>chip</td>
                         <td>value: A value in the selection</td>
+                    </tr>
+                    <tr>
+                        <td>content</td>
+                        <td>items: An array of objects to display for virtualscroller<br />
+                            styleClass: Style class of the component<br />
+                            contentRef: Referance of the content<br />
+                            getItemOptions: Options of the items</td>
+                    </tr>
+                    <tr>
+                        <td>loader</td>
+                        <td>options: Options of the loader items for virtualscroller</td>
                     </tr>
 				</tbody>
 			</table>
diff --git a/src/views/dropdown/DropdownDoc.vue b/src/views/dropdown/DropdownDoc.vue
index fab5eaa0a..12ca6554e 100755
--- a/src/views/dropdown/DropdownDoc.vue
+++ b/src/views/dropdown/DropdownDoc.vue
@@ -427,6 +427,17 @@ export default {
                     <tr>
                         <td>empty</td>
                         <td>-</td>
+                    </tr>
+                    <tr>
+                        <td>content</td>
+                        <td>items: An array of objects to display for virtualscroller<br />
+                            styleClass: Style class of the component<br />
+                            contentRef: Referance of the content<br />
+                            getItemOptions: Options of the items</td>
+                    </tr>
+                    <tr>
+                        <td>loader</td>
+                        <td>options: Options of the loader items for virtualscroller</td>
                     </tr>
 				</tbody>
 			</table>
diff --git a/src/views/listbox/ListboxDoc.vue b/src/views/listbox/ListboxDoc.vue
index b03326df7..81f2cb0f9 100755
--- a/src/views/listbox/ListboxDoc.vue
+++ b/src/views/listbox/ListboxDoc.vue
@@ -310,6 +310,17 @@ export default {
                     <tr>
                         <td>empty</td>
                         <td>-</td>
+                    </tr>
+                    <tr>
+                        <td>content</td>
+                        <td>items: An array of objects to display for virtualscroller<br />
+                            styleClass: Style class of the component<br />
+                            contentRef: Referance of the content<br />
+                            getItemOptions: Options of the items</td>
+                    </tr>
+                    <tr>
+                        <td>loader</td>
+                        <td>options: Options of the loader items for virtualscroller</td>
                     </tr>
 				</tbody>
 			</table>
diff --git a/src/views/virtualscroller/VirtualScrollerDoc.vue b/src/views/virtualscroller/VirtualScrollerDoc.vue
index 9cc9af342..e5c08bd27 100644
--- a/src/views/virtualscroller/VirtualScrollerDoc.vue
+++ b/src/views/virtualscroller/VirtualScrollerDoc.vue
@@ -278,6 +278,13 @@ export default {
                     </tr>
                 </thead>
                 <tbody>
+                    <tr>
+                        <td>content</td>
+                        <td>items: An array of objects to display.<br />
+                            styleClass: Style class of the component<br />
+                            contentRef: Referance of the content<br />
+                            getItemOptions: Options of the items</td>
+                    </tr>
                     <tr>
                         <td>item</td>
                         <td>item: Item instance<br />