api generator updates

api-generator/components/avatar.js

@@ -31,6 +31,13 @@ const AvatarProps = [
     }
 ];
 
+const AvatarSlots = [
+    {
+        name: 'icon',
+        description: 'Custom icon template.'
+    }
+];
+
 const AvatarEvents = [
     {
         name: 'error',
@@ -43,6 +50,7 @@ module.exports = {
         name: 'Avatar',
         description: 'Avatar represents people using icons, labels and images.',
         props: AvatarProps,
+        slots: AvatarSlots,
         events: AvatarEvents
     }
 };

api-generator/components/calendar.js

@@ -466,7 +466,7 @@ const CalendarSlots = [
         description: 'Custom dropdown icon template.'
     },
     {
-        name: 'previcon',
+        name: 'previousicon',
         description: 'Custom previous icon template.'
     },
     {

api-generator/components/carousel.js

@@ -86,6 +86,10 @@ const CarouselProps = [
 ];
 
 const CarouselSlots = [
+    {
+        name: 'header',
+        description: 'Custom content for the component header.'
+    },
     {
         name: 'header',
         description: 'Custom content for the component header.'
@@ -99,7 +103,7 @@ const CarouselSlots = [
         description: 'Custom content for the component item.'
     },
     {
-        name: 'previcon',
+        name: 'previousicon',
         description: 'Custom previous icon template.'
     },
     {

api-generator/components/cascadeselect.js

@@ -284,6 +284,14 @@ const CascadeSelectSlots = [
         name: 'indicator',
         description: 'Custom content for the dropdown indicator.'
     },
+    {
+        name: 'dropdownicon',
+        description: 'Custom dropdown icon template.'
+    },
+    {
+        name: 'loadingicon',
+        description: 'Custom loading icon template.'
+    },
     {
         name: 'optiongroupicon',
         description: 'Custom content for the option group icon.'

api-generator/components/chip.js

@@ -46,6 +46,10 @@ const ChipEvents = [
 ];
 
 const ChipSlots = [
+    {
+        name: 'icon',
+        description: 'Custom icon template of chip component.'
+    },
     {
         name: 'removeicon',
         description: 'Custom remove icon template of chip component.'

api-generator/components/column.js

@@ -290,10 +290,22 @@ const ColumnSlots = [
         name: 'filterapply',
         description: "Custom content for the filter menu's apply section"
     },
+    {
+        name: 'loading',
+        description: 'Custom loading template.'
+    },
     {
         name: 'rowtogglericon',
         description: 'Custom row toggler icon template.'
     },
+    {
+        name: 'rowtogglericon',
+        description: 'Custom row toggler icon template.'
+    },
+    {
+        name: 'rowcheckboxicon',
+        description: 'Custom row checkbox icon template.'
+    },
     {
         name: 'roweditoriniticon',
         description: 'Custom row editor init icon template.'
@@ -331,8 +343,8 @@ const ColumnSlots = [
         description: 'Custom header checkbox icon template.'
     },
     {
-        name: 'rowcheckboxicon',
+        name: 'rowreordericon',
-        description: 'Custom row checkbox icon template.'
+        description: 'Custom row reorder icon template.'
     }
 ];
 

api-generator/components/confirmdialog.js

@@ -22,7 +22,19 @@ const ConfirmDialogProps = [
 const ConfirmDialogSlots = [
     {
         name: 'message',
-        description: 'Custom content for the component.'
+        description: 'Custom icon template.'
+    },
+    {
+        name: 'icon',
+        description: 'Custom icon template.'
+    },
+    {
+        name: 'accepticon',
+        description: 'Custom accept icon template.'
+    },
+    {
+        name: 'rejecticon',
+        description: 'Custom reject icon template.'
     }
 ];
 

api-generator/components/confirmpopup.js

@@ -11,6 +11,18 @@ const ConfirmPopupSlots = [
     {
         name: 'message',
         description: 'Custom content for the component.'
+    },
+    {
+        name: 'icon',
+        description: 'Custom icon template.'
+    },
+    {
+        name: 'accepticon',
+        description: 'Custom accept icon template.'
+    },
+    {
+        name: 'rejecticon',
+        description: 'Custom reject icon template.'
     }
 ];
 

api-generator/components/datatable.js

@@ -1142,6 +1142,10 @@ const DataTableSlots = [
         name: 'groupfooter',
         description: "Custom content for the component's subgroup footer."
     },
+    {
+        name: 'loading',
+        description: 'Custom loading template.'
+    },
     {
         name: 'loadingicon',
         description: 'Custom loading icon template.'
@@ -1173,6 +1177,10 @@ const DataTableSlots = [
     {
         name: 'paginatorlastpagelinkicon',
         description: 'Custom paginator last page link icon template.'
+    },
+    {
+        name: 'empty',
+        description: 'Custom empty template.'
     }
 ];
 

api-generator/components/dropdown.js

@@ -372,6 +372,22 @@ const DropdownSlots = [
     {
         name: 'loader',
         description: 'Custom content for the virtual scroller loader items'
+    },
+    {
+        name: 'clearicon',
+        description: 'Custom clear icon template.'
+    },
+    {
+        name: 'dropdownicon',
+        description: 'Custom dropdown icon template.'
+    },
+    {
+        name: 'loadingicon',
+        description: 'Custom loading icon template.'
+    },
+    {
+        name: 'filtericon',
+        description: 'Custom filter icon template.'
     }
 ];
 

api-generator/components/fileupload.js

@@ -276,6 +276,14 @@ const FileUploadEvents = [
 ];
 
 const FileUploadSlots = [
+    {
+        name: 'header',
+        description: 'Custom header template.'
+    },
+    {
+        name: 'content',
+        description: 'Custom content template.'
+    },
     {
         name: 'empty',
         description: 'Custom content when there is no selected file'

api-generator/components/galleria.js

@@ -175,7 +175,7 @@ const GalleriaSlots = [
         description: 'Custom close icon template.'
     },
     {
-        name: 'previtemicon',
+        name: 'previousitemicon',
         description: 'Custom navigator previous item icon template.'
     },
     {
@@ -183,7 +183,7 @@ const GalleriaSlots = [
         description: 'Custom navigator next item icon template.'
     },
     {
-        name: 'prevthumbnailicon',
+        name: 'previousthumbnailicon',
         description: 'Custom thumbnail previous icon template.'
     },
     {

api-generator/components/inlinemessage.js

@@ -15,8 +15,8 @@ const InlineMessageProps = [
 
 const MessageSlots = [
     {
-        name: 'messageicon',
+        name: 'icon',
-        description: 'Custom message icon template.'
+        description: 'Custom icon template.'
     }
 ];
 

api-generator/components/inplace.js

@@ -47,11 +47,15 @@ const InplaceEvents = [
 const InplaceSlots = [
     {
         name: 'display',
-        description: 'Output content'
+        description: 'Custom display template.'
     },
     {
         name: 'content',
-        description: 'Actual content'
+        description: 'Custom content template.'
+    },
+    {
+        name: 'closeicon',
+        description: 'Custom close icon template.'
     }
 ];
 

api-generator/components/multiselect.js

@@ -448,6 +448,14 @@ const MultiSelectSlots = [
     {
         name: 'itemcheckboxicon',
         description: 'Custom item checkbox icon template.'
+    },
+    {
+        name: 'loadingicon',
+        description: 'Custom loading icon template.'
+    },
+    {
+        name: 'dropdownicon',
+        description: 'Custom dropdown icon template.'
     }
 ];
 

api-generator/components/paginator.js

@@ -80,11 +80,11 @@ const PaginatorEvents = [
 
 const PaginatorSlots = [
     {
-        name: 'left',
+        name: 'start',
         description: "Custom content for the component's left side."
     },
     {
-        name: 'right',
+        name: 'end',
         description: "Custom content for the component's right side."
     },
     {

api-generator/components/picklist.js

@@ -172,6 +172,10 @@ const PickListEvents = [
 ];
 
 const PickListSlots = [
+    {
+        name: 'header',
+        description: 'Custom header template.'
+    },
     {
         name: 'sourceheader',
         description: "Custom content for the component's source header."

api-generator/components/rating.js

@@ -49,6 +49,21 @@ const RatingProps = [
     }
 ];
 
+const RatingSlots = [
+    {
+        name: 'cancelicon',
+        description: 'Custom cancel icon template.'
+    },
+    {
+        name: 'onicon',
+        description: 'Custom on icon template.'
+    },
+    {
+        name: 'officon',
+        description: 'Custom off icon template.'
+    }
+];
+
 const RatingEvents = [
     {
         name: 'change',
@@ -73,6 +88,7 @@ module.exports = {
         name: 'rating',
         description: 'Rating component is a star based selection input.',
         props: RatingProps,
+        slots: RatingSlots,
         events: RatingEvents
     }
 };

api-generator/components/sidebar.js

@@ -80,6 +80,10 @@ const SidebarSlots = [
     {
         name: 'header',
         description: 'Custom content for the component header.'
+    },
+    {
+        name: 'closeicon',
+        description: 'Custom close icon template.'
     }
 ];
 

api-generator/components/speeddial.js

@@ -137,8 +137,12 @@ const SpeedDialSlots = [
         description: 'Custom content for the item'
     },
     {
-        name: 'toggle',
+        name: 'button',
-        description: 'toggle: toggle metadata'
+        description: 'Custom button template.'
+    },
+    {
+        name: 'icon',
+        description: 'Custom icon template.'
     }
 ];
 

api-generator/components/splitbutton.js

@@ -118,6 +118,10 @@ const SplitButtonEvents = [
 ];
 
 const SplitButtonSlots = [
+    {
+        name: 'icon',
+        description: 'Custom icon template.'
+    },
     {
         name: 'menubuttonicon',
         description: 'Custom menu button icon template.'

api-generator/components/tag.js

@@ -25,10 +25,18 @@ const TagProps = [
     }
 ];
 
+const TagSlots = [
+    {
+        name: 'icon',
+        description: 'custom icon template.'
+    }
+];
+
 module.exports = {
     tag: {
         name: 'Tag',
         description: 'Tag component is used to categorize content.',
-        props: TagProps
+        props: TagProps,
+        slots: TagSlots
     }
 };

api-generator/components/togglebutton.js

@@ -109,11 +109,19 @@ const ToggleButtonEvents = [
     }
 ];
 
+const ToggleButtonSlots = [
+    {
+        name: 'icon',
+        description: 'custom icon template.'
+    }
+];
+
 module.exports = {
     togglebutton: {
         name: 'ToggleButton',
         description: 'ToggleButton is used to select a boolean value using a button.',
         props: ToggleButtonProps,
+        slots: ToggleButtonSlots,
         events: ToggleButtonEvents
     }
 };

api-generator/components/toolbar.js

@@ -21,6 +21,10 @@ const ToolbarSlots = [
     {
         name: 'end',
         description: "Custom content for the component's right side"
+    },
+    {
+        name: 'center',
+        description: "Custom content for the component's center"
     }
 ];
 

api-generator/components/treeselect.js

@@ -199,14 +199,6 @@ const TreeSelectSlots = [
         name: 'triggericon',
         description: 'Custom content for the dropdown indicator'
     },
-    {
-        name: 'loadingicon',
-        description: 'Custom loading icon template.'
-    },
-    {
-        name: 'searchicon',
-        description: 'Custom search icon template.'
-    },
     {
         name: 'itemtogglericon',
         description: 'Custom item toggler icon template.'

components/lib/avatar/Avatar.d.ts

@@ -55,7 +55,7 @@ export interface AvatarSlots {
      */
     default(): VNode[];
     /**
-     * Content can easily be customized with the default slot instead of using the built-in modes.
+     * Custom icon template.
      */
     icon(): VNode[];
 }

components/lib/scrolltop/ScrollTop.d.ts

@@ -26,6 +26,7 @@ export interface ScrollTopProps {
     threshold?: number | undefined;
     /**
      * Icon to display.
+     * @deprecated since v3.27.0. Use 'icon' slot.
      */
     icon?: string | undefined;
     /**
@@ -41,7 +42,6 @@ export interface ScrollTopProps {
 export interface ScrollTopSlots {
     /**
      * Custom scrolltop icon template.
-     * @deprecated since v3.27.0. Use 'icon' slot.
      */
     icon(): VNode[];
 }