api generator updates

2023-04-18 16:42:36 +03:00 · 2023-04-18 16:42:36 +03:00 · 4d1e62b33a
parent c4fcf01413
commit 4d1e62b33a
27 changed files with 174 additions and 26 deletions
--- a/api-generator/components/avatar.js
+++ b/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
    }
 };
--- a/api-generator/components/calendar.js
+++ b/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.'
    },
    {
--- a/api-generator/components/carousel.js
+++ b/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.'
    },
    {
--- a/api-generator/components/cascadeselect.js
+++ b/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.'
--- a/api-generator/components/chip.js
+++ b/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.'
--- a/api-generator/components/column.js
+++ b/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',
-        description: 'Custom row checkbox icon template.'
+        name: 'rowreordericon',
+        description: 'Custom row reorder icon template.'
    }
 ];

--- a/api-generator/components/confirmdialog.js
+++ b/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.'
    }
 ];

--- a/api-generator/components/confirmpopup.js
+++ b/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.'
    }
 ];

--- a/api-generator/components/datatable.js
+++ b/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.'
    }
 ];

--- a/api-generator/components/dropdown.js
+++ b/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.'
    }
 ];

--- a/api-generator/components/fileupload.js
+++ b/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'
--- a/api-generator/components/galleria.js
+++ b/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.'
    },
    {
--- a/api-generator/components/inlinemessage.js
+++ b/api-generator/components/inlinemessage.js
@ -15,8 +15,8 @@ const InlineMessageProps = [

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

--- a/api-generator/components/inplace.js
+++ b/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.'
    }
 ];

--- a/api-generator/components/multiselect.js
+++ b/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.'
    }
 ];

--- a/api-generator/components/paginator.js
+++ b/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."
    },
    {
--- a/api-generator/components/picklist.js
+++ b/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."
--- a/api-generator/components/rating.js
+++ b/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
    }
 };
--- a/api-generator/components/sidebar.js
+++ b/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.'
    }
 ];

--- a/api-generator/components/speeddial.js
+++ b/api-generator/components/speeddial.js
@ -137,8 +137,12 @@ const SpeedDialSlots = [
        description: 'Custom content for the item'
    },
    {
-        name: 'toggle',
-        description: 'toggle: toggle metadata'
+        name: 'button',
+        description: 'Custom button template.'
+    },
+    {
+        name: 'icon',
+        description: 'Custom icon template.'
    }
 ];

--- a/api-generator/components/splitbutton.js
+++ b/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.'
--- a/api-generator/components/tag.js
+++ b/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
    }
 };
--- a/api-generator/components/togglebutton.js
+++ b/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
    }
 };
--- a/api-generator/components/toolbar.js
+++ b/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"
    }
 ];

--- a/api-generator/components/treeselect.js
+++ b/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.'
--- a/components/lib/avatar/Avatar.d.ts
+++ b/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[];
 }
--- a/components/lib/scrolltop/ScrollTop.d.ts
+++ b/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[];
 }