@sapui5/sap.cux.home 1.142.0 → 1.142.1

package/src/sap/cux/home/BaseNewsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNewsPanel.js","names":["sap","ui","define","Button","FlexItemData","IllustratedMessage","IllustratedMessageSize","IllustratedMessageType","VBox","VerticalLayout","__BasePanel","___utils_Constants","_interopRequireDefault","obj","__esModule","default","BasePanel","SETTINGS_PANELS_KEYS","BaseNewsPanel","extend","metadata","library","aggregations","content","multiple","singularName","visibility","newsItems","type","constructor","_constructor","id","settings","BasePanel.prototype.constructor.call","init","_init","BasePanel.prototype.init.call","newsVerticalLayout","getId","generateErrorMessage","layoutData","order","growFactor","setWidth","newsWrapper","items","addContent","getNewsWrapper","_getNewsWrapper","_generateErrorMessage","errorCard","manageNewsButton","text","_i18nBundle","getText","tooltip","press","handleEditNews","bind","oErrorMessage","illustrationSize","Small","illustrationType","NoNotifications","title","description","additionalContent","addStyleClass","wrap","backgroundDesign","visible","height","width","setManageNewsButtonVisibility","_setManageNewsButtonVisibility","setVisible","_handleEditNews","parentContainer","getParent","_getLayout","openSettingsDialog","NEWS"],"sources":["BaseNewsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Button from \"sap/m/Button\";\nimport FlexItemData from \"sap/m/FlexItemData\";\nimport IllustratedMessage from \"sap/m/IllustratedMessage\";\nimport IllustratedMessageSize from \"sap/m/IllustratedMessageSize\";\nimport IllustratedMessageType from \"sap/m/IllustratedMessageType\";\nimport VBox from \"sap/m/VBox\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport VerticalLayout from \"sap/ui/layout/VerticalLayout\";\nimport { $BaseNewsPanelSettings } from \"./BaseNewsPanel\";\nimport BasePanel from \"./BasePanel\";\nimport NewsAndPagesContainer from \"./NewsAndPagesContainer\";\nimport { SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\n\n/**\n *\n * Base Panel class for managing and storing News.\n *\n * @extends sap.cux.home.BasePanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @abstract\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n *\n * @alias sap.cux.home.BaseNewsPanel\n */\nexport default abstract class BaseNewsPanel extends BasePanel {\n\tconstructor(idOrSettings?: string | $BaseNewsPanelSettings);\n\tconstructor(id?: string, settings?: $BaseNewsPanelSettings);\n\t/**\n\t * Constructor for a new Base News Panel.\n\t *\n\t * @param {string} [id] ID for the new panel, generated automatically if an ID is not provided\n\t * @param {object} [settings] Initial settings for the new panel\n\t */\n\tpublic constructor(id?: string, settings?: $BaseNewsPanelSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\tprivate errorCard!: VBox;\n\tprivate newsVerticalLayout!: VerticalLayout;\n\tprivate newsWrapper!: VBox;\n\tprivate manageNewsButton!: Button;\n\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\taggregations: {\n\t\t\t/**\n\t\t\t * Specifies the content aggregation of the panel.\n\t\t\t */\n\t\t\tcontent: { multiple: true, singularName: \"content\", visibility: \"hidden\" },\n\t\t\t/**\n\t\t\t * Holds the news aggregation\n\t\t\t */\n\t\t\tnewsItems: { type: \"sap.cux.home.BaseNewsItem\", singularName: \"newsItem\", multiple: true }\n\t\t}\n\t};\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @private\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\tthis.newsVerticalLayout = new VerticalLayout(`${this.getId()}-newsContent`, {\n\t\t\tcontent: [this.generateErrorMessage()],\n\t\t\tlayoutData: new FlexItemData({\n\t\t\t\tid: `${this.getId()}-flexItemdata`,\n\t\t\t\torder: 0,\n\t\t\t\tgrowFactor: 1\n\t\t\t})\n\t\t}).setWidth(\"100%\");\n\t\tthis.newsWrapper = new VBox(`${this.getId()}-newsContentWrapper`, { items: [this.newsVerticalLayout] });\n\t\tthis.addContent(this.newsWrapper);\n\t}\n\n\t/**\n\t * Generates app wrapper for displaying apps.\n\t * @private\n\t * @returns The generated apps wrapper.\n\t */\n\tpublic getNewsWrapper(): VerticalLayout {\n\t\treturn this.newsVerticalLayout;\n\t}\n\n\t/**\n\t * Generates the error message wrapper with illustrated message.\n\t * @private\n\t * @returns Wrapper with illustrated message.\n\t */\n\tprotected generateErrorMessage(): VBox {\n\t\tif (!this.errorCard) {\n\t\t\tthis.manageNewsButton = new Button(`${this.getId()}-idManageNewsBtn`, {\n\t\t\t\ttext: this._i18nBundle.getText(\"editLinkNews\"),\n\t\t\t\ttooltip: this._i18nBundle.getText(\"editLinkNews\"),\n\t\t\t\ttype: \"Emphasized\",\n\t\t\t\tpress: this.handleEditNews.bind(this)\n\t\t\t});\n\t\t\tconst oErrorMessage = new IllustratedMessage(`${this.getId()}-errorMessage`, {\n\t\t\t\tillustrationSize: IllustratedMessageSize.Small,\n\t\t\t\tillustrationType: IllustratedMessageType.NoNotifications,\n\t\t\t\ttitle: this._i18nBundle.getText(\"noNewsTitle\"),\n\t\t\t\tdescription: this._i18nBundle.getText(\"noNewsDescription\"),\n\t\t\t\tadditionalContent: [this.manageNewsButton]\n\t\t\t}).addStyleClass(\"customIllustratedMessage\");\n\t\t\tthis.errorCard = new VBox(`${this.getId()}-errorCard`, {\n\t\t\t\twrap: \"Wrap\",\n\t\t\t\tbackgroundDesign: \"Solid\",\n\t\t\t\titems: [oErrorMessage],\n\t\t\t\tvisible: false,\n\t\t\t\theight: \"17rem\",\n\t\t\t\twidth: \"100%\"\n\t\t\t}).addStyleClass(\"sapUiRoundedBorder noCardsBorder sapUiSmallMarginTopBottom\");\n\t\t}\n\t\treturn this.errorCard;\n\t}\n\n\t/**\n\t * Set the visibility of the manage news button.\n\t * @param visible - A boolean indicating whether the manage news should be visible or not.\n\t * @private\n\t */\n\tprotected setManageNewsButtonVisibility(visible: boolean): void {\n\t\tthis.manageNewsButton.setVisible(visible);\n\t}\n\n\t/**\n\t * Handles the edit news event.\n\t * Opens the news dialog for managing news data.\n\t * @private\n\t */\n\tprotected handleEditNews() {\n\t\tconst parentContainer = this.getParent() as NewsAndPagesContainer;\n\t\tparentContainer?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.NEWS);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseNewsPanel.js","names":["sap","ui","define","Button","FlexItemData","IllustratedMessage","IllustratedMessageSize","IllustratedMessageType","VBox","VerticalLayout","__BasePanel","___utils_Constants","_interopRequireDefault","obj","__esModule","default","BasePanel","SETTINGS_PANELS_KEYS","BaseNewsPanel","extend","metadata","library","aggregations","content","multiple","singularName","visibility","newsItems","type","constructor","_constructor","id","settings","BasePanel.prototype.constructor.call","init","_init","BasePanel.prototype.init.call","newsVerticalLayout","getId","generateErrorMessage","layoutData","order","growFactor","setWidth","newsWrapper","items","addContent","getNewsWrapper","_getNewsWrapper","_generateErrorMessage","errorCard","manageNewsButton","text","_i18nBundle","getText","tooltip","press","handleEditNews","bind","oErrorMessage","illustrationSize","Small","illustrationType","NoNotifications","title","description","additionalContent","addStyleClass","wrap","backgroundDesign","visible","height","width","setManageNewsButtonVisibility","_setManageNewsButtonVisibility","setVisible","_handleEditNews","parentContainer","getParent","_getLayout","openSettingsDialog","NEWS"],"sources":["BaseNewsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Button from \"sap/m/Button\";\nimport FlexItemData from \"sap/m/FlexItemData\";\nimport IllustratedMessage from \"sap/m/IllustratedMessage\";\nimport IllustratedMessageSize from \"sap/m/IllustratedMessageSize\";\nimport IllustratedMessageType from \"sap/m/IllustratedMessageType\";\nimport VBox from \"sap/m/VBox\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport VerticalLayout from \"sap/ui/layout/VerticalLayout\";\nimport { $BaseNewsPanelSettings } from \"./BaseNewsPanel\";\nimport BasePanel from \"./BasePanel\";\nimport NewsContainer from \"./NewsContainer\";\nimport { SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\n\n/**\n *\n * Base Panel class for managing and storing News.\n *\n * @extends sap.cux.home.BasePanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @abstract\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n *\n * @alias sap.cux.home.BaseNewsPanel\n */\nexport default abstract class BaseNewsPanel extends BasePanel {\n\tconstructor(idOrSettings?: string | $BaseNewsPanelSettings);\n\tconstructor(id?: string, settings?: $BaseNewsPanelSettings);\n\t/**\n\t * Constructor for a new Base News Panel.\n\t *\n\t * @param {string} [id] ID for the new panel, generated automatically if an ID is not provided\n\t * @param {object} [settings] Initial settings for the new panel\n\t */\n\tpublic constructor(id?: string, settings?: $BaseNewsPanelSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\tprivate errorCard!: VBox;\n\tprivate newsVerticalLayout!: VerticalLayout;\n\tprivate newsWrapper!: VBox;\n\tprivate manageNewsButton!: Button;\n\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\taggregations: {\n\t\t\t/**\n\t\t\t * Specifies the content aggregation of the panel.\n\t\t\t */\n\t\t\tcontent: { multiple: true, singularName: \"content\", visibility: \"hidden\" },\n\t\t\t/**\n\t\t\t * Holds the news aggregation\n\t\t\t */\n\t\t\tnewsItems: { type: \"sap.cux.home.BaseNewsItem\", singularName: \"newsItem\", multiple: true }\n\t\t}\n\t};\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @private\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\tthis.newsVerticalLayout = new VerticalLayout(`${this.getId()}-newsContent`, {\n\t\t\tcontent: [this.generateErrorMessage()],\n\t\t\tlayoutData: new FlexItemData({\n\t\t\t\tid: `${this.getId()}-flexItemdata`,\n\t\t\t\torder: 0,\n\t\t\t\tgrowFactor: 1\n\t\t\t})\n\t\t}).setWidth(\"100%\");\n\t\tthis.newsWrapper = new VBox(`${this.getId()}-newsContentWrapper`, { items: [this.newsVerticalLayout] });\n\t\tthis.addContent(this.newsWrapper);\n\t}\n\n\t/**\n\t * Generates app wrapper for displaying apps.\n\t * @private\n\t * @returns The generated apps wrapper.\n\t */\n\tpublic getNewsWrapper(): VerticalLayout {\n\t\treturn this.newsVerticalLayout;\n\t}\n\n\t/**\n\t * Generates the error message wrapper with illustrated message.\n\t * @private\n\t * @returns Wrapper with illustrated message.\n\t */\n\tprotected generateErrorMessage(): VBox {\n\t\tif (!this.errorCard) {\n\t\t\tthis.manageNewsButton = new Button(`${this.getId()}-idManageNewsBtn`, {\n\t\t\t\ttext: this._i18nBundle.getText(\"editLinkNews\"),\n\t\t\t\ttooltip: this._i18nBundle.getText(\"editLinkNews\"),\n\t\t\t\ttype: \"Emphasized\",\n\t\t\t\tpress: this.handleEditNews.bind(this)\n\t\t\t});\n\t\t\tconst oErrorMessage = new IllustratedMessage(`${this.getId()}-errorMessage`, {\n\t\t\t\tillustrationSize: IllustratedMessageSize.Small,\n\t\t\t\tillustrationType: IllustratedMessageType.NoNotifications,\n\t\t\t\ttitle: this._i18nBundle.getText(\"noNewsTitle\"),\n\t\t\t\tdescription: this._i18nBundle.getText(\"noNewsDescription\"),\n\t\t\t\tadditionalContent: [this.manageNewsButton]\n\t\t\t}).addStyleClass(\"customIllustratedMessage\");\n\t\t\tthis.errorCard = new VBox(`${this.getId()}-errorCard`, {\n\t\t\t\twrap: \"Wrap\",\n\t\t\t\tbackgroundDesign: \"Solid\",\n\t\t\t\titems: [oErrorMessage],\n\t\t\t\tvisible: false,\n\t\t\t\theight: \"17rem\",\n\t\t\t\twidth: \"100%\"\n\t\t\t}).addStyleClass(\"sapUiRoundedBorder noCardsBorder sapUiSmallMarginTopBottom\");\n\t\t}\n\t\treturn this.errorCard;\n\t}\n\n\t/**\n\t * Set the visibility of the manage news button.\n\t * @param visible - A boolean indicating whether the manage news should be visible or not.\n\t * @private\n\t */\n\tprotected setManageNewsButtonVisibility(visible: boolean): void {\n\t\tthis.manageNewsButton.setVisible(visible);\n\t}\n\n\t/**\n\t * Handles the edit news event.\n\t * Opens the news dialog for managing news data.\n\t * @private\n\t */\n\tprotected handleEditNews() {\n\t\tconst parentContainer = this.getParent() as NewsContainer;\n\t\tparentContainer?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.NEWS);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/src/sap/cux/home/BaseNewsPanel.ts

@@ -13,7 +13,7 @@ import type { MetadataOptions } from "sap/ui/core/Element";
 import VerticalLayout from "sap/ui/layout/VerticalLayout";
 import { $BaseNewsPanelSettings } from "./BaseNewsPanel";
 import BasePanel from "./BasePanel";
-import NewsAndPagesContainer from "./NewsAndPagesContainer";
+import NewsContainer from "./NewsContainer";
 import { SETTINGS_PANELS_KEYS } from "./utils/Constants";
 
 /**
@@ -141,7 +141,7 @@ export default abstract class BaseNewsPanel extends BasePanel {
 	 * @private
 	 */
 	protected handleEditNews() {
-		const parentContainer = this.getParent() as NewsAndPagesContainer;
+		const parentContainer = this.getParent() as NewsContainer;
 		parentContainer?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.NEWS);
 	}
 }

package/src/sap/cux/home/CardsContainer.d.ts

@@ -0,0 +1,108 @@
+declare module "sap/cux/home/CardsContainer" {
+    /*!
+     * SAP UI development toolkit for HTML5 (SAPUI5)
+     *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+     */
+    import BaseContainer, { $BaseContainerSettings } from "sap/cux/home/BaseContainer";
+    import BasePanel from "sap/cux/home/BasePanel";
+    import CardsPanel from "sap/cux/home/CardsPanel";
+    const cardsPanelName: string;
+    interface IpanelLoaded {
+        [key: string]: {
+            loaded: boolean | undefined;
+            count: number;
+        };
+    }
+    interface IpanelContext {
+        [key: string]: CardsPanel;
+    }
+    /**
+     *
+     * Container class for managing and storing Insights Cards.
+     *
+     * @extends sap.cux.home.BaseContainer
+     *
+     * @author SAP SE
+     * @version 0.0.1
+     * @since 1.142
+     *
+     * @private
+     * @ui5-restricted ux.eng.s4producthomes1
+     *
+     * @alias sap.cux.home.CardsContainer
+     */
+    export default class CardsContainer extends BaseContainer {
+        private panelLoaded;
+        private panelContext;
+        private _isInitialRender;
+        static readonly renderer: {
+            apiVersion: number;
+            render: (rm: import("sap/ui/core/RenderManager").default, control: BaseContainer) => void;
+            renderContent: (rm: import("sap/ui/core/RenderManager").default, control: BaseContainer) => void;
+        };
+        constructor(id?: string | $BaseContainerSettings);
+        constructor(id?: string, settings?: $BaseContainerSettings);
+        /**
+         * Init lifecycle method
+         *
+         * @private
+         * @override
+         */
+        init(): void;
+        /**
+         * Loads the Insights section.
+         * Overrides the load method of the BaseContainer.
+         *
+         * @private
+         * @override
+         */
+        load(): void;
+        /**
+         * Handles the hiding of a panel by removing its content, updating the panel load status,
+         * and managing the display of the container header and error panel.
+         *
+         * @param {BasePanel} panel - The panel to be hidden.
+         * @private
+         */
+        handleHidePanel(panel: BasePanel): void;
+        /**
+         * Unhides the specified panel if it is hidden.
+         *
+         * @param {CardsPanel} panel - The panel to unhide.
+         */
+        unhidePanelIfHidden(panel: CardsPanel): void;
+        /**
+         * Adjusts the layout of the container.
+         *
+         * @private
+         * @override
+         */
+        adjustLayout(): void;
+        /**
+         * Handles the loading of a panel.
+         *
+         * @param {string} panelName - The name of the panel.
+         * @param {object} oVal - The load status and count of the panel.
+         * @param {boolean} oVal.loaded - The load status of the panel.
+         * @param {number} oVal.count - The count of items in the panel.
+         */
+        handlePanelLoad(panelName: string, oVal: {
+            loaded: boolean;
+            count: number;
+        }): void;
+        /**
+         * Retrieves the generic placeholder content for the Cards container.
+         *
+         * @returns {string} The HTML string representing the cards container's placeholder content.
+         */
+        protected getGenericPlaceholderContent(): string;
+        /**
+         * Refreshes the data for a specific panel based on its key.
+         *
+         * @private
+         * @param {string} key - The key of the panel to refresh.
+         */
+        refreshData(key: string): Promise<void>;
+    }
+}
+//# sourceMappingURL=CardsContainer.d.ts.map

package/src/sap/cux/home/CardsContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardsContainer.d.ts","sourceRoot":"../../../../..","sources":["src/sap/cux/home/CardsContainer.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,6BAA6B,CAAC;IAC7C;;;OAGG;IACH,OAAO,aAAa,EAAE,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;IACnF,OAAO,SAAS,MAAM,wBAAwB,CAAC;IAC/C,OAAO,UAAU,MAAM,yBAAyB,CAAC;IAGjD,MAAM,cAAc,EAAE,MAAkC,CAAC;IAEzD,UAAU,YAAY;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;KAC9D;IACD,UAAU,aAAa;QACtB,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;KAC1B;IACD;;;;;;;;;;;;;;OAcG;IAEH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,aAAa;QACxD,OAAO,CAAC,WAAW,CAAgB;QACnC,OAAO,CAAC,YAAY,CAAiB;QACrC,OAAO,CAAC,gBAAgB,CAAiB;QACzC,MAAM,CAAC,QAAQ,CAAC,QAAQ;;;;UAGtB;oBACU,EAAE,CAAC,EAAE,MAAM,GAAG,sBAAsB;oBACpC,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,sBAAsB;QAW1D;;;;;WAKG;QACI,IAAI,IAAI,IAAI;QAoBnB;;;;;;WAMG;QACI,IAAI;QAkBX;;;;;;WAMG;QACI,eAAe,CAAC,KAAK,EAAE,SAAS;QAMvC;;;;WAIG;QACI,mBAAmB,CAAC,KAAK,EAAE,UAAU;QAkC5C;;;;;WAKG;QACI,YAAY;QAKnB;;;;;;;WAOG;QACI,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE;YAAE,MAAM,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE;QAOlF;;;;WAIG;QACH,SAAS,CAAC,4BAA4B,IAAI,MAAM;QAIhD;;;;;WAKG;QACU,WAAW,CAAC,GAAG,EAAE,MAAM;KAIpC;CAEA"}

package/src/sap/cux/home/CardsContainer.js

@@ -0,0 +1,207 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+ */
+sap.ui.define(["./BaseContainer", "./CardsPanel", "./utils/placeholder/CardsPlaceholder"], function (__BaseContainer, __CardsPanel, ___utils_placeholder_CardsPlaceholder) {
+  "use strict";
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule && typeof obj.default !== "undefined" ? obj.default : obj;
+  }
+  const BaseContainer = _interopRequireDefault(__BaseContainer);
+  const CardsPanel = _interopRequireDefault(__CardsPanel);
+  const getCardsPlaceholder = ___utils_placeholder_CardsPlaceholder["getCardsPlaceholder"];
+  const cardsPanelName = "sap.cux.home.CardsPanel";
+  /**
+   *
+   * Container class for managing and storing Insights Cards.
+   *
+   * @extends sap.cux.home.BaseContainer
+   *
+   * @author SAP SE
+   * @version 0.0.1
+   * @since 1.142
+   *
+   * @private
+   * @ui5-restricted ux.eng.s4producthomes1
+   *
+   * @alias sap.cux.home.CardsContainer
+   */
+  const CardsContainer = BaseContainer.extend("sap.cux.home.CardsContainer", {
+    renderer: {
+      ...BaseContainer.renderer,
+      apiVersion: 2
+    },
+    /**
+     * Constructor for a new Cards container.
+     *
+     * @param {string} [id] ID for the new control, generated automatically if an ID is not provided
+     * @param {object} [settings] Initial settings for the new control
+     */
+    constructor: function _constructor(id, settings) {
+      BaseContainer.prototype.constructor.call(this, id, settings);
+      this._isInitialRender = true;
+    },
+    /**
+     * Init lifecycle method
+     *
+     * @private
+     * @override
+     */
+    init: function _init() {
+      BaseContainer.prototype.init.call(this);
+      /* As Container Level default value for enableSettings is false,
+      	this needs to be added from container level.
+      	(default value cannot be true as News & Page Container header should be hidden)
+      */
+      this.setProperty("enableSettings", false);
+      this.setProperty("orientation", "Vertical");
+      this.setProperty("compositeId", "Insights");
+      this.panelLoaded = {
+        [cardsPanelName]: {
+          loaded: undefined,
+          count: 0
+        }
+      };
+      this.panelContext = {};
+      this.addCustomSetting("title", this._i18nBundle.getText("insightsCards"));
+      this.addCustomSetting("groupTitle", this._i18nBundle.getText("insights"));
+      this.setTooltip(String(this._i18nBundle.getText("insightsCards")));
+      //remove aggregation menuItems and actionButtons as they will be added from individual panels
+      this.removeAllAggregation("menuItems");
+      this.removeAllAggregation("actionButtons");
+    },
+    /**
+     * Loads the Insights section.
+     * Overrides the load method of the BaseContainer.
+     *
+     * @private
+     * @override
+     */
+    load: function _load() {
+      if (this._isInitialRender) {
+        const aContent = this.getContent();
+        aContent.forEach(oContent => {
+          this.panelContext[oContent.getMetadata().getName()] = oContent;
+        });
+
+        // Render individual panels
+        aContent.forEach(content => {
+          const panel = content;
+          panel.attachHandleHidePanel(() => this.handleHidePanel(panel));
+          panel.attachHandleUnhidePanel(() => this.unhidePanelIfHidden(panel));
+          void panel.renderPanel();
+        });
+        this._isInitialRender = false;
+      }
+    },
+    /**
+     * Handles the hiding of a panel by removing its content, updating the panel load status,
+     * and managing the display of the container header and error panel.
+     *
+     * @param {BasePanel} panel - The panel to be hidden.
+     * @private
+     */
+    handleHidePanel: function _handleHidePanel(panel) {
+      this.removeContent(panel);
+      const panelName = panel.getMetadata().getName();
+      this.handlePanelLoad(panelName, {
+        loaded: false,
+        count: 0
+      });
+    },
+    /**
+     * Unhides the specified panel if it is hidden.
+     *
+     * @param {CardsPanel} panel - The panel to unhide.
+     */
+    unhidePanelIfHidden: function _unhidePanelIfHidden(panel) {
+      const layout = this._getLayout();
+      const panelExpandedName = layout._getCurrentExpandedElementName();
+      // Function to handle panel content insertion
+      const processPanelVisibility = (panelName, insertContentFn) => {
+        if (!panelExpandedName || panelExpandedName === panel.getProperty("fullScreenName")) {
+          /**
+                          loaded value can be false or undefined, false being hidden and undefined being loading
+                          if the panel is hidden then only unhide it
+                      */
+          if (this.panelLoaded[panelName].loaded === false) {
+            insertContentFn();
+            // Remove hidden class if applied
+            panel.setVisible(true);
+          }
+          this.handlePanelLoad(panelName, {
+            loaded: true,
+            count: this.panelLoaded[panelName].count
+          });
+        } else {
+          const listener = () => {
+            insertContentFn();
+            // Remove hidden class if applied
+            panel.setVisible(true);
+            layout.detachOnCollapse(listener); // Remove the listener after execution
+          };
+          this.handlePanelLoad(panelName, {
+            loaded: true,
+            count: this.panelLoaded[panelName].count
+          });
+          layout.attachOnCollapse(listener);
+        }
+      };
+
+      // Handling CardsPanel
+      if (panel instanceof CardsPanel && !this.panelLoaded[cardsPanelName].loaded) {
+        processPanelVisibility(cardsPanelName, () => this.addContent(this.panelContext[cardsPanelName]));
+      }
+    },
+    /**
+     * Adjusts the layout of the container.
+     *
+     * @private
+     * @override
+     */
+    adjustLayout: function _adjustLayout() {
+      //adjust layout of all panels
+      this.getContent().forEach(panel => panel._adjustLayout?.());
+    },
+    /**
+     * Handles the loading of a panel.
+     *
+     * @param {string} panelName - The name of the panel.
+     * @param {object} oVal - The load status and count of the panel.
+     * @param {boolean} oVal.loaded - The load status of the panel.
+     * @param {number} oVal.count - The count of items in the panel.
+     */
+    handlePanelLoad: function _handlePanelLoad(panelName, oVal) {
+      if (this.panelLoaded[panelName].loaded !== oVal.loaded) {
+        this.panelLoaded[panelName] = oVal;
+      }
+      this.adjustLayout();
+    },
+    /**
+     * Retrieves the generic placeholder content for the Cards container.
+     *
+     * @returns {string} The HTML string representing the cards container's placeholder content.
+     */
+    getGenericPlaceholderContent: function _getGenericPlaceholderContent() {
+      return getCardsPlaceholder();
+    },
+    /**
+     * Refreshes the data for a specific panel based on its key.
+     *
+     * @private
+     * @param {string} key - The key of the panel to refresh.
+     */
+    refreshData: function _refreshData(key) {
+      try {
+        const _this = this;
+        const panel = Object.values(_this.panelContext).find(panel => panel.getKey() === key);
+        return Promise.resolve(panel?.refreshData?.()).then(function () {});
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }
+  });
+  return CardsContainer;
+});
+//# sourceMappingURL=CardsContainer.js.map

package/src/sap/cux/home/CardsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardsContainer.js","names":["sap","ui","define","__BaseContainer","__CardsPanel","___utils_placeholder_CardsPlaceholder","_interopRequireDefault","obj","__esModule","default","BaseContainer","CardsPanel","getCardsPlaceholder","cardsPanelName","CardsContainer","extend","renderer","apiVersion","constructor","_constructor","id","settings","BaseContainer.prototype.constructor.call","_isInitialRender","init","_init","BaseContainer.prototype.init.call","setProperty","panelLoaded","loaded","undefined","count","panelContext","addCustomSetting","_i18nBundle","getText","setTooltip","String","removeAllAggregation","load","_load","aContent","getContent","forEach","oContent","getMetadata","getName","content","panel","attachHandleHidePanel","handleHidePanel","attachHandleUnhidePanel","unhidePanelIfHidden","renderPanel","_handleHidePanel","removeContent","panelName","handlePanelLoad","_unhidePanelIfHidden","layout","_getLayout","panelExpandedName","_getCurrentExpandedElementName","processPanelVisibility","insertContentFn","getProperty","setVisible","listener","detachOnCollapse","attachOnCollapse","addContent","adjustLayout","_adjustLayout","_handlePanelLoad","oVal","getGenericPlaceholderContent","_getGenericPlaceholderContent","refreshData","_refreshData","key","_this","Object","values","find","getKey","Promise","resolve","then","e","reject"],"sources":["CardsContainer.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\nimport BaseContainer, { $BaseContainerSettings } from \"./BaseContainer\";\nimport BasePanel from \"./BasePanel\";\nimport CardsPanel from \"./CardsPanel\";\nimport { getCardsPlaceholder } from \"./utils/placeholder/CardsPlaceholder\";\n\nconst cardsPanelName: string = \"sap.cux.home.CardsPanel\";\n\ninterface IpanelLoaded {\n\t[key: string]: { loaded: boolean | undefined; count: number };\n}\ninterface IpanelContext {\n\t[key: string]: CardsPanel;\n}\n/**\n *\n * Container class for managing and storing Insights Cards.\n *\n * @extends sap.cux.home.BaseContainer\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.142\n *\n * @private\n * @ui5-restricted ux.eng.s4producthomes1\n *\n * @alias sap.cux.home.CardsContainer\n */\n\nexport default class CardsContainer extends BaseContainer {\n\tprivate panelLoaded!: IpanelLoaded;\n\tprivate panelContext!: IpanelContext;\n\tprivate _isInitialRender: boolean = true;\n\tstatic readonly renderer = {\n\t\t...BaseContainer.renderer,\n\t\tapiVersion: 2\n\t};\n\tconstructor(id?: string | $BaseContainerSettings);\n\tconstructor(id?: string, settings?: $BaseContainerSettings);\n\t/**\n\t * Constructor for a new Cards container.\n\t *\n\t * @param {string} [id] ID for the new control, generated automatically if an ID is not provided\n\t * @param {object} [settings] Initial settings for the new control\n\t */\n\tpublic constructor(id?: string, settings?: $BaseContainerSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @private\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\t\t/* As Container Level default value for enableSettings is false,\n\t\t\tthis needs to be added from container level.\n\t\t\t(default value cannot be true as News & Page Container header should be hidden)\n\t\t*/\n\t\tthis.setProperty(\"enableSettings\", false);\n\t\tthis.setProperty(\"orientation\", \"Vertical\");\n\t\tthis.setProperty(\"compositeId\", \"Insights\");\n\t\tthis.panelLoaded = {\n\t\t\t[cardsPanelName]: { loaded: undefined, count: 0 }\n\t\t};\n\t\tthis.panelContext = {};\n\t\tthis.addCustomSetting(\"title\", this._i18nBundle.getText(\"insightsCards\") as string);\n\t\tthis.addCustomSetting(\"groupTitle\", this._i18nBundle.getText(\"insights\") as string);\n\t\tthis.setTooltip(String(this._i18nBundle.getText(\"insightsCards\")));\n\t\t//remove aggregation menuItems and actionButtons as they will be added from individual panels\n\t\tthis.removeAllAggregation(\"menuItems\");\n\t\tthis.removeAllAggregation(\"actionButtons\");\n\t}\n\t/**\n\t * Loads the Insights section.\n\t * Overrides the load method of the BaseContainer.\n\t *\n\t * @private\n\t * @override\n\t */\n\tpublic load() {\n\t\tif (this._isInitialRender) {\n\t\t\tconst aContent = this.getContent();\n\t\t\taContent.forEach((oContent) => {\n\t\t\t\tthis.panelContext[oContent.getMetadata().getName()] = oContent as CardsPanel;\n\t\t\t});\n\n\t\t\t// Render individual panels\n\t\t\taContent.forEach((content) => {\n\t\t\t\tconst panel = content as CardsPanel;\n\t\t\t\tpanel.attachHandleHidePanel(() => this.handleHidePanel(panel));\n\t\t\t\tpanel.attachHandleUnhidePanel(() => this.unhidePanelIfHidden(panel));\n\t\t\t\tvoid panel.renderPanel();\n\t\t\t});\n\t\t\tthis._isInitialRender = false;\n\t\t}\n\t}\n\n\t/**\n\t * Handles the hiding of a panel by removing its content, updating the panel load status,\n\t * and managing the display of the container header and error panel.\n\t *\n\t * @param {BasePanel} panel - The panel to be hidden.\n\t * @private\n\t */\n\tpublic handleHidePanel(panel: BasePanel) {\n\t\tthis.removeContent(panel);\n\t\tconst panelName = panel.getMetadata().getName();\n\t\tthis.handlePanelLoad(panelName, { loaded: false, count: 0 });\n\t}\n\n\t/**\n\t * Unhides the specified panel if it is hidden.\n\t *\n\t * @param {CardsPanel} panel - The panel to unhide.\n\t */\n\tpublic unhidePanelIfHidden(panel: CardsPanel) {\n\t\tconst layout = this._getLayout();\n\t\tconst panelExpandedName = layout._getCurrentExpandedElementName();\n\t\t// Function to handle panel content insertion\n\t\tconst processPanelVisibility = (panelName: string, insertContentFn: () => void) => {\n\t\t\tif (!panelExpandedName || panelExpandedName === panel.getProperty(\"fullScreenName\")) {\n\t\t\t\t/**\n                    loaded value can be false or undefined, false being hidden and undefined being loading\n                    if the panel is hidden then only unhide it\n                */\n\t\t\t\tif (this.panelLoaded[panelName].loaded === false) {\n\t\t\t\t\tinsertContentFn();\n\t\t\t\t\t// Remove hidden class if applied\n\t\t\t\t\tpanel.setVisible(true);\n\t\t\t\t}\n\t\t\t\tthis.handlePanelLoad(panelName, { loaded: true, count: this.panelLoaded[panelName].count });\n\t\t\t} else {\n\t\t\t\tconst listener = () => {\n\t\t\t\t\tinsertContentFn();\n\t\t\t\t\t// Remove hidden class if applied\n\t\t\t\t\tpanel.setVisible(true);\n\t\t\t\t\tlayout.detachOnCollapse(listener); // Remove the listener after execution\n\t\t\t\t};\n\t\t\t\tthis.handlePanelLoad(panelName, { loaded: true, count: this.panelLoaded[panelName].count });\n\t\t\t\tlayout.attachOnCollapse(listener);\n\t\t\t}\n\t\t};\n\n\t\t// Handling CardsPanel\n\t\tif (panel instanceof CardsPanel && !this.panelLoaded[cardsPanelName].loaded) {\n\t\t\tprocessPanelVisibility(cardsPanelName, () => this.addContent(this.panelContext[cardsPanelName]));\n\t\t}\n\t}\n\n\t/**\n\t * Adjusts the layout of the container.\n\t *\n\t * @private\n\t * @override\n\t */\n\tpublic adjustLayout() {\n\t\t//adjust layout of all panels\n\t\t(this.getContent() as CardsPanel[]).forEach((panel) => panel._adjustLayout?.());\n\t}\n\n\t/**\n\t * Handles the loading of a panel.\n\t *\n\t * @param {string} panelName - The name of the panel.\n\t * @param {object} oVal - The load status and count of the panel.\n\t * @param {boolean} oVal.loaded - The load status of the panel.\n\t * @param {number} oVal.count - The count of items in the panel.\n\t */\n\tpublic handlePanelLoad(panelName: string, oVal: { loaded: boolean; count: number }) {\n\t\tif (this.panelLoaded[panelName].loaded !== oVal.loaded) {\n\t\t\tthis.panelLoaded[panelName] = oVal;\n\t\t}\n\t\tthis.adjustLayout();\n\t}\n\n\t/**\n\t * Retrieves the generic placeholder content for the Cards container.\n\t *\n\t * @returns {string} The HTML string representing the cards container's placeholder content.\n\t */\n\tprotected getGenericPlaceholderContent(): string {\n\t\treturn getCardsPlaceholder();\n\t}\n\n\t/**\n\t * Refreshes the data for a specific panel based on its key.\n\t *\n\t * @private\n\t * @param {string} key - The key of the panel to refresh.\n\t */\n\tpublic async refreshData(key: string) {\n\t\tconst panel = Object.values(this.panelContext).find((panel) => panel.getKey() === key);\n\t\tawait panel?.refreshData?.();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/src/sap/cux/home/CardsContainer.ts

@@ -0,0 +1,202 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
+ */
+import BaseContainer, { $BaseContainerSettings } from "./BaseContainer";
+import BasePanel from "./BasePanel";
+import CardsPanel from "./CardsPanel";
+import { getCardsPlaceholder } from "./utils/placeholder/CardsPlaceholder";
+
+const cardsPanelName: string = "sap.cux.home.CardsPanel";
+
+interface IpanelLoaded {
+	[key: string]: { loaded: boolean | undefined; count: number };
+}
+interface IpanelContext {
+	[key: string]: CardsPanel;
+}
+/**
+ *
+ * Container class for managing and storing Insights Cards.
+ *
+ * @extends sap.cux.home.BaseContainer
+ *
+ * @author SAP SE
+ * @version 0.0.1
+ * @since 1.142
+ *
+ * @private
+ * @ui5-restricted ux.eng.s4producthomes1
+ *
+ * @alias sap.cux.home.CardsContainer
+ */
+
+export default class CardsContainer extends BaseContainer {
+	private panelLoaded!: IpanelLoaded;
+	private panelContext!: IpanelContext;
+	private _isInitialRender: boolean = true;
+	static readonly renderer = {
+		...BaseContainer.renderer,
+		apiVersion: 2
+	};
+	constructor(id?: string | $BaseContainerSettings);
+	constructor(id?: string, settings?: $BaseContainerSettings);
+	/**
+	 * Constructor for a new Cards container.
+	 *
+	 * @param {string} [id] ID for the new control, generated automatically if an ID is not provided
+	 * @param {object} [settings] Initial settings for the new control
+	 */
+	public constructor(id?: string, settings?: $BaseContainerSettings) {
+		super(id, settings);
+	}
+
+	/**
+	 * Init lifecycle method
+	 *
+	 * @private
+	 * @override
+	 */
+	public init(): void {
+		super.init();
+		/* As Container Level default value for enableSettings is false,
+			this needs to be added from container level.
+			(default value cannot be true as News & Page Container header should be hidden)
+		*/
+		this.setProperty("enableSettings", false);
+		this.setProperty("orientation", "Vertical");
+		this.setProperty("compositeId", "Insights");
+		this.panelLoaded = {
+			[cardsPanelName]: { loaded: undefined, count: 0 }
+		};
+		this.panelContext = {};
+		this.addCustomSetting("title", this._i18nBundle.getText("insightsCards") as string);
+		this.addCustomSetting("groupTitle", this._i18nBundle.getText("insights") as string);
+		this.setTooltip(String(this._i18nBundle.getText("insightsCards")));
+		//remove aggregation menuItems and actionButtons as they will be added from individual panels
+		this.removeAllAggregation("menuItems");
+		this.removeAllAggregation("actionButtons");
+	}
+	/**
+	 * Loads the Insights section.
+	 * Overrides the load method of the BaseContainer.
+	 *
+	 * @private
+	 * @override
+	 */
+	public load() {
+		if (this._isInitialRender) {
+			const aContent = this.getContent();
+			aContent.forEach((oContent) => {
+				this.panelContext[oContent.getMetadata().getName()] = oContent as CardsPanel;
+			});
+
+			// Render individual panels
+			aContent.forEach((content) => {
+				const panel = content as CardsPanel;
+				panel.attachHandleHidePanel(() => this.handleHidePanel(panel));
+				panel.attachHandleUnhidePanel(() => this.unhidePanelIfHidden(panel));
+				void panel.renderPanel();
+			});
+			this._isInitialRender = false;
+		}
+	}
+
+	/**
+	 * Handles the hiding of a panel by removing its content, updating the panel load status,
+	 * and managing the display of the container header and error panel.
+	 *
+	 * @param {BasePanel} panel - The panel to be hidden.
+	 * @private
+	 */
+	public handleHidePanel(panel: BasePanel) {
+		this.removeContent(panel);
+		const panelName = panel.getMetadata().getName();
+		this.handlePanelLoad(panelName, { loaded: false, count: 0 });
+	}
+
+	/**
+	 * Unhides the specified panel if it is hidden.
+	 *
+	 * @param {CardsPanel} panel - The panel to unhide.
+	 */
+	public unhidePanelIfHidden(panel: CardsPanel) {
+		const layout = this._getLayout();
+		const panelExpandedName = layout._getCurrentExpandedElementName();
+		// Function to handle panel content insertion
+		const processPanelVisibility = (panelName: string, insertContentFn: () => void) => {
+			if (!panelExpandedName || panelExpandedName === panel.getProperty("fullScreenName")) {
+				/**
+                    loaded value can be false or undefined, false being hidden and undefined being loading
+                    if the panel is hidden then only unhide it
+                */
+				if (this.panelLoaded[panelName].loaded === false) {
+					insertContentFn();
+					// Remove hidden class if applied
+					panel.setVisible(true);
+				}
+				this.handlePanelLoad(panelName, { loaded: true, count: this.panelLoaded[panelName].count });
+			} else {
+				const listener = () => {
+					insertContentFn();
+					// Remove hidden class if applied
+					panel.setVisible(true);
+					layout.detachOnCollapse(listener); // Remove the listener after execution
+				};
+				this.handlePanelLoad(panelName, { loaded: true, count: this.panelLoaded[panelName].count });
+				layout.attachOnCollapse(listener);
+			}
+		};
+
+		// Handling CardsPanel
+		if (panel instanceof CardsPanel && !this.panelLoaded[cardsPanelName].loaded) {
+			processPanelVisibility(cardsPanelName, () => this.addContent(this.panelContext[cardsPanelName]));
+		}
+	}
+
+	/**
+	 * Adjusts the layout of the container.
+	 *
+	 * @private
+	 * @override
+	 */
+	public adjustLayout() {
+		//adjust layout of all panels
+		(this.getContent() as CardsPanel[]).forEach((panel) => panel._adjustLayout?.());
+	}
+
+	/**
+	 * Handles the loading of a panel.
+	 *
+	 * @param {string} panelName - The name of the panel.
+	 * @param {object} oVal - The load status and count of the panel.
+	 * @param {boolean} oVal.loaded - The load status of the panel.
+	 * @param {number} oVal.count - The count of items in the panel.
+	 */
+	public handlePanelLoad(panelName: string, oVal: { loaded: boolean; count: number }) {
+		if (this.panelLoaded[panelName].loaded !== oVal.loaded) {
+			this.panelLoaded[panelName] = oVal;
+		}
+		this.adjustLayout();
+	}
+
+	/**
+	 * Retrieves the generic placeholder content for the Cards container.
+	 *
+	 * @returns {string} The HTML string representing the cards container's placeholder content.
+	 */
+	protected getGenericPlaceholderContent(): string {
+		return getCardsPlaceholder();
+	}
+
+	/**
+	 * Refreshes the data for a specific panel based on its key.
+	 *
+	 * @private
+	 * @param {string} key - The key of the panel to refresh.
+	 */
+	public async refreshData(key: string) {
+		const panel = Object.values(this.panelContext).find((panel) => panel.getKey() === key);
+		await panel?.refreshData?.();
+	}
+}