@fundamental-ngx/ui5-webcomponents-fiori 0.58.0-rc.63 → 0.58.0-rc.65

package/README.md

@@ -1,3 +1,77 @@
 # ui5-webcomponents-fiori
 
-ui5-wecomponents-fiori package
+Angular component wrappers around the [@ui5/webcomponents-fiori](https://www.npmjs.com/package/@ui5/webcomponents-fiori) npm package.
+
+## Overview
+
+This library provides Angular components that wrap UI5 Fiori Web Components, enabling you to build SAP Fiori-compliant applications with Angular. These components include higher-level patterns and layouts specific to enterprise applications.
+
+- Angular-friendly API (inputs, outputs, template syntax)
+- TypeScript type definitions
+- Full integration with Angular's change detection
+- Standalone components support
+- SAP Fiori design guidelines compliance
+
+## Installation
+
+```bash
+npm install @fundamental-ngx/ui5-webcomponents-fiori
+```
+
+## Usage
+
+Import the Fiori components you need:
+
+```typescript
+import { ShellBar } from '@fundamental-ngx/ui5-webcomponents-fiori/shell-bar';
+import { DynamicPage } from '@fundamental-ngx/ui5-webcomponents-fiori/dynamic-page';
+import { Timeline } from '@fundamental-ngx/ui5-webcomponents-fiori/timeline';
+
+@Component({
+  selector: 'app-example',
+  standalone: true,
+  imports: [ShellBar, DynamicPage, Timeline],
+  template: `
+    <ui5-shellbar
+      primary-title="My App"
+      (profile-click)="handleProfile()">
+    </ui5-shellbar>
+    <ui5-dynamic-page>
+      <!-- Page content -->
+    </ui5-dynamic-page>
+  `
+})
+export class ExampleComponent {
+  handleProfile() {
+    console.log('Profile clicked!');
+  }
+}
+```
+
+### Using Angular Components Inside UI5 Components
+
+Angular components often use selectors with hyphens (e.g. `<app-item>`, `<app-value>`).
+UI5 interprets such tags as custom elements and may wait **up to 1 second** for their registration, causing delayed rendering inside components like `<ui5-table-cell>`.
+
+To avoid this, configure UI5 to ignore Angular component prefixes:
+
+```ts
+// ui5-init.ts
+import { ignoreCustomElements } from '@ui5/webcomponents-base/dist/IgnoreCustomElements.js';
+
+ignoreCustomElements('app-');
+```
+
+Import it before Angular bootstraps:
+```ts
+// main.ts
+import './ui5-init';
+```
+
+This prevents unnecessary waiting, ensures smooth rendering, and improves performance when mixing Angular components with UI5 Web Components.
+
+## Resources
+
+- [UI5 Web Components Documentation](https://ui5.github.io/webcomponents/)
+- [Fundamental NGX Documentation](https://sap.github.io/fundamental-ngx)
+- [GitHub Repository](https://github.com/SAP/fundamental-ngx)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/ui5-webcomponents-fiori",
-  "version": "0.58.0-rc.63",
+  "version": "0.58.0-rc.65",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - UI5 Webcomponents Fiori",
   "license": "Apache-2.0",
@@ -20,7 +20,7 @@
     "@angular/forms": "^20.0.0",
     "@angular/platform-browser": "^20.0.0",
     "@angular/router": "^20.0.0",
-    "@fundamental-ngx/ui5-webcomponents": "0.58.0-rc.63",
+    "@fundamental-ngx/ui5-webcomponents": "0.58.0-rc.65",
     "fundamental-styles": "0.40.1",
     "rxjs": "^7.8.0"
   },
@@ -44,217 +44,13 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori.mjs"
     },
-    "./dynamic-page": {
-      "types": "./dynamic-page/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page.mjs"
-    },
-    "./barcode-scanner-dialog": {
-      "types": "./barcode-scanner-dialog/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-barcode-scanner-dialog.mjs"
-    },
-    "./dynamic-page-header": {
-      "types": "./dynamic-page-header/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-header.mjs"
-    },
-    "./dynamic-page-title": {
-      "types": "./dynamic-page-title/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-page-title.mjs"
-    },
-    "./dynamic-side-content": {
-      "types": "./dynamic-side-content/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-dynamic-side-content.mjs"
-    },
-    "./filter-item": {
-      "types": "./filter-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item.mjs"
-    },
-    "./filter-item-option": {
-      "types": "./filter-item-option/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-filter-item-option.mjs"
-    },
-    "./flexible-column-layout": {
-      "types": "./flexible-column-layout/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-flexible-column-layout.mjs"
-    },
-    "./group-item": {
-      "types": "./group-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-group-item.mjs"
-    },
-    "./illustrated-message": {
-      "types": "./illustrated-message/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-illustrated-message.mjs"
-    },
-    "./media-gallery": {
-      "types": "./media-gallery/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery.mjs"
-    },
-    "./media-gallery-item": {
-      "types": "./media-gallery-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-media-gallery-item.mjs"
-    },
-    "./navigation-layout": {
-      "types": "./navigation-layout/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-navigation-layout.mjs"
-    },
-    "./notification-list": {
-      "types": "./notification-list/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list.mjs"
-    },
-    "./notification-list-group-item": {
-      "types": "./notification-list-group-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-group-item.mjs"
-    },
-    "./notification-list-item": {
-      "types": "./notification-list-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-notification-list-item.mjs"
-    },
-    "./page": {
-      "types": "./page/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-page.mjs"
-    },
-    "./product-switch": {
-      "types": "./product-switch/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch.mjs"
-    },
-    "./product-switch-item": {
-      "types": "./product-switch-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-product-switch-item.mjs"
-    },
-    "./search": {
-      "types": "./search/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search.mjs"
-    },
-    "./search-item": {
-      "types": "./search-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item.mjs"
-    },
-    "./search-item-group": {
-      "types": "./search-item-group/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-group.mjs"
-    },
-    "./search-item-show-more": {
-      "types": "./search-item-show-more/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-item-show-more.mjs"
-    },
-    "./search-message-area": {
-      "types": "./search-message-area/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-message-area.mjs"
-    },
-    "./search-scope": {
-      "types": "./search-scope/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-search-scope.mjs"
-    },
-    "./shell-bar": {
-      "types": "./shell-bar/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar.mjs"
-    },
-    "./shell-bar-branding": {
-      "types": "./shell-bar-branding/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-branding.mjs"
-    },
-    "./shell-bar-item": {
-      "types": "./shell-bar-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-item.mjs"
-    },
-    "./shell-bar-search": {
-      "types": "./shell-bar-search/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-search.mjs"
-    },
-    "./shell-bar-spacer": {
-      "types": "./shell-bar-spacer/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-shell-bar-spacer.mjs"
-    },
-    "./side-navigation": {
-      "types": "./side-navigation/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation.mjs"
-    },
-    "./side-navigation-group": {
-      "types": "./side-navigation-group/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-group.mjs"
-    },
-    "./side-navigation-item": {
-      "types": "./side-navigation-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-item.mjs"
-    },
-    "./side-navigation-sub-item": {
-      "types": "./side-navigation-sub-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-side-navigation-sub-item.mjs"
-    },
-    "./sort-item": {
-      "types": "./sort-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-sort-item.mjs"
-    },
-    "./theming": {
-      "types": "./theming/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-theming.mjs"
-    },
-    "./timeline": {
-      "types": "./timeline/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline.mjs"
-    },
-    "./timeline-group-item": {
-      "types": "./timeline-group-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-group-item.mjs"
-    },
-    "./timeline-item": {
-      "types": "./timeline-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-timeline-item.mjs"
-    },
     "./types": {
       "types": "./types/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-types.mjs"
     },
-    "./upload-collection": {
-      "types": "./upload-collection/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection.mjs"
-    },
-    "./upload-collection-item": {
-      "types": "./upload-collection-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-upload-collection-item.mjs"
-    },
-    "./user-menu": {
-      "types": "./user-menu/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu.mjs"
-    },
-    "./user-menu-account": {
-      "types": "./user-menu-account/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-account.mjs"
-    },
-    "./user-menu-item": {
-      "types": "./user-menu-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item.mjs"
-    },
-    "./user-menu-item-group": {
-      "types": "./user-menu-item-group/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-menu-item-group.mjs"
-    },
-    "./user-settings-dialog": {
-      "types": "./user-settings-dialog/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-dialog.mjs"
-    },
-    "./user-settings-item": {
-      "types": "./user-settings-item/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-item.mjs"
-    },
-    "./user-settings-view": {
-      "types": "./user-settings-view/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-user-settings-view.mjs"
-    },
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-utils.mjs"
-    },
-    "./view-settings-dialog": {
-      "types": "./view-settings-dialog/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-view-settings-dialog.mjs"
-    },
-    "./wizard": {
-      "types": "./wizard/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard.mjs"
-    },
-    "./wizard-step": {
-      "types": "./wizard-step/index.d.ts",
-      "default": "./fesm2022/fundamental-ngx-ui5-webcomponents-fiori-wizard-step.mjs"
     }
   },
   "sideEffects": false

package/barcode-scanner-dialog/index.d.ts

@@ -1,66 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { AfterViewInit, ElementRef, Injector } from '@angular/core';
-import _BarcodeScannerDialog from '@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js';
-import { UI5CustomEvent } from '@ui5/webcomponents-base';
-
-declare class BarcodeScannerDialog implements AfterViewInit {
-    /**
-     * Indicates whether the dialog is open.
-     */
-    open: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Fired when the user closes the component.
-     */
-    ui5Close: _angular_core.OutputEmitterRef<UI5CustomEvent<_BarcodeScannerDialog, "close">>;
-    /**
-     * Fires when the scan is completed successfuuly.
-     */
-    ui5ScanSuccess: _angular_core.OutputEmitterRef<UI5CustomEvent<_BarcodeScannerDialog, "scan-success">>;
-    /**
-     * Fires when the scan fails with error.
-     */
-    ui5ScanError: _angular_core.OutputEmitterRef<UI5CustomEvent<_BarcodeScannerDialog, "scan-error">>;
-    /**
-     * 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.
-     *
-     * - **header**: Defines the header HTML Element.
-  
-  **Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.
-  `accessibleName` should be used.
-     * - **footer**: Defines the footer HTML Element.
-  
-  **Note:** When you provide custom content for the `footer` slot, the default close button is not rendered.
-  This means you need to include your own mechanism within the custom `footer` to close the dialog,
-  such as a button with an event listener that closes the dialog.
-  
-  **Note:** If the `footer` slot is not provided, a default footer with a close button is rendered automatically,
-  allowing users to close the dialog without any additional implementation.
-     *
-     * @example
-     * ```html
-     * <ui5-barcode-scanner-dialog>
-     *   <div slot="header">Custom header content</div>
-     *   <p>Default slot content</p>
-     * </ui5-barcode-scanner-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;
-        since: string;
-    }[];
-    elementRef: ElementRef<_BarcodeScannerDialog>;
-    injector: Injector;
-    get element(): _BarcodeScannerDialog;
-    ngAfterViewInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BarcodeScannerDialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BarcodeScannerDialog, "ui5-barcode-scanner-dialog, [ui5-barcode-scanner-dialog]", ["ui5BarcodeScannerDialog"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "ui5Close": "ui5Close"; "ui5ScanSuccess": "ui5ScanSuccess"; "ui5ScanError": "ui5ScanError"; }, never, ["*"], true, never>;
-}
-
-export { BarcodeScannerDialog };

package/dynamic-page/index.d.ts

@@ -1,65 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { AfterViewInit, ElementRef, Injector } from '@angular/core';
-import _DynamicPage from '@ui5/webcomponents-fiori/dist/DynamicPage.js';
-import { UI5CustomEvent } from '@ui5/webcomponents-base';
-
-declare class DynamicPage implements AfterViewInit {
-    /**
-     * Defines if the pin button is hidden.
-     */
-    hidePinButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines if the header is pinned.
-     */
-    headerPinned: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines if the footer is shown.
-     */
-    showFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines if the header is snapped.
-     */
-    headerSnapped: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Fired when the pin header button is toggled.
-     */
-    ui5PinButtonToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_DynamicPage, "pin-button-toggle">>;
-    /**
-     * Fired when the expand/collapse area of the title is toggled.
-     */
-    ui5TitleToggle: _angular_core.OutputEmitterRef<UI5CustomEvent<_DynamicPage, "title-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)**: Defines the content of the Dynamic Page.
-     * - **titleArea**: Defines the title HTML Element.
-     * - **headerArea**: Defines the header HTML Element.
-     * - **footerArea**: Defines the footer HTML Element.
-     *
-     * @example
-     * ```html
-     * <ui5-dynamic-page>
-     *   <div slot="header">Custom header content</div>
-     *   <p>Default slot content</p>
-     * </ui5-dynamic-page>
-     * ```
-     *
-     * @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<_DynamicPage>;
-    injector: Injector;
-    get element(): _DynamicPage;
-    ngAfterViewInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicPage, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicPage, "ui5-dynamic-page, [ui5-dynamic-page]", ["ui5DynamicPage"], { "hidePinButton": { "alias": "hidePinButton"; "required": false; "isSignal": true; }; "headerPinned": { "alias": "headerPinned"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "headerSnapped": { "alias": "headerSnapped"; "required": false; "isSignal": true; }; }, { "ui5PinButtonToggle": "ui5PinButtonToggle"; "ui5TitleToggle": "ui5TitleToggle"; }, never, ["*"], true, never>;
-}
-
-export { DynamicPage };

package/dynamic-page-header/index.d.ts

@@ -1,37 +0,0 @@
-import * as i0 from '@angular/core';
-import { AfterViewInit, ElementRef, Injector } from '@angular/core';
-import _DynamicPageHeader from '@ui5/webcomponents-fiori/dist/DynamicPageHeader.js';
-
-declare class DynamicPageHeader 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 content of the Dynamic Page Header.
-     *
-     * @example
-     * ```html
-     * <ui5-dynamic-page-header>
-     *   <div slot="header">Custom header content</div>
-     *   <p>Default slot content</p>
-     * </ui5-dynamic-page-header>
-     * ```
-     *
-     * @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<_DynamicPageHeader>;
-    injector: Injector;
-    get element(): _DynamicPageHeader;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageHeader, "ui5-dynamic-page-header, [ui5-dynamic-page-header]", ["ui5DynamicPageHeader"], {}, {}, never, ["*"], true, never>;
-}
-
-export { DynamicPageHeader };

package/dynamic-page-title/index.d.ts

@@ -1,63 +0,0 @@
-import * as i0 from '@angular/core';
-import { AfterViewInit, ElementRef, Injector } from '@angular/core';
-import _DynamicPageTitle from '@ui5/webcomponents-fiori/dist/DynamicPageTitle.js';
-
-declare class DynamicPageTitle 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.
-     *
-     * - **heading**: Defines the content of the Heading of the Dynamic Page.
-  
-  The font size of the title within the `heading` slot can be adjusted to the recommended values using the following CSS variables:
-  
-  **Expanded:** `var(--sapObjectHeader_Title_FontSize)`
-  
-  **Collapsed:** `var(--sapObjectHeader_Title_SnappedFontSize)`
-     * - **snappedHeading**: Defines the heading that is shown only when the header is snapped.
-     * - **snappedTitleOnMobile**: Defines the content of the snapped title on mobile devices.
-  
-  This slot is displayed only when the `DynamicPageTitle` is in the snapped state on mobile devices.
-  It should be used to provide a simplified, single-line title that takes up less space on smaller screens.
-  
-  **Note:**
-  - The content set in this slot **overrides** all other content set in the `DynamicPageTitle` slots when displayed.
-  - The slot is intended for a single `ui5-title` component.
-     * - **actionsBar**: Defines the bar with actions in the Dynamic page title.
-     * - **navigationBar**: Defines the bar with navigation actions in the Dynamic page title.
-     * - **(default)**: Defines the content of the Dynamic page title.
-     * - **subheading**: Defines the content of the title that is shown only when the header is not snapped.
-     * - **snappedSubheading**: Defines the content of the title that is shown only when the header is snapped.
-     * - **breadcrumbs**: Defines the content of the breadcrumbs inside Dynamic Page Title.
-     *
-     * @example
-     * ```html
-     * <ui5-dynamic-page-title>
-     *   <div slot="header">Custom header content</div>
-     *   <p>Default slot content</p>
-     * </ui5-dynamic-page-title>
-     * ```
-     *
-     * @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;
-        since?: undefined;
-    } | {
-        name: string;
-        description: string;
-        since: string;
-    })[];
-    elementRef: ElementRef<_DynamicPageTitle>;
-    injector: Injector;
-    get element(): _DynamicPageTitle;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageTitle, "ui5-dynamic-page-title, [ui5-dynamic-page-title]", ["ui5DynamicPageTitle"], {}, {}, never, ["*"], true, never>;
-}
-
-export { DynamicPageTitle };

package/dynamic-side-content/index.d.ts

@@ -1,81 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { AfterViewInit, ElementRef, Injector } from '@angular/core';
-import _DynamicSideContent, { DynamicSideContentAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/DynamicSideContent.js';
-export { DynamicSideContentAccessibilityAttributes } from '@ui5/webcomponents-fiori/dist/DynamicSideContent.js';
-import { UI5CustomEvent } from '@ui5/webcomponents-base';
-
-declare class DynamicSideContent implements AfterViewInit {
-    /**
-     * Defines the visibility of the main content.
-     */
-    hideMainContent: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines the visibility of the side content.
-     */
-    hideSideContent: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines whether the side content is positioned before the main content (left side
-  in LTR mode), or after the the main content (right side in LTR mode).
-     */
-    sideContentPosition: _angular_core.InputSignal<"End" | "Start" | undefined>;
-    /**
-     * Defines on which breakpoints the side content is visible.
-     */
-    sideContentVisibility: _angular_core.InputSignal<"AlwaysShow" | "ShowAboveL" | "ShowAboveM" | "ShowAboveS" | "NeverShow" | undefined>;
-    /**
-     * Defines on which breakpoints the side content falls down below the main content.
-     */
-    sideContentFallDown: _angular_core.InputSignal<"BelowXL" | "BelowL" | "BelowM" | "OnMinimumWidth" | undefined>;
-    /**
-     * Defines whether the component is in equal split mode. In this mode, the side and
-  the main content take 50:50 percent of the container on all screen sizes
-  except for phone, where the main and side contents are switching visibility
-  using the toggle method.
-     */
-    equalSplit: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Defines additional accessibility attributes on different areas of the component.
-  
-  The accessibilityAttributes object has the following fields:
-  
-   - **mainContent**: `mainContent.ariaLabel` defines the aria-label of the main content area. Accepts any string.
-   - **sideContent**: `sideContent.ariaLabel` defines the aria-label of the side content area. Accepts any string.
-     */
-    accessibilityAttributes: _angular_core.InputSignal<DynamicSideContentAccessibilityAttributes | undefined>;
-    /**
-     * Fires when the current breakpoint has been changed.
-     */
-    ui5LayoutChange: _angular_core.OutputEmitterRef<UI5CustomEvent<_DynamicSideContent, "layout-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 main content.
-     * - **sideContent**: Defines the side content.
-     *
-     * @example
-     * ```html
-     * <ui5-dynamic-side-content>
-     *   <div slot="header">Custom header content</div>
-     *   <p>Default slot content</p>
-     * </ui5-dynamic-side-content>
-     * ```
-     *
-     * @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<_DynamicSideContent>;
-    injector: Injector;
-    get element(): _DynamicSideContent;
-    ngAfterViewInit(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicSideContent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicSideContent, "ui5-dynamic-side-content, [ui5-dynamic-side-content]", ["ui5DynamicSideContent"], { "hideMainContent": { "alias": "hideMainContent"; "required": false; "isSignal": true; }; "hideSideContent": { "alias": "hideSideContent"; "required": false; "isSignal": true; }; "sideContentPosition": { "alias": "sideContentPosition"; "required": false; "isSignal": true; }; "sideContentVisibility": { "alias": "sideContentVisibility"; "required": false; "isSignal": true; }; "sideContentFallDown": { "alias": "sideContentFallDown"; "required": false; "isSignal": true; }; "equalSplit": { "alias": "equalSplit"; "required": false; "isSignal": true; }; "accessibilityAttributes": { "alias": "accessibilityAttributes"; "required": false; "isSignal": true; }; }, { "ui5LayoutChange": "ui5LayoutChange"; }, never, ["*"], true, never>;
-}
-
-export { DynamicSideContent };