@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.8 → 0.58.0-rc.81

package/side-navigation-group/index.d.ts

@@ -24,6 +24,29 @@ declare class SideNavigationGroup implements AfterViewInit {
   when the component is collapsed ("icon only" design is visualized) or the item text is truncated.
      */
     tooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines nested items by passing `ui5-side-navigation-item` to the default slot.
+     *
+     * @example
+     * ```html
+     * <ui5-side-navigation-group>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-side-navigation-group>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_SideNavigationGroup>;
     injector: Injector;
     get element(): _SideNavigationGroup;

package/side-navigation-item/index.d.ts

@@ -94,6 +94,29 @@ declare class SideNavigationItem implements AfterViewInit {
      * Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.
      */
     ui5Click: _angular_core.OutputEmitterRef<UI5CustomEvent<_SideNavigationItem, "click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.
+     *
+     * @example
+     * ```html
+     * <ui5-side-navigation-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-side-navigation-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_SideNavigationItem>;
     injector: Injector;
     get element(): _SideNavigationItem;

package/timeline/index.d.ts

@@ -39,6 +39,29 @@ declare class Timeline implements AfterViewInit {
   **Note:** The event will be fired if `growing` is set to `Button` or `Scroll`.
      */
     ui5LoadMore: _angular_core.OutputEmitterRef<UI5CustomEvent<_Timeline, "load-more">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Determines the content of the `ui5-timeline`.
+     *
+     * @example
+     * ```html
+     * <ui5-timeline>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-timeline>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Timeline>;
     injector: Injector;
     get element(): _Timeline;

package/timeline-group-item/index.d.ts

@@ -16,6 +16,29 @@ declare class TimelineGroupItem implements AfterViewInit {
      * Fired when the group item is expanded or collapsed.
      */
     ui5Toggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimelineGroupItem, "toggle">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Determines the content of the `ui5-timeline-group-item`.
+     *
+     * @example
+     * ```html
+     * <ui5-timeline-group-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-timeline-group-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_TimelineGroupItem>;
     injector: Injector;
     get element(): _TimelineGroupItem;

package/timeline-item/index.d.ts

@@ -39,6 +39,29 @@ declare class TimelineItem implements AfterViewInit {
   attribute is not set.
      */
     ui5NameClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_TimelineItem, "name-click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the content of the `ui5-timeline-item`.
+     *
+     * @example
+     * ```html
+     * <ui5-timeline-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-timeline-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_TimelineItem>;
     injector: Injector;
     get element(): _TimelineItem;

package/upload-collection/index.d.ts

@@ -43,6 +43,36 @@ declare class UploadCollection implements AfterViewInit {
   in `Single` and `Multiple` modes.
      */
     ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollection, "selection-change">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of the `ui5-upload-collection`.
+  
+  **Note:** Use `ui5-upload-collection-item` for the intended design.
+     * - **header**: Defines the `ui5-upload-collection` header.
+  
+  **Note:** If `header` slot is provided,
+  the labelling of the `UploadCollection` is a responsibility of the application developer.
+  `accessibleName` should be used.
+     *
+     * @example
+     * ```html
+     * <ui5-upload-collection>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-upload-collection>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_UploadCollection>;
     injector: Injector;
     get element(): _UploadCollection;

package/upload-collection-item/index.d.ts

@@ -74,6 +74,32 @@ declare class UploadCollectionItem implements AfterViewInit {
   **Note:** Retry button is displayed when `uploadState` property is set to `Error`.
      */
     ui5Retry: _angular_core.OutputEmitterRef<UI5CustomEvent<_UploadCollectionItem, "retry">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Hold the description of the `ui5-upload-collection-item`. Will be shown below the file name.
+     * - **thumbnail**: A thumbnail, which will be shown in the beginning of the `ui5-upload-collection-item`.
+  
+  **Note:** Use `ui5-icon` or `img` for the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-upload-collection-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-upload-collection-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_UploadCollectionItem>;
     injector: Injector;
     get element(): _UploadCollectionItem;

package/user-menu/index.d.ts

@@ -62,6 +62,33 @@ declare class UserMenu implements AfterViewInit {
      * Fired when the "Sign Out" button is selected.
      */
     ui5SignOutClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserMenu, "sign-out-click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the menu items.
+     * - **accounts**: Defines the user accounts.
+  
+  **Note:** If one item is used, it will be shown as the selected one. If more than one item is used, the first one will be shown as selected unless
+  there is an item with `selected` property set to `true`.
+     *
+     * @example
+     * ```html
+     * <ui5-user-menu>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-menu>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_UserMenu>;
     injector: Injector;
     get element(): _UserMenu;

package/user-menu-item/index.d.ts

@@ -3,6 +3,31 @@ import { AfterViewInit, ElementRef, Injector } from '@angular/core';
 import _UserMenuItem from '@ui5/webcomponents-fiori/dist/UserMenuItem.js';
 
 declare class UserMenuItem implements AfterViewInit {
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the items of this component.
+  
+  **Note:** Use `ui5-user-menu-item` for the intended design.
+     *
+     * @example
+     * ```html
+     * <ui5-user-menu-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-menu-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_UserMenuItem>;
     injector: Injector;
     get element(): _UserMenuItem;

package/user-settings-account-view/index.d.ts

@@ -0,0 +1,64 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef, Injector } from '@angular/core';
+import _UserSettingsAccountView from '@ui5/webcomponents-fiori/dist/UserSettingsAccountView.js';
+import { UI5CustomEvent } from '@ui5/webcomponents-base';
+
+declare class UserSettingsAccountView implements AfterViewInit {
+    /**
+     * Defines if the User Menu shows the `Manage Account` option.
+     */
+    showManageAccount: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines the title text of the user settings view.
+     */
+    text: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines whether the view is selected. There can be just one selected view at a time.
+     */
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Indicates whether the view is secondary. It is relevant only if the view is used in `pages` slot of `ui5-user-settings-item`
+  and controls the visibility of the back button.
+     */
+    secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fired when the `Edit Accounts` button is selected.
+     */
+    ui5EditAccountsClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsAccountView, "edit-accounts-click">>;
+    /**
+     * Fired when the `Manage Account` button is selected.
+     */
+    ui5ManageAccountClick: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsAccountView, "manage-account-click">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **account**: Defines the user account.
+     * - **(default)**: Defines the content of the view.
+     *
+     * @example
+     * ```html
+     * <ui5-user-settings-account-view>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-settings-account-view>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
+    elementRef: ElementRef<_UserSettingsAccountView>;
+    injector: Injector;
+    get element(): _UserSettingsAccountView;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserSettingsAccountView, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSettingsAccountView, "ui5-user-settings-account-view, [ui5-user-settings-account-view]", ["ui5UserSettingsAccountView"], { "showManageAccount": { "alias": "showManageAccount"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "secondary": { "alias": "secondary"; "required": false; "isSignal": true; }; }, { "ui5EditAccountsClick": "ui5EditAccountsClick"; "ui5ManageAccountClick": "ui5ManageAccountClick"; }, never, ["*"], true, never>;
+}
+
+export { UserSettingsAccountView };

package/user-settings-dialog/index.d.ts

@@ -34,6 +34,32 @@ declare class UserSettingsDialog implements AfterViewInit {
      * Fired when a settings dialog is closed.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsDialog, "close">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the user settings items.
+  
+  **Note:**  If no setting item is set as `selected`, the first one will be selected.
+     * - **fixedItems**: Defines the fixed user settings items.
+     *
+     * @example
+     * ```html
+     * <ui5-user-settings-dialog>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-settings-dialog>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_UserSettingsDialog>;
     injector: Injector;
     get element(): _UserSettingsDialog;

package/user-settings-item/index.d.ts

@@ -48,6 +48,35 @@ declare class UserSettingsItem implements AfterViewInit {
      * Fired when a selected view changed.
      */
     ui5SelectionChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_UserSettingsItem, "selection-change">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the page views of the user settings item.
+  
+  If there are no tab views, the first page view will be shown unless there is selected one. If there is selected page
+  view it will be shown no matter if there are tab views.
+  
+  The page views are displayed by default if there is no selected tab view.
+     * - **tabs**: Defines the tab views of the user settings item.
+     *
+     * @example
+     * ```html
+     * <ui5-user-settings-item>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-settings-item>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_UserSettingsItem>;
     injector: Injector;
     get element(): _UserSettingsItem;

package/user-settings-view/index.d.ts

@@ -16,6 +16,29 @@ declare class UserSettingsView implements AfterViewInit {
   and controls the visibility of the back button.
      */
     secondary: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the content of the view.
+     *
+     * @example
+     * ```html
+     * <ui5-user-settings-view>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-user-settings-view>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_UserSettingsView>;
     injector: Injector;
     get element(): _UserSettingsView;

package/view-settings-dialog/index.d.ts

@@ -36,6 +36,37 @@ declare class ViewSettingsDialog implements AfterViewInit {
      * Fired after the dialog is closed.
      */
     ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_ViewSettingsDialog, "close">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **sortItems**: Defines the list of items against which the user could sort data.
+  
+  **Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/SortItem.js";`
+     * - **filterItems**: Defines the `filterItems` list.
+  
+  **Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/FilterItem.js";`
+     * - **groupItems**: Defines the list of items against which the user could group data.
+  
+  **Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/GroupItem.js";`
+     *
+     * @example
+     * ```html
+     * <ui5-view-settings-dialog>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-view-settings-dialog>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_ViewSettingsDialog>;
     injector: Injector;
     get element(): _ViewSettingsDialog;

package/wizard/index.d.ts

@@ -13,6 +13,31 @@ declare class Wizard implements AfterViewInit {
   or by clicking on the steps within the component header.
      */
     ui5StepChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_Wizard, "step-change">>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the steps.
+  
+  **Note:** Use the available `ui5-wizard-step` component.
+     *
+     * @example
+     * ```html
+     * <ui5-wizard>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-wizard>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_Wizard>;
     injector: Injector;
     get element(): _Wizard;

package/wizard-step/index.d.ts

@@ -47,6 +47,29 @@ declare class WizardStep implements AfterViewInit {
   and later add new steps when it becomes clear how the wizard flow should continue.
      */
     branching: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Available slots for content projection in this component.
+     *
+     * Slots allow you to insert custom content into predefined areas of the web component.
+     * Use the `slot` attribute on child elements to target specific slots.
+     *
+     * - **(default)**: Defines the step content.
+     *
+     * @example
+     * ```html
+     * <ui5-wizard-step>
+     *   <div slot="header">Custom header content</div>
+     *   <p>Default slot content</p>
+     * </ui5-wizard-step>
+     * ```
+     *
+     * @readonly
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
+     */
+    readonly slots: {
+        name: string;
+        description: string;
+    }[];
     elementRef: ElementRef<_WizardStep>;
     injector: Injector;
     get element(): _WizardStep;