@sapui5/sap.cux.home 1.135.0 → 1.136.0

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

@@ -1 +1 @@
-{"version":3,"file":"PagePanel.js","names":["sap","ui","define","Button","FlexBox","GenericTile","IllustratedMessage","VBox","sap_m_library","EventBus","__BasePagePanel","__MenuItem","__Page","___utils_Constants","___utils_Device","___utils_DragDropUtils","___utils_FESRUtil","__PageManager","__PersonalisationUtils","__UShellPersonalizer","_interopRequireDefault","obj","__esModule","default","LoadState","BasePagePanel","MenuItem","Page","PAGE_SELECTION_LIMIT","SETTINGS_PANELS_KEYS","DeviceType","attachKeyboardHandler","focusDraggedItem","addFESRId","addFESRSemanticStepName","PageManager","PersonalisationUtils","UShellPersonalizer","maxTileSize","minTileSize","CustomFlexBox","extend","renderer","apiVersion","metadata","library","aggregations","items","type","multiple","singularName","dnd","draggable","droppable","constructor","_constructor","id","settings","FlexBox.prototype.constructor.call","this","PagePanel","properties","title","group","visibility","key","pages","_constructor2","BasePagePanel.prototype.constructor.call","init","_init","_this","BasePagePanel.prototype.init.call","_oWrapperFlexBox","getId","justifyContent","height","width","direction","renderType","wrap","getPlaceholderPageTiles","addStyleClass","addDragDropConfigTo","oEvent","_handlePageDnd","Promise","resolve","then","e","reject","_addContent","setProperty","_i18nBundle","getText","menuItem","icon","press","_handleEditPages","addAggregation","oEventBus","getInstance","subscribe","sChannelId","sEventId","oData","aFavPages","writeFavPagesIntoPers","_getInnerControls","_importdone","getData","stateData","status","publish","_getData","forceUpdate","arguments","length","undefined","_this2","_temp2","fireEvent","oPagePromise","_temp","_getPageManagerInstance","getFavoritePages","parent","getParent","_getLayout","openSettingsDialog","PAGES","_getPlaceholderPageTiles","placeholderArray","Array","fill","Loading","placeholderTiles","map","tileState","index","sizeBehavior","state","frameType","mode","visible","renderOnThemeChange","ariaRole","dropAreaOffset","attachResizeHandler","_attachResizeHandler","bIsNewsTileVisible","containerWidth","pagesContentWrapper","containerWrapper","iFavPagesCount","domRef","getDomRef","domRefClientWidth","clientWidth","pagesPerRow","tileWidth","hBoxWidth","finalTilesWidth","wrapperWidth","gap","flexWrapperWidth","setAlignItems","spaceRequired","_setPropertyValues","pagesTileWidth","setWidth","_handleResizeForDesktop","oErr","Error","getUserAvailablePages","_getUserAvailablePages","_this3","fetchAllAvailablePages","sDeviceType","getDeviceType","pagesToDisplay","Math","ceil","Desktop","LargeDesktop","Tablet","myFavPage","oInnerControls","oParent","forEach","oPage","push","subTitle","spaceTitle","bgColor","BGColor","pageId","spaceId","url","oFav","header","getTitle","subheader","getSubTitle","onPageTilePress","backgroundColor","getBgColor","tileIcon","getIcon","getProperty","panelLoadedFn","loaded","count","_setFavPagesContent","_setNoPageContent","removeAggregation","removeAllItems","removeStyleClass","oTile","addItem","_createNoPageContent","_oIllusMsg","illustrationSize","illustrationType","description","oAddPageBtn","text","tooltip","oWrapperNoPageVBox","backgroundDesign","addAdditionalContent","oVal","propNames","Object","keys","sProperty","_this4","sInsertPosition","getParameter","oDragItem","oDropItem","iDragItemIndex","indexOfItem","iDropItemIndex","_temp3","_DragnDropPages","_this5","oItemMoved","splice","_writeFavPagesIntoPers","favPages","_this6","_temp5","oPersonalizer","read","oPersData","favouritePages","write","_temp4","persContainerId","getOwnerComponent","_UShellPersonalizer$g","applyColorPersonalizations","_applyColorPersonalizations","personalizations","applyIconPersonalizations","_applyIconPersonalizations","pageManagerInstance","getPersContainerId"],"sources":["PagePanel.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 FlexBox, { $FlexBoxSettings } from \"sap/m/FlexBox\";\nimport GenericTile from \"sap/m/GenericTile\";\nimport IllustratedMessage from \"sap/m/IllustratedMessage\";\nimport VBox from \"sap/m/VBox\";\nimport { LoadState } from \"sap/m/library\";\nimport Event from \"sap/ui/base/Event\";\nimport Component from \"sap/ui/core/Component\";\nimport Control from \"sap/ui/core/Control\";\nimport { MetadataOptions } from \"sap/ui/core/Element\";\nimport EventBus from \"sap/ui/core/EventBus\";\nimport { DropInfo$DropEventParameters } from \"sap/ui/core/dnd/DropInfo\";\nimport type { $BasePagePanelSettings } from \"./BasePagePanel\";\nimport BasePagePanel from \"./BasePagePanel\";\nimport MenuItem from \"./MenuItem\";\nimport NewsAndPagesContainer from \"./NewsAndPagesContainer\";\nimport Page from \"./Page\";\nimport { ISpacePagePersonalization } from \"./interface/KeyUserInterface\";\nimport { IPage } from \"./interface/PageSpaceInterface\";\nimport { PAGE_SELECTION_LIMIT, SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\nimport { DeviceType } from \"./utils/Device\";\nimport { attachKeyboardHandler, focusDraggedItem } from \"./utils/DragDropUtils\";\nimport { addFESRId, addFESRSemanticStepName } from \"./utils/FESRUtil\";\nimport PageManager from \"./utils/PageManager\";\nimport PersonalisationUtils from \"./utils/PersonalisationUtils\";\nimport UShellPersonalizer from \"./utils/UshellPersonalizer\";\n\nconst maxTileSize = 15,\n\tminTileSize = 7;\n\n/**\n *\n * CustomFlexBox extending FlexBox to enable drag & drop.\n *\n * @extends sap.m.FlexBox\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.122\n *\n * @internal\n * @experimental Since 1.121\n * @private\n *\n * @alias sap.cux.home.CustomFlexBox\n */\nclass CustomFlexBox extends FlexBox {\n\tconstructor(idOrSettings?: string | $FlexBoxSettings);\n\tconstructor(id?: string, settings?: $FlexBoxSettings);\n\tconstructor(id?: string, settings?: $FlexBoxSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\taggregations: {\n\t\t\titems: { type: \"sap.ui.core.Control\", multiple: true, singularName: \"item\", dnd: { draggable: true, droppable: true } }\n\t\t}\n\t};\n\tstatic renderer = {\n\t\tapiVersion: 2\n\t};\n}\n\n/**\n *\n * Panel class for managing and storing Pages.\n *\n * @extends sap.cux.home.BasePagePanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.122\n *\n * @internal\n * @experimental Since 1.121\n * @public\n *\n * @alias sap.cux.home.PagePanel\n */\n\nexport default class PagePanel extends BasePagePanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\tproperties: {\n\t\t\t/**\n\t\t\t * Title for the page panel\n\t\t\t */\n\t\t\ttitle: { type: \"string\", group: \"Misc\", visibility: \"hidden\" },\n\t\t\t/**\n\t\t\t * Key for the page panel\n\t\t\t */\n\t\t\tkey: { type: \"string\", group: \"Misc\", visibility: \"hidden\" }\n\t\t},\n\t\taggregations: {\n\t\t\t/**\n\t\t\t * Aggregation of pages available within the page panel\n\t\t\t */\n\t\t\tpages: { type: \"sap.cux.home.Page\", singularName: \"page\", multiple: true, visibility: \"hidden\" }\n\t\t}\n\t};\n\tprivate _oWrapperFlexBox!: CustomFlexBox;\n\tprivate oPagePromise!: Promise<IPage[]> | null;\n\tprivate persContainerId!: string;\n\tprivate pageManagerInstance!: PageManager;\n\tprivate aFavPages!: IPage[];\n\tprivate oInnerControls!: GenericTile[];\n\tprivate _oIllusMsg!: IllustratedMessage;\n\tprivate oAddPageBtn!: Button;\n\tprivate oPersonalizer!: UShellPersonalizer;\n\tprivate oEventBus!: EventBus;\n\n\t/**\n\t * Constructor for a new Page panel.\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?: $BasePagePanelSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\tinit() {\n\t\tsuper.init();\n\n\t\tthis._oWrapperFlexBox = new CustomFlexBox(`${this.getId()}-pageWrapper`, {\n\t\t\tjustifyContent: \"Start\",\n\t\t\theight: \"100%\",\n\t\t\twidth: \"100%\",\n\t\t\tdirection: \"Row\",\n\t\t\trenderType: \"Bare\",\n\t\t\twrap: \"Wrap\",\n\t\t\titems: this.getPlaceholderPageTiles()\n\t\t}).addStyleClass(\"newsSlideFlexGap sapUiSmallMarginTop sapUiSmallMarginBottom\");\n\t\tthis.addDragDropConfigTo(\n\t\t\tthis._oWrapperFlexBox,\n\t\t\t(oEvent) => void this._handlePageDnd(oEvent),\n\t\t\tasync (oEvent: KeyboardEvent) => {\n\t\t\t\tawait attachKeyboardHandler(oEvent, true);\n\t\t\t}\n\t\t);\n\n\t\tthis._addContent(this._oWrapperFlexBox);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"pageTitle\"));\n\n\t\tconst menuItem = new MenuItem(`${this.getId()}-managePages`, {\n\t\t\ttitle: this._i18nBundle.getText(\"mngPage\"),\n\t\t\ticon: \"sap-icon://edit\",\n\t\t\tpress: () => this._handleEditPages()\n\t\t});\n\t\tthis.addAggregation(\"menuItems\", menuItem);\n\t\taddFESRId(menuItem, \"managePages\");\n\t\tthis.oEventBus = EventBus.getInstance();\n\t\t// Subscribe to the event\n\t\tthis.oEventBus.subscribe(\n\t\t\t\"importChannel\",\n\t\t\t\"favPagesImport\",\n\t\t\tasync (sChannelId?: string, sEventId?: string, oData?) => {\n\t\t\t\tthis.aFavPages = oData as IPage[];\n\t\t\t\tawait this.writeFavPagesIntoPers(this.aFavPages);\n\t\t\t\tthis._getInnerControls();\n\t\t\t\tthis._importdone();\n\t\t\t},\n\t\t\tthis\n\t\t);\n\n\t\t// Subscribe to page changes from pageManager\n\t\tthis.oEventBus.subscribe(\n\t\t\t\"pageChannel\",\n\t\t\t\"pageUpdated\",\n\t\t\t() => {\n\t\t\t\tvoid this.getData(true);\n\t\t\t},\n\t\t\tthis\n\t\t);\n\t}\n\n\tprivate _importdone() {\n\t\tconst stateData = { status: true };\n\t\tthis.oEventBus.publish(\"importChannel\", \"favPagesImported\", stateData);\n\t}\n\n\tpublic async getData(forceUpdate: boolean = false) {\n\t\tif (this.oPagePromise === undefined || this.oPagePromise === null || forceUpdate) {\n\t\t\tthis.oPagePromise = this._getPageManagerInstance().getFavoritePages();\n\t\t\tconst aFavPages = await this.oPagePromise;\n\t\t\tthis.aFavPages = aFavPages;\n\t\t\tthis._getInnerControls();\n\t\t\tthis.oPagePromise = null;\n\t\t}\n\t\tthis.fireEvent(\"loaded\");\n\t\treturn this.oPagePromise;\n\t}\n\n\t/**\n\t * Handles the edit page event.\n\t * Opens the page dialog for managing page data.\n\t * @param {Event} oEvent - The event object.\n\t * @private\n\t */\n\tprivate _handleEditPages() {\n\t\tconst parent = this.getParent() as NewsAndPagesContainer;\n\t\tparent?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.PAGES);\n\t}\n\n\t/**\n\t * returns an array of placeholder generic tiles for pages\n\t * @private\n\t */\n\tprivate getPlaceholderPageTiles(): GenericTile[] {\n\t\tconst placeholderArray = new Array(PAGE_SELECTION_LIMIT).fill(LoadState.Loading) as LoadState[];\n\t\tconst placeholderTiles = placeholderArray.map((tileState: LoadState, index) => {\n\t\t\treturn new GenericTile(`${this.getId()}--${index}`, {\n\t\t\t\tsizeBehavior: \"Responsive\",\n\t\t\t\tstate: tileState,\n\t\t\t\tframeType: \"OneByOne\",\n\t\t\t\tmode: \"IconMode\",\n\t\t\t\tvisible: true,\n\t\t\t\trenderOnThemeChange: true,\n\t\t\t\tariaRole: \"listitem\",\n\t\t\t\tdropAreaOffset: 8\n\t\t\t}).addStyleClass(\"cuxPagesPlaceholder\");\n\t\t});\n\t\treturn placeholderTiles;\n\t}\n\n\tpublic attachResizeHandler(\n\t\tbIsNewsTileVisible: boolean,\n\t\tcontainerWidth: number,\n\t\tpagesContentWrapper: FlexBox,\n\t\tcontainerWrapper: FlexBox\n\t) {\n\t\ttry {\n\t\t\tconst iFavPagesCount = this.aFavPages.length,\n\t\t\t\tdomRef = pagesContentWrapper.getDomRef() as Element;\n\n\t\t\tlet domRefClientWidth = 0;\n\t\t\tdomRefClientWidth = bIsNewsTileVisible ? domRef.clientWidth : containerWidth;\n\n\t\t\tif (!domRefClientWidth) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet pagesPerRow: number = 0,\n\t\t\t\ttileWidth,\n\t\t\t\thBoxWidth: string,\n\t\t\t\tfinalTilesWidth: string,\n\t\t\t\twrapperWidth = domRefClientWidth / 16; // Divide by 16 to convert to rem,\n\t\t\tconst gap = 1,\n\t\t\t\tflexWrapperWidth = containerWidth || domRef.clientWidth;\n\n\t\t\tif (iFavPagesCount === 1) {\n\t\t\t\tcontainerWrapper.setAlignItems(\"Start\");\n\t\t\t}\n\n\t\t\tif (bIsNewsTileVisible && flexWrapperWidth >= 1520) {\n\t\t\t\t// As newsTile will grow till 40.75 rem, calculating the remaining width\n\t\t\t\twrapperWidth = flexWrapperWidth / 16 - 40.75;\n\t\t\t}\n\n\t\t\tif (iFavPagesCount > 0) {\n\t\t\t\tif (!bIsNewsTileVisible) {\n\t\t\t\t\t// If Space available display all tiles in a single row\n\t\t\t\t\tconst spaceRequired = iFavPagesCount * minTileSize + (iFavPagesCount - 1) * gap;\n\t\t\t\t\tif (spaceRequired <= wrapperWidth) {\n\t\t\t\t\t\tpagesPerRow = iFavPagesCount;\n\t\t\t\t\t\ttileWidth = (wrapperWidth - (pagesPerRow - 1) * gap) / pagesPerRow;\n\t\t\t\t\t\ttileWidth = tileWidth <= maxTileSize ? tileWidth : maxTileSize;\n\t\t\t\t\t\tthis._setPropertyValues({ hBoxWidth: wrapperWidth + \"rem\", pagesTileWidth: tileWidth + \"rem\" });\n\t\t\t\t\t\tpagesContentWrapper.setWidth(wrapperWidth + \"rem\");\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tpagesPerRow = this._handleResizeForDesktop(bIsNewsTileVisible, iFavPagesCount);\n\t\t\t\tif (pagesPerRow) {\n\t\t\t\t\ttileWidth = (wrapperWidth - (pagesPerRow - 1) * gap) / pagesPerRow;\n\t\t\t\t\ttileWidth = tileWidth <= maxTileSize ? tileWidth : maxTileSize;\n\t\t\t\t\tfinalTilesWidth = tileWidth + \"rem\";\n\t\t\t\t\thBoxWidth = pagesPerRow * tileWidth + pagesPerRow * gap + \"rem\";\n\t\t\t\t} else {\n\t\t\t\t\tfinalTilesWidth = \"auto\";\n\t\t\t\t\thBoxWidth = \"100%\";\n\t\t\t\t}\n\n\t\t\t\tthis._setPropertyValues({ hBoxWidth: hBoxWidth, pagesTileWidth: finalTilesWidth });\n\t\t\t\tpagesContentWrapper.setWidth(wrapperWidth + \"rem\");\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tpagesContentWrapper.setWidth(wrapperWidth + \"rem\");\n\t\t\treturn true;\n\t\t} catch (oErr) {\n\t\t\tif (oErr instanceof Error) {\n\t\t\t\tconsole.error(oErr.message);\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t}\n\n\tpublic async getUserAvailablePages() {\n\t\treturn await this._getPageManagerInstance().fetchAllAvailablePages();\n\t}\n\n\tprivate _handleResizeForDesktop(bIsNewsTileVisible: boolean, iFavPagesCount: number): number {\n\t\tlet pagesPerRow = 0;\n\t\tconst sDeviceType = this.getDeviceType();\n\t\tconst pagesToDisplay = Math.ceil(iFavPagesCount >= 8 ? 4 : iFavPagesCount / 2);\n\t\tif (sDeviceType === DeviceType.Desktop || sDeviceType === DeviceType.LargeDesktop) {\n\t\t\tif (bIsNewsTileVisible) {\n\t\t\t\tpagesPerRow = pagesToDisplay;\n\t\t\t} else {\n\t\t\t\tpagesPerRow = iFavPagesCount <= 4 ? iFavPagesCount : pagesToDisplay;\n\t\t\t}\n\t\t} else if (sDeviceType === DeviceType.Tablet) {\n\t\t\tpagesPerRow = iFavPagesCount <= 4 ? iFavPagesCount : pagesToDisplay;\n\t\t}\n\t\treturn pagesPerRow;\n\t}\n\n\tprivate _getInnerControls() {\n\t\tconst myFavPage: Page[] = [];\n\t\tthis.oInnerControls = [];\n\t\tconst oParent = this.getParent() as NewsAndPagesContainer;\n\t\tif (this.aFavPages) {\n\t\t\tthis.aFavPages.forEach((oPage: IPage) => {\n\t\t\t\tmyFavPage.push(\n\t\t\t\t\tnew Page(\"\", {\n\t\t\t\t\t\ttitle: oPage.title,\n\t\t\t\t\t\tsubTitle: oPage.title === oPage.spaceTitle ? \"\" : oPage.spaceTitle,\n\t\t\t\t\t\ticon: oPage.icon,\n\t\t\t\t\t\tbgColor: oPage.BGColor as string,\n\t\t\t\t\t\tpageId: oPage.pageId,\n\t\t\t\t\t\tspaceId: oPage.spaceId,\n\t\t\t\t\t\tspaceTitle: oPage.spaceTitle,\n\t\t\t\t\t\turl: \"#Launchpad-openFLPPage?pageId=\" + oPage.pageId + \"&spaceId=\" + oPage.spaceId\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t});\n\t\t\tmyFavPage.forEach((oFav: Page) => {\n\t\t\t\tthis.oInnerControls.push(\n\t\t\t\t\tnew GenericTile({\n\t\t\t\t\t\t// width: \"10rem\",\n\t\t\t\t\t\theader: oFav.getTitle(),\n\t\t\t\t\t\tsubheader: oFav.getSubTitle(),\n\t\t\t\t\t\tpress: () => void oFav.onPageTilePress(oFav),\n\t\t\t\t\t\tsizeBehavior: \"Responsive\",\n\t\t\t\t\t\tstate: \"Loaded\",\n\t\t\t\t\t\tframeType: \"OneByOne\",\n\t\t\t\t\t\tmode: \"IconMode\",\n\t\t\t\t\t\tbackgroundColor: oFav.getBgColor(),\n\t\t\t\t\t\ttileIcon: oFav.getIcon(),\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\trenderOnThemeChange: true,\n\t\t\t\t\t\tariaRole: \"listitem\",\n\t\t\t\t\t\tdropAreaOffset: 8,\n\t\t\t\t\t\turl: oFav.getProperty(\"url\") as string\n\t\t\t\t\t}).addStyleClass(\"sapCuxPageTile\")\n\t\t\t\t);\n\t\t\t\tthis.addAggregation(\"pages\", oFav, true);\n\t\t\t});\n\n\t\t\tthis._oWrapperFlexBox.setAlignItems(this.aFavPages.length == 1 ? \"Start\" : \"Center\");\n\n\t\t\tif (this.aFavPages.length) {\n\t\t\t\toParent?.panelLoadedFn(\"Page\", { loaded: true, count: this.aFavPages.length });\n\t\t\t\tthis._setFavPagesContent();\n\t\t\t} else {\n\t\t\t\toParent?.panelLoadedFn(\"Page\", { loaded: true, count: 0 });\n\t\t\t\tthis._setNoPageContent();\n\t\t\t}\n\t\t} else {\n\t\t\toParent?.panelLoadedFn(\"Page\", { loaded: false, count: 0 });\n\t\t\tthis.removeAggregation(\"content\", this._oWrapperFlexBox);\n\t\t}\n\t}\n\n\tprivate _setFavPagesContent() {\n\t\tthis._oWrapperFlexBox.removeAllItems();\n\t\tthis._oWrapperFlexBox.removeStyleClass(\"pagesFlexBox\");\n\t\tthis.oInnerControls.forEach((oTile: GenericTile) => {\n\t\t\tthis._oWrapperFlexBox.addItem(oTile);\n\t\t});\n\t}\n\n\tprivate _createNoPageContent() {\n\t\tif (!this._oIllusMsg) {\n\t\t\tthis._oIllusMsg = new IllustratedMessage(this.getId() + \"--idNoPages\", {\n\t\t\t\tillustrationSize: \"Spot\",\n\t\t\t\tillustrationType: \"sapIllus-SimpleNoSavedItems\",\n\t\t\t\ttitle: this._i18nBundle.getText(\"noDataPageTitle\"),\n\t\t\t\tdescription: this._i18nBundle.getText(\"noPageDescription\")\n\t\t\t}).addStyleClass(\"myHomeIllustratedMsg myHomeIllustratedMessageAlign\");\n\t\t\tthis.oAddPageBtn = new Button(this.getId() + \"--idAddPageBtn\", {\n\t\t\t\ttext: this._i18nBundle.getText(\"addPage\"),\n\t\t\t\ttooltip: this._i18nBundle.getText(\"addPage\"),\n\t\t\t\ttype: \"Emphasized\",\n\t\t\t\tpress: () => this._handleEditPages()\n\t\t\t});\n\t\t\taddFESRSemanticStepName(this.oAddPageBtn, \"press\", \"addPages\");\n\t\t}\n\t}\n\n\tprivate _setNoPageContent() {\n\t\tconst oWrapperNoPageVBox = new VBox({\n\t\t\twidth: \"100%\",\n\t\t\theight: \"17rem\",\n\t\t\tbackgroundDesign: \"Solid\",\n\t\t\tjustifyContent: \"Center\"\n\t\t}).addStyleClass(\"sapUiRoundedBorder noCardsBorder\");\n\t\tthis._createNoPageContent();\n\t\tthis._oIllusMsg.addAdditionalContent(this.oAddPageBtn);\n\t\tthis._oWrapperFlexBox.removeAllItems();\n\t\tthis._oWrapperFlexBox.addStyleClass(\"pagesFlexBox\");\n\t\toWrapperNoPageVBox.addItem(this._oIllusMsg);\n\t\tthis._oWrapperFlexBox.addItem(oWrapperNoPageVBox);\n\t}\n\n\tprivate _setPropertyValues(oVal: { hBoxWidth: string; pagesTileWidth: string }) {\n\t\tconst propNames = Object.keys(oVal);\n\t\tpropNames.forEach((sProperty: string) => {\n\t\t\tif (sProperty === \"hBoxWidth\") {\n\t\t\t\tthis._oWrapperFlexBox.setProperty(\"width\", oVal[sProperty]);\n\t\t\t} else if (sProperty === \"pagesTileWidth\" && this.oInnerControls.length) {\n\t\t\t\tthis.oInnerControls.forEach(function (oTile) {\n\t\t\t\t\toTile.setProperty(\"width\", oVal[sProperty]);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate async _handlePageDnd(oEvent: Event<DropInfo$DropEventParameters>) {\n\t\tconst sInsertPosition = oEvent.getParameter?.(\"dropPosition\"),\n\t\t\toDragItem = oEvent?.getParameter?.(\"draggedControl\") as Control,\n\t\t\toDropItem = oEvent.getParameter(\"droppedControl\") as Control,\n\t\t\tiDragItemIndex = (oDragItem.getParent() as FlexBox)?.indexOfItem(oDragItem);\n\t\tlet iDropItemIndex = (oDragItem.getParent() as FlexBox)?.indexOfItem(oDropItem);\n\n\t\tif (sInsertPosition === \"Before\" && iDragItemIndex === iDropItemIndex - 1) {\n\t\t\tiDropItemIndex--;\n\t\t} else if (sInsertPosition === \"After\" && iDragItemIndex === iDropItemIndex + 1) {\n\t\t\tiDropItemIndex++;\n\t\t}\n\n\t\tif (iDragItemIndex !== iDropItemIndex) {\n\t\t\tawait this._DragnDropPages(iDragItemIndex, iDropItemIndex, sInsertPosition as string);\n\t\t}\n\t}\n\n\tprivate async _DragnDropPages(iDragItemIndex: number, iDropItemIndex: number, sInsertPosition: string) {\n\t\tif (sInsertPosition === \"Before\" && iDragItemIndex < iDropItemIndex) {\n\t\t\tiDropItemIndex--;\n\t\t} else if (sInsertPosition === \"After\" && iDragItemIndex > iDropItemIndex) {\n\t\t\tiDropItemIndex++;\n\t\t}\n\t\t// take the moved item from dragIndex and add to dropindex\n\t\tconst oItemMoved = this.aFavPages.splice(iDragItemIndex, 1)[0];\n\t\tthis.aFavPages.splice(iDropItemIndex, 0, oItemMoved);\n\t\tthis._getInnerControls();\n\n\t\tawait this.writeFavPagesIntoPers(this.aFavPages);\n\t\tfocusDraggedItem(this._oWrapperFlexBox, iDropItemIndex);\n\t}\n\n\t/**\n\t * Writes the favourite pages data into personalizer\n\t *\n\t * @private\n\t * @async\n\t * @param {IPage[]} favPages\n\t * @returns {*}\n\t */\n\tprivate async writeFavPagesIntoPers(favPages: IPage[]) {\n\t\tif (this.oPersonalizer === undefined) {\n\t\t\tthis.oPersonalizer = await UShellPersonalizer.getInstance(\n\t\t\t\tthis.persContainerId,\n\t\t\t\tPersonalisationUtils.getOwnerComponent(this) as Component\n\t\t\t);\n\t\t}\n\n\t\tlet oPersData = await this.oPersonalizer.read();\n\t\tif (!oPersData) oPersData = { favouritePages: [] };\n\t\toPersData.favouritePages = favPages;\n\t\tawait this.oPersonalizer.write(oPersData);\n\t}\n\n\tpublic applyColorPersonalizations(personalizations: Array<ISpacePagePersonalization>) {\n\t\tvoid this._getPageManagerInstance()?.applyColorPersonalizations(personalizations);\n\t}\n\n\tpublic applyIconPersonalizations(personalizations: Array<ISpacePagePersonalization>) {\n\t\tvoid this._getPageManagerInstance()?.applyIconPersonalizations(personalizations);\n\t}\n\n\tprivate _getPageManagerInstance() {\n\t\tif (!this.pageManagerInstance) {\n\t\t\tthis.persContainerId = PersonalisationUtils.getPersContainerId(this);\n\t\t\tthis.pageManagerInstance = PageManager.getInstance(\n\t\t\t\tthis.persContainerId,\n\t\t\t\tPersonalisationUtils.getOwnerComponent(this) as Component\n\t\t\t);\n\t\t}\n\t\treturn this.pageManagerInstance;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PagePanel.js","names":["sap","ui","define","Button","FlexBox","GenericTile","IllustratedMessage","IllustratedMessageSize","IllustratedMessageType","VBox","sap_m_library","EventBus","__BasePagePanel","__MenuItem","__Page","___utils_Constants","___utils_DataFormatUtils","___utils_Device","___utils_DragDropUtils","___utils_FESRUtil","__PageManager","__PersonalisationUtils","__UShellPersonalizer","_interopRequireDefault","obj","__esModule","default","LoadState","BasePagePanel","MenuItem","Page","PAGE_SELECTION_LIMIT","SETTINGS_PANELS_KEYS","recycleId","DeviceType","attachKeyboardHandler","focusDraggedItem","addFESRId","addFESRSemanticStepName","PageManager","PersonalisationUtils","UShellPersonalizer","tileSizes","Mobile","maxWidth","minWidth","Tablet","Desktop","LargeDesktop","smallTabletMinWidth","mobileOneTileLimit","maxTileCOunt","maxRowCount","CustomFlexBox","extend","renderer","apiVersion","metadata","library","aggregations","items","type","multiple","singularName","dnd","draggable","droppable","constructor","_constructor","id","settings","FlexBox.prototype.constructor.call","this","PagePanel","properties","title","group","visibility","key","pages","_constructor2","BasePagePanel.prototype.constructor.call","init","_init","_this","BasePagePanel.prototype.init.call","_oWrapperFlexBox","getId","justifyContent","height","width","direction","renderType","wrap","getPlaceholderPageTiles","addStyleClass","addDragDropConfigTo","oEvent","_handlePageDnd","Promise","resolve","then","e","reject","_addContent","setProperty","_i18nBundle","getText","menuItem","icon","press","_handleEditPages","addAggregation","oEventBus","getInstance","subscribe","sChannelId","sEventId","oData","aFavPages","writeFavPagesIntoPers","_getInnerControls","_importdone","getData","stateData","status","publish","_getData","forceUpdate","arguments","length","undefined","_this2","_temp2","fireEvent","oPagePromise","_temp","_getPageManagerInstance","getFavoritePages","parent","getParent","_getLayout","openSettingsDialog","PAGES","_getPlaceholderPageTiles","placeholderArray","Array","fill","Loading","placeholderTiles","map","tileState","index","sizeBehavior","state","frameType","mode","visible","renderOnThemeChange","ariaRole","dropAreaOffset","attachResizeHandler","_attachResizeHandler","isNewsTileVisible","containerWidth","pagesContentWrapper","containerWrapper","favPagesCount","deviceType","getDeviceType","pagesWrapperDomRef","getDomRef","domRefClientWidth","clientWidth","tileWidth","hBoxWidth","finalTilesWidth","wrapperWidth","gap","setAlignItems","pagesPerRow","calculatePagesPerRow","maxTileWidth","minTileWidth","Math","min","max","_setPropertyValues","pagesTileWidth","setWidth","err","Error","getUserAvailablePages","_getUserAvailablePages","_this3","fetchAllAvailablePages","_calculatePagesPerRow","isNewsFeedVisible","ceil","myFavPage","oInnerControls","oParent","forEach","oPage","push","subTitle","spaceTitle","bgColor","BGColor","pageId","spaceId","url","oFav","index2","header","getTitle","subheader","getSubTitle","onPageTilePress","backgroundColor","getBgColor","tileIcon","getIcon","getProperty","panelLoadedFn","loaded","count","_setFavPagesContent","_setNoPageContent","removeAggregation","removeAllItems","removeStyleClass","oTile","addItem","_createNoPageContent","_oIllusMsg","illustrationSize","Small","illustrationType","NoSavedItems","description","oAddPageBtn","text","tooltip","oWrapperNoPageVBox","backgroundDesign","addAdditionalContent","oVal","propNames","Object","keys","sProperty","_this4","sInsertPosition","getParameter","oDragItem","oDropItem","iDragItemIndex","indexOfItem","iDropItemIndex","_temp3","_DragnDropPages","_this5","oItemMoved","splice","_writeFavPagesIntoPers","favPages","_this6","_temp5","oPersonalizer","read","oPersData","favouritePages","write","_temp4","persContainerId","getOwnerComponent","_UShellPersonalizer$g","applyColorPersonalizations","_applyColorPersonalizations","personalizations","applyIconPersonalizations","_applyIconPersonalizations","pageManagerInstance","newsAndPagesContainer","layout","getPersContainerId"],"sources":["PagePanel.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 FlexBox, { $FlexBoxSettings } from \"sap/m/FlexBox\";\nimport GenericTile from \"sap/m/GenericTile\";\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 { LoadState } from \"sap/m/library\";\nimport Event from \"sap/ui/base/Event\";\nimport Component from \"sap/ui/core/Component\";\nimport Control from \"sap/ui/core/Control\";\nimport { MetadataOptions } from \"sap/ui/core/Element\";\nimport EventBus from \"sap/ui/core/EventBus\";\nimport { DropInfo$DropEventParameters } from \"sap/ui/core/dnd/DropInfo\";\nimport type { $BasePagePanelSettings } from \"./BasePagePanel\";\nimport BasePagePanel from \"./BasePagePanel\";\nimport MenuItem from \"./MenuItem\";\nimport NewsAndPagesContainer from \"./NewsAndPagesContainer\";\nimport Page from \"./Page\";\nimport { ISpacePagePersonalization } from \"./interface/KeyUserInterface\";\nimport { IPage } from \"./interface/PageSpaceInterface\";\nimport { PAGE_SELECTION_LIMIT, SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\nimport { recycleId } from \"./utils/DataFormatUtils\";\nimport { DeviceType } from \"./utils/Device\";\nimport { attachKeyboardHandler, focusDraggedItem } from \"./utils/DragDropUtils\";\nimport { addFESRId, addFESRSemanticStepName } from \"./utils/FESRUtil\";\nimport PageManager from \"./utils/PageManager\";\nimport PersonalisationUtils from \"./utils/PersonalisationUtils\";\nimport UShellPersonalizer from \"./utils/UshellPersonalizer\";\n\nconst tileSizes = {\n\tMobile: {\n\t\tmaxWidth: 37.5,\n\t\tminWidth: 8\n\t},\n\tTablet: {\n\t\tmaxWidth: 37.5,\n\t\tminWidth: 10.625\n\t},\n\tDesktop: {\n\t\tmaxWidth: 18.75,\n\t\tminWidth: 7\n\t},\n\tLargeDesktop: {\n\t\tmaxWidth: 18.75,\n\t\tminWidth: 7\n\t},\n\tsmallTabletMinWidth: 8\n};\n\nconst mobileOneTileLimit = 3;\nconst maxTileCOunt = 8;\nconst maxRowCount = 4;\n\n/**\n *\n * CustomFlexBox extending FlexBox to enable drag & drop.\n *\n * @extends sap.m.FlexBox\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.122\n *\n * @internal\n * @experimental Since 1.121\n * @private\n *\n * @alias sap.cux.home.CustomFlexBox\n */\nclass CustomFlexBox extends FlexBox {\n\tconstructor(idOrSettings?: string | $FlexBoxSettings);\n\tconstructor(id?: string, settings?: $FlexBoxSettings);\n\tconstructor(id?: string, settings?: $FlexBoxSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\taggregations: {\n\t\t\titems: { type: \"sap.ui.core.Control\", multiple: true, singularName: \"item\", dnd: { draggable: true, droppable: true } }\n\t\t}\n\t};\n\tstatic renderer = {\n\t\tapiVersion: 2\n\t};\n}\n\n/**\n *\n * Panel class for managing and storing Pages.\n *\n * @extends sap.cux.home.BasePagePanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.122\n *\n * @internal\n * @experimental Since 1.121\n * @public\n *\n * @alias sap.cux.home.PagePanel\n */\n\nexport default class PagePanel extends BasePagePanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\",\n\t\tproperties: {\n\t\t\t/**\n\t\t\t * Title for the page panel\n\t\t\t */\n\t\t\ttitle: { type: \"string\", group: \"Misc\", visibility: \"hidden\" },\n\t\t\t/**\n\t\t\t * Key for the page panel\n\t\t\t */\n\t\t\tkey: { type: \"string\", group: \"Misc\", visibility: \"hidden\" }\n\t\t},\n\t\taggregations: {\n\t\t\t/**\n\t\t\t * Aggregation of pages available within the page panel\n\t\t\t */\n\t\t\tpages: { type: \"sap.cux.home.Page\", singularName: \"page\", multiple: true, visibility: \"hidden\" }\n\t\t}\n\t};\n\tprivate _oWrapperFlexBox!: CustomFlexBox;\n\tprivate oPagePromise!: Promise<IPage[]> | null;\n\tprivate persContainerId!: string;\n\tprivate pageManagerInstance!: PageManager;\n\tprivate aFavPages!: IPage[];\n\tprivate oInnerControls!: GenericTile[];\n\tprivate _oIllusMsg!: IllustratedMessage;\n\tprivate oWrapperNoPageVBox!: VBox;\n\tprivate oAddPageBtn!: Button;\n\tprivate oPersonalizer!: UShellPersonalizer;\n\tprivate oEventBus!: EventBus;\n\n\t/**\n\t * Constructor for a new Page panel.\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?: $BasePagePanelSettings) {\n\t\tsuper(id, settings);\n\t}\n\n\tinit() {\n\t\tsuper.init();\n\n\t\tthis._oWrapperFlexBox = new CustomFlexBox(`${this.getId()}-pageWrapper`, {\n\t\t\tjustifyContent: \"Start\",\n\t\t\theight: \"100%\",\n\t\t\twidth: \"100%\",\n\t\t\tdirection: \"Row\",\n\t\t\trenderType: \"Bare\",\n\t\t\twrap: \"Wrap\",\n\t\t\titems: this.getPlaceholderPageTiles()\n\t\t}).addStyleClass(\"pagesFlexGap sapUiSmallMarginTop sapCuxPagesWrapper\");\n\t\tthis.addDragDropConfigTo(\n\t\t\tthis._oWrapperFlexBox,\n\t\t\t(oEvent) => void this._handlePageDnd(oEvent),\n\t\t\tasync (oEvent: KeyboardEvent) => {\n\t\t\t\tawait attachKeyboardHandler(oEvent, true);\n\t\t\t}\n\t\t);\n\n\t\tthis._addContent(this._oWrapperFlexBox);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"pageTitle\"));\n\n\t\tconst menuItem = new MenuItem(`${this.getId()}-managePages`, {\n\t\t\ttitle: this._i18nBundle.getText(\"mngPage\"),\n\t\t\ticon: \"sap-icon://edit\",\n\t\t\tpress: () => this._handleEditPages()\n\t\t});\n\t\tthis.addAggregation(\"menuItems\", menuItem);\n\t\taddFESRId(menuItem, \"managePages\");\n\t\tthis.oEventBus = EventBus.getInstance();\n\t\t// Subscribe to the event\n\t\tthis.oEventBus.subscribe(\n\t\t\t\"importChannel\",\n\t\t\t\"favPagesImport\",\n\t\t\tasync (sChannelId?: string, sEventId?: string, oData?) => {\n\t\t\t\tthis.aFavPages = oData as IPage[];\n\t\t\t\tawait this.writeFavPagesIntoPers(this.aFavPages);\n\t\t\t\tthis._getInnerControls();\n\t\t\t\tthis._importdone();\n\t\t\t},\n\t\t\tthis\n\t\t);\n\n\t\t// Subscribe to page changes from pageManager\n\t\tthis.oEventBus.subscribe(\n\t\t\t\"pageChannel\",\n\t\t\t\"pageUpdated\",\n\t\t\t() => {\n\t\t\t\tvoid this.getData(true);\n\t\t\t},\n\t\t\tthis\n\t\t);\n\t}\n\n\tprivate _importdone() {\n\t\tconst stateData = { status: true };\n\t\tthis.oEventBus.publish(\"importChannel\", \"favPagesImported\", stateData);\n\t}\n\n\tpublic async getData(forceUpdate: boolean = false) {\n\t\tif (this.oPagePromise === undefined || this.oPagePromise === null || forceUpdate) {\n\t\t\tthis.oPagePromise = this._getPageManagerInstance().getFavoritePages();\n\t\t\tconst aFavPages = await this.oPagePromise;\n\t\t\tthis.aFavPages = aFavPages;\n\t\t\tthis._getInnerControls();\n\t\t\tthis.oPagePromise = null;\n\t\t}\n\t\tthis.fireEvent(\"loaded\");\n\t\treturn this.oPagePromise;\n\t}\n\n\t/**\n\t * Handles the edit page event.\n\t * Opens the page dialog for managing page data.\n\t * @param {Event} oEvent - The event object.\n\t * @private\n\t */\n\tprivate _handleEditPages() {\n\t\tconst parent = this.getParent() as NewsAndPagesContainer;\n\t\tparent?._getLayout().openSettingsDialog(SETTINGS_PANELS_KEYS.PAGES);\n\t}\n\n\t/**\n\t * returns an array of placeholder generic tiles for pages\n\t * @private\n\t */\n\tprivate getPlaceholderPageTiles(): GenericTile[] {\n\t\tconst placeholderArray = new Array(PAGE_SELECTION_LIMIT).fill(LoadState.Loading) as LoadState[];\n\t\tconst placeholderTiles = placeholderArray.map((tileState: LoadState, index) => {\n\t\t\treturn new GenericTile(`${this.getId()}--${index}`, {\n\t\t\t\tsizeBehavior: \"Responsive\",\n\t\t\t\tstate: tileState,\n\t\t\t\tframeType: \"OneByOne\",\n\t\t\t\tmode: \"IconMode\",\n\t\t\t\tvisible: true,\n\t\t\t\trenderOnThemeChange: true,\n\t\t\t\tariaRole: \"listitem\",\n\t\t\t\tdropAreaOffset: 8\n\t\t\t}).addStyleClass(\"cuxPagesPlaceholder\");\n\t\t});\n\t\treturn placeholderTiles;\n\t}\n\n\tpublic attachResizeHandler(\n\t\tisNewsTileVisible: boolean,\n\t\tcontainerWidth: number,\n\t\tpagesContentWrapper: FlexBox,\n\t\tcontainerWrapper: FlexBox\n\t): void {\n\t\ttry {\n\t\t\tconst favPagesCount = this.aFavPages?.length,\n\t\t\t\tdeviceType = this.getDeviceType(),\n\t\t\t\tpagesWrapperDomRef = pagesContentWrapper.getDomRef() as Element;\n\n\t\t\tlet domRefClientWidth = isNewsTileVisible ? pagesWrapperDomRef.clientWidth : containerWidth;\n\n\t\t\tif (!domRefClientWidth) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet tileWidth,\n\t\t\t\thBoxWidth: string,\n\t\t\t\tfinalTilesWidth: string,\n\t\t\t\twrapperWidth = domRefClientWidth / 16; // Divide by 16 to convert to rem,\n\t\t\tconst gap = 1;\n\t\t\tcontainerWrapper.setAlignItems(\"Start\");\n\n\t\t\tif (favPagesCount > 0) {\n\t\t\t\tconst pagesPerRow = this.calculatePagesPerRow(favPagesCount, isNewsTileVisible);\n\t\t\t\tif (pagesPerRow) {\n\t\t\t\t\tconst maxTileWidth = tileSizes[deviceType].maxWidth;\n\t\t\t\t\tlet minTileWidth = tileSizes[deviceType].minWidth;\n\t\t\t\t\t// when tablet viewport width is below 800px, 46rem(736px) is the container width and 2 rem is paddings\n\t\t\t\t\tif (deviceType === DeviceType.Tablet && containerWidth < 736) {\n\t\t\t\t\t\tminTileWidth = tileSizes.smallTabletMinWidth;\n\t\t\t\t\t}\n\t\t\t\t\ttileWidth = (wrapperWidth - (pagesPerRow - 1) * gap) / pagesPerRow;\n\t\t\t\t\ttileWidth = Math.min(tileWidth, maxTileWidth);\n\t\t\t\t\ttileWidth = Math.max(tileWidth, minTileWidth);\n\t\t\t\t\tfinalTilesWidth = `${tileWidth}rem`;\n\t\t\t\t\thBoxWidth = `${pagesPerRow * tileWidth + (pagesPerRow - 1) * gap}rem`;\n\t\t\t\t} else {\n\t\t\t\t\tfinalTilesWidth = \"auto\";\n\t\t\t\t\thBoxWidth = \"100%\";\n\t\t\t\t}\n\n\t\t\t\tthis._setPropertyValues({ hBoxWidth: hBoxWidth, pagesTileWidth: finalTilesWidth });\n\t\t\t\tpagesContentWrapper.setWidth(hBoxWidth);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treturn;\n\t\t} catch (err) {\n\t\t\tif (err instanceof Error) {\n\t\t\t\tconsole.error(err.message);\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic async getUserAvailablePages() {\n\t\treturn await this._getPageManagerInstance().fetchAllAvailablePages();\n\t}\n\n\tprivate calculatePagesPerRow(favPagesCount: number, isNewsFeedVisible: boolean): number {\n\t\tlet pagesPerRow = 0;\n\t\tconst deviceType = this.getDeviceType();\n\t\tif (deviceType === DeviceType.Desktop || deviceType === DeviceType.LargeDesktop) {\n\t\t\tif (isNewsFeedVisible) {\n\t\t\t\t// halves the tiles in 2 rows\n\t\t\t\tpagesPerRow = Math.ceil(favPagesCount >= maxTileCOunt ? maxRowCount : favPagesCount / 2);\n\t\t\t} else {\n\t\t\t\tpagesPerRow = favPagesCount > maxRowCount ? Math.ceil(favPagesCount / 2) : maxRowCount;\n\t\t\t}\n\t\t} else if (deviceType === DeviceType.Mobile) {\n\t\t\t// decides number of columns to either 1 or 2\n\t\t\tpagesPerRow = favPagesCount <= mobileOneTileLimit ? 1 : 2;\n\t\t} else if (deviceType === DeviceType.Tablet) {\n\t\t\t// upto 4 in a Row, otherwise halves the tiles in 2 rows\n\t\t\tpagesPerRow = favPagesCount <= maxRowCount ? favPagesCount : Math.ceil(favPagesCount / 2);\n\t\t}\n\t\treturn pagesPerRow;\n\t}\n\n\tprivate _getInnerControls() {\n\t\tconst myFavPage: Page[] = [];\n\t\tthis.oInnerControls = [];\n\t\tconst oParent = this.getParent() as NewsAndPagesContainer;\n\t\tif (this.aFavPages) {\n\t\t\tthis.aFavPages.forEach((oPage: IPage, index: number) => {\n\t\t\t\tmyFavPage.push(\n\t\t\t\t\tnew Page(recycleId(`${this.getId()}-favPage-${index}`), {\n\t\t\t\t\t\ttitle: oPage.title,\n\t\t\t\t\t\tsubTitle: oPage.title === oPage.spaceTitle ? \"\" : oPage.spaceTitle,\n\t\t\t\t\t\ticon: oPage.icon,\n\t\t\t\t\t\tbgColor: oPage.BGColor as string,\n\t\t\t\t\t\tpageId: oPage.pageId,\n\t\t\t\t\t\tspaceId: oPage.spaceId,\n\t\t\t\t\t\tspaceTitle: oPage.spaceTitle,\n\t\t\t\t\t\turl: \"#Launchpad-openFLPPage?pageId=\" + oPage.pageId + \"&spaceId=\" + oPage.spaceId\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t});\n\t\t\tmyFavPage.forEach((oFav: Page, index2: number) => {\n\t\t\t\tthis.oInnerControls.push(\n\t\t\t\t\tnew GenericTile(recycleId(`${oFav.getId()}--genericTile--${index2}`), {\n\t\t\t\t\t\t// width: \"10rem\",\n\t\t\t\t\t\theader: oFav.getTitle(),\n\t\t\t\t\t\tsubheader: oFav.getSubTitle(),\n\t\t\t\t\t\tpress: () => void oFav.onPageTilePress(oFav),\n\t\t\t\t\t\tsizeBehavior: \"Responsive\",\n\t\t\t\t\t\tstate: \"Loaded\",\n\t\t\t\t\t\tframeType: \"OneByOne\",\n\t\t\t\t\t\tmode: \"IconMode\",\n\t\t\t\t\t\tbackgroundColor: oFav.getBgColor(),\n\t\t\t\t\t\ttileIcon: oFav.getIcon(),\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\trenderOnThemeChange: true,\n\t\t\t\t\t\tariaRole: \"listitem\",\n\t\t\t\t\t\tdropAreaOffset: 8,\n\t\t\t\t\t\turl: oFav.getProperty(\"url\") as string\n\t\t\t\t\t}).addStyleClass(\"sapCuxPageTile\")\n\t\t\t\t);\n\t\t\t\tthis.addAggregation(\"pages\", oFav, true);\n\t\t\t});\n\n\t\t\tthis._oWrapperFlexBox.setAlignItems(this.aFavPages.length == 1 ? \"Start\" : \"Center\");\n\n\t\t\tif (this.aFavPages.length) {\n\t\t\t\toParent?.panelLoadedFn(\"Page\", { loaded: true, count: this.aFavPages.length });\n\t\t\t\tthis._setFavPagesContent();\n\t\t\t} else {\n\t\t\t\toParent?.panelLoadedFn(\"Page\", { loaded: true, count: 0 });\n\t\t\t\tthis._setNoPageContent();\n\t\t\t}\n\t\t} else {\n\t\t\toParent?.panelLoadedFn(\"Page\", { loaded: false, count: 0 });\n\t\t\tthis.removeAggregation(\"content\", this._oWrapperFlexBox);\n\t\t}\n\t}\n\n\tprivate _setFavPagesContent() {\n\t\tthis._oWrapperFlexBox.removeAllItems();\n\t\tthis._oWrapperFlexBox.removeStyleClass(\"pagesFlexBox\");\n\t\tthis.oInnerControls.forEach((oTile: GenericTile) => {\n\t\t\tthis._oWrapperFlexBox.addItem(oTile);\n\t\t});\n\t}\n\n\tprivate _createNoPageContent() {\n\t\tif (!this._oIllusMsg) {\n\t\t\tthis._oIllusMsg = new IllustratedMessage(this.getId() + \"--idNoPages\", {\n\t\t\t\tillustrationSize: IllustratedMessageSize.Small,\n\t\t\t\tillustrationType: IllustratedMessageType.NoSavedItems,\n\t\t\t\ttitle: this._i18nBundle.getText(\"noDataPageTitle\"),\n\t\t\t\tdescription: this._i18nBundle.getText(\"noPageDescription\")\n\t\t\t}).addStyleClass(\"myHomeIllustratedMsg myHomeIllustratedMessageAlign\");\n\t\t\tthis.oAddPageBtn = new Button(this.getId() + \"--idAddPageBtn\", {\n\t\t\t\ttext: this._i18nBundle.getText(\"addPage\"),\n\t\t\t\ttooltip: this._i18nBundle.getText(\"addPage\"),\n\t\t\t\ttype: \"Emphasized\",\n\t\t\t\tpress: () => this._handleEditPages()\n\t\t\t});\n\t\t\taddFESRSemanticStepName(this.oAddPageBtn, \"press\", \"addPages\");\n\t\t}\n\t}\n\n\tprivate _setNoPageContent() {\n\t\tif (!this.oWrapperNoPageVBox) {\n\t\t\tthis.oWrapperNoPageVBox = new VBox(`${this.getId()}--wrapperNoPageVBox`, {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"17rem\",\n\t\t\t\tbackgroundDesign: \"Solid\",\n\t\t\t\tjustifyContent: \"Center\"\n\t\t\t}).addStyleClass(\"sapUiRoundedBorder noCardsBorder\");\n\t\t\tthis._createNoPageContent();\n\t\t\tthis._oIllusMsg.addAdditionalContent(this.oAddPageBtn);\n\t\t\tthis._oWrapperFlexBox.removeAllItems();\n\t\t\tthis._oWrapperFlexBox.addStyleClass(\"pagesFlexBox\");\n\t\t\tthis.oWrapperNoPageVBox.addItem(this._oIllusMsg);\n\t\t\tthis._oWrapperFlexBox.addItem(this.oWrapperNoPageVBox);\n\t\t}\n\t}\n\n\tprivate _setPropertyValues(oVal: { hBoxWidth: string; pagesTileWidth: string }) {\n\t\tconst propNames = Object.keys(oVal);\n\t\tpropNames.forEach((sProperty: string) => {\n\t\t\tif (sProperty === \"hBoxWidth\") {\n\t\t\t\tthis._oWrapperFlexBox.setProperty(\"width\", oVal[sProperty]);\n\t\t\t} else if (sProperty === \"pagesTileWidth\" && this.oInnerControls.length) {\n\t\t\t\tthis.oInnerControls.forEach(function (oTile) {\n\t\t\t\t\toTile.setProperty(\"width\", oVal[sProperty]);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate async _handlePageDnd(oEvent: Event<DropInfo$DropEventParameters>) {\n\t\tconst sInsertPosition = oEvent.getParameter?.(\"dropPosition\"),\n\t\t\toDragItem = oEvent?.getParameter?.(\"draggedControl\") as Control,\n\t\t\toDropItem = oEvent.getParameter(\"droppedControl\") as Control,\n\t\t\tiDragItemIndex = (oDragItem.getParent() as FlexBox)?.indexOfItem(oDragItem);\n\t\tlet iDropItemIndex = (oDragItem.getParent() as FlexBox)?.indexOfItem(oDropItem);\n\n\t\tif (sInsertPosition === \"Before\" && iDragItemIndex === iDropItemIndex - 1) {\n\t\t\tiDropItemIndex--;\n\t\t} else if (sInsertPosition === \"After\" && iDragItemIndex === iDropItemIndex + 1) {\n\t\t\tiDropItemIndex++;\n\t\t}\n\n\t\tif (iDragItemIndex !== iDropItemIndex) {\n\t\t\tawait this._DragnDropPages(iDragItemIndex, iDropItemIndex, sInsertPosition as string);\n\t\t}\n\t}\n\n\tprivate async _DragnDropPages(iDragItemIndex: number, iDropItemIndex: number, sInsertPosition: string) {\n\t\tif (sInsertPosition === \"Before\" && iDragItemIndex < iDropItemIndex) {\n\t\t\tiDropItemIndex--;\n\t\t} else if (sInsertPosition === \"After\" && iDragItemIndex > iDropItemIndex) {\n\t\t\tiDropItemIndex++;\n\t\t}\n\t\t// take the moved item from dragIndex and add to dropindex\n\t\tconst oItemMoved = this.aFavPages.splice(iDragItemIndex, 1)[0];\n\t\tthis.aFavPages.splice(iDropItemIndex, 0, oItemMoved);\n\t\tthis._getInnerControls();\n\n\t\tawait this.writeFavPagesIntoPers(this.aFavPages);\n\t\tfocusDraggedItem(this._oWrapperFlexBox, iDropItemIndex);\n\t}\n\n\t/**\n\t * Writes the favourite pages data into personalizer\n\t *\n\t * @private\n\t * @async\n\t * @param {IPage[]} favPages\n\t * @returns {*}\n\t */\n\tprivate async writeFavPagesIntoPers(favPages: IPage[]) {\n\t\tif (this.oPersonalizer === undefined) {\n\t\t\tthis.oPersonalizer = await UShellPersonalizer.getInstance(\n\t\t\t\tthis.persContainerId,\n\t\t\t\tPersonalisationUtils.getOwnerComponent(this) as Component\n\t\t\t);\n\t\t}\n\n\t\tlet oPersData = await this.oPersonalizer.read();\n\t\tif (!oPersData) oPersData = { favouritePages: [] };\n\t\toPersData.favouritePages = favPages;\n\t\tawait this.oPersonalizer.write(oPersData);\n\t}\n\n\tpublic applyColorPersonalizations(personalizations: Array<ISpacePagePersonalization>) {\n\t\tvoid this._getPageManagerInstance()?.applyColorPersonalizations(personalizations);\n\t}\n\n\tpublic applyIconPersonalizations(personalizations: Array<ISpacePagePersonalization>) {\n\t\tvoid this._getPageManagerInstance()?.applyIconPersonalizations(personalizations);\n\t}\n\n\tprivate _getPageManagerInstance() {\n\t\tif (!this.pageManagerInstance) {\n\t\t\tconst newsAndPagesContainer = this.getParent();\n\t\t\tconst layout = newsAndPagesContainer?.getParent();\n\t\t\tthis.persContainerId = (layout?.getProperty(\"persContainerId\") as string) || PersonalisationUtils.getPersContainerId(this);\n\t\t\tthis.pageManagerInstance = PageManager.getInstance(\n\t\t\t\tthis.persContainerId,\n\t\t\t\tPersonalisationUtils.getOwnerComponent(this) as Component\n\t\t\t);\n\t\t}\n\t\treturn this.pageManagerInstance;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,8 @@ import Button from "sap/m/Button";
 import FlexBox, { $FlexBoxSettings } from "sap/m/FlexBox";
 import GenericTile from "sap/m/GenericTile";
 import IllustratedMessage from "sap/m/IllustratedMessage";
+import IllustratedMessageSize from "sap/m/IllustratedMessageSize";
+import IllustratedMessageType from "sap/m/IllustratedMessageType";
 import VBox from "sap/m/VBox";
 import { LoadState } from "sap/m/library";
 import Event from "sap/ui/base/Event";
@@ -23,6 +25,7 @@ import Page from "./Page";
 import { ISpacePagePersonalization } from "./interface/KeyUserInterface";
 import { IPage } from "./interface/PageSpaceInterface";
 import { PAGE_SELECTION_LIMIT, SETTINGS_PANELS_KEYS } from "./utils/Constants";
+import { recycleId } from "./utils/DataFormatUtils";
 import { DeviceType } from "./utils/Device";
 import { attachKeyboardHandler, focusDraggedItem } from "./utils/DragDropUtils";
 import { addFESRId, addFESRSemanticStepName } from "./utils/FESRUtil";
@@ -30,8 +33,29 @@ import PageManager from "./utils/PageManager";
 import PersonalisationUtils from "./utils/PersonalisationUtils";
 import UShellPersonalizer from "./utils/UshellPersonalizer";
 
-const maxTileSize = 15,
-	minTileSize = 7;
+const tileSizes = {
+	Mobile: {
+		maxWidth: 37.5,
+		minWidth: 8
+	},
+	Tablet: {
+		maxWidth: 37.5,
+		minWidth: 10.625
+	},
+	Desktop: {
+		maxWidth: 18.75,
+		minWidth: 7
+	},
+	LargeDesktop: {
+		maxWidth: 18.75,
+		minWidth: 7
+	},
+	smallTabletMinWidth: 8
+};
+
+const mobileOneTileLimit = 3;
+const maxTileCOunt = 8;
+const maxRowCount = 4;
 
 /**
  *
@@ -111,6 +135,7 @@ export default class PagePanel extends BasePagePanel {
 	private aFavPages!: IPage[];
 	private oInnerControls!: GenericTile[];
 	private _oIllusMsg!: IllustratedMessage;
+	private oWrapperNoPageVBox!: VBox;
 	private oAddPageBtn!: Button;
 	private oPersonalizer!: UShellPersonalizer;
 	private oEventBus!: EventBus;
@@ -136,7 +161,7 @@ export default class PagePanel extends BasePagePanel {
 			renderType: "Bare",
 			wrap: "Wrap",
 			items: this.getPlaceholderPageTiles()
-		}).addStyleClass("newsSlideFlexGap sapUiSmallMarginTop sapUiSmallMarginBottom");
+		}).addStyleClass("pagesFlexGap sapUiSmallMarginTop sapCuxPagesWrapper");
 		this.addDragDropConfigTo(
 			this._oWrapperFlexBox,
 			(oEvent) => void this._handlePageDnd(oEvent),
@@ -230,75 +255,57 @@ export default class PagePanel extends BasePagePanel {
 	}
 
 	public attachResizeHandler(
-		bIsNewsTileVisible: boolean,
+		isNewsTileVisible: boolean,
 		containerWidth: number,
 		pagesContentWrapper: FlexBox,
 		containerWrapper: FlexBox
-	) {
+	): void {
 		try {
-			const iFavPagesCount = this.aFavPages.length,
-				domRef = pagesContentWrapper.getDomRef() as Element;
+			const favPagesCount = this.aFavPages?.length,
+				deviceType = this.getDeviceType(),
+				pagesWrapperDomRef = pagesContentWrapper.getDomRef() as Element;
 
-			let domRefClientWidth = 0;
-			domRefClientWidth = bIsNewsTileVisible ? domRef.clientWidth : containerWidth;
+			let domRefClientWidth = isNewsTileVisible ? pagesWrapperDomRef.clientWidth : containerWidth;
 
 			if (!domRefClientWidth) {
 				return;
 			}
 
-			let pagesPerRow: number = 0,
-				tileWidth,
+			let tileWidth,
 				hBoxWidth: string,
 				finalTilesWidth: string,
 				wrapperWidth = domRefClientWidth / 16; // Divide by 16 to convert to rem,
-			const gap = 1,
-				flexWrapperWidth = containerWidth || domRef.clientWidth;
+			const gap = 1;
+			containerWrapper.setAlignItems("Start");
 
-			if (iFavPagesCount === 1) {
-				containerWrapper.setAlignItems("Start");
-			}
-
-			if (bIsNewsTileVisible && flexWrapperWidth >= 1520) {
-				// As newsTile will grow till 40.75 rem, calculating the remaining width
-				wrapperWidth = flexWrapperWidth / 16 - 40.75;
-			}
-
-			if (iFavPagesCount > 0) {
-				if (!bIsNewsTileVisible) {
-					// If Space available display all tiles in a single row
-					const spaceRequired = iFavPagesCount * minTileSize + (iFavPagesCount - 1) * gap;
-					if (spaceRequired <= wrapperWidth) {
-						pagesPerRow = iFavPagesCount;
-						tileWidth = (wrapperWidth - (pagesPerRow - 1) * gap) / pagesPerRow;
-						tileWidth = tileWidth <= maxTileSize ? tileWidth : maxTileSize;
-						this._setPropertyValues({ hBoxWidth: wrapperWidth + "rem", pagesTileWidth: tileWidth + "rem" });
-						pagesContentWrapper.setWidth(wrapperWidth + "rem");
-						return true;
-					}
-				}
-
-				pagesPerRow = this._handleResizeForDesktop(bIsNewsTileVisible, iFavPagesCount);
+			if (favPagesCount > 0) {
+				const pagesPerRow = this.calculatePagesPerRow(favPagesCount, isNewsTileVisible);
 				if (pagesPerRow) {
+					const maxTileWidth = tileSizes[deviceType].maxWidth;
+					let minTileWidth = tileSizes[deviceType].minWidth;
+					// when tablet viewport width is below 800px, 46rem(736px) is the container width and 2 rem is paddings
+					if (deviceType === DeviceType.Tablet && containerWidth < 736) {
+						minTileWidth = tileSizes.smallTabletMinWidth;
+					}
 					tileWidth = (wrapperWidth - (pagesPerRow - 1) * gap) / pagesPerRow;
-					tileWidth = tileWidth <= maxTileSize ? tileWidth : maxTileSize;
-					finalTilesWidth = tileWidth + "rem";
-					hBoxWidth = pagesPerRow * tileWidth + pagesPerRow * gap + "rem";
+					tileWidth = Math.min(tileWidth, maxTileWidth);
+					tileWidth = Math.max(tileWidth, minTileWidth);
+					finalTilesWidth = `${tileWidth}rem`;
+					hBoxWidth = `${pagesPerRow * tileWidth + (pagesPerRow - 1) * gap}rem`;
 				} else {
 					finalTilesWidth = "auto";
 					hBoxWidth = "100%";
 				}
 
 				this._setPropertyValues({ hBoxWidth: hBoxWidth, pagesTileWidth: finalTilesWidth });
-				pagesContentWrapper.setWidth(wrapperWidth + "rem");
-				return true;
+				pagesContentWrapper.setWidth(hBoxWidth);
+				return;
 			}
-			pagesContentWrapper.setWidth(wrapperWidth + "rem");
-			return true;
-		} catch (oErr) {
-			if (oErr instanceof Error) {
-				console.error(oErr.message);
+			return;
+		} catch (err) {
+			if (err instanceof Error) {
+				console.error(err.message);
 			}
-			return false;
 		}
 	}
 
@@ -306,18 +313,22 @@ export default class PagePanel extends BasePagePanel {
 		return await this._getPageManagerInstance().fetchAllAvailablePages();
 	}
 
-	private _handleResizeForDesktop(bIsNewsTileVisible: boolean, iFavPagesCount: number): number {
+	private calculatePagesPerRow(favPagesCount: number, isNewsFeedVisible: boolean): number {
 		let pagesPerRow = 0;
-		const sDeviceType = this.getDeviceType();
-		const pagesToDisplay = Math.ceil(iFavPagesCount >= 8 ? 4 : iFavPagesCount / 2);
-		if (sDeviceType === DeviceType.Desktop || sDeviceType === DeviceType.LargeDesktop) {
-			if (bIsNewsTileVisible) {
-				pagesPerRow = pagesToDisplay;
+		const deviceType = this.getDeviceType();
+		if (deviceType === DeviceType.Desktop || deviceType === DeviceType.LargeDesktop) {
+			if (isNewsFeedVisible) {
+				// halves the tiles in 2 rows
+				pagesPerRow = Math.ceil(favPagesCount >= maxTileCOunt ? maxRowCount : favPagesCount / 2);
 			} else {
-				pagesPerRow = iFavPagesCount <= 4 ? iFavPagesCount : pagesToDisplay;
+				pagesPerRow = favPagesCount > maxRowCount ? Math.ceil(favPagesCount / 2) : maxRowCount;
 			}
-		} else if (sDeviceType === DeviceType.Tablet) {
-			pagesPerRow = iFavPagesCount <= 4 ? iFavPagesCount : pagesToDisplay;
+		} else if (deviceType === DeviceType.Mobile) {
+			// decides number of columns to either 1 or 2
+			pagesPerRow = favPagesCount <= mobileOneTileLimit ? 1 : 2;
+		} else if (deviceType === DeviceType.Tablet) {
+			// upto 4 in a Row, otherwise halves the tiles in 2 rows
+			pagesPerRow = favPagesCount <= maxRowCount ? favPagesCount : Math.ceil(favPagesCount / 2);
 		}
 		return pagesPerRow;
 	}
@@ -327,9 +338,9 @@ export default class PagePanel extends BasePagePanel {
 		this.oInnerControls = [];
 		const oParent = this.getParent() as NewsAndPagesContainer;
 		if (this.aFavPages) {
-			this.aFavPages.forEach((oPage: IPage) => {
+			this.aFavPages.forEach((oPage: IPage, index: number) => {
 				myFavPage.push(
-					new Page("", {
+					new Page(recycleId(`${this.getId()}-favPage-${index}`), {
 						title: oPage.title,
 						subTitle: oPage.title === oPage.spaceTitle ? "" : oPage.spaceTitle,
 						icon: oPage.icon,
@@ -341,9 +352,9 @@ export default class PagePanel extends BasePagePanel {
 					})
 				);
 			});
-			myFavPage.forEach((oFav: Page) => {
+			myFavPage.forEach((oFav: Page, index2: number) => {
 				this.oInnerControls.push(
-					new GenericTile({
+					new GenericTile(recycleId(`${oFav.getId()}--genericTile--${index2}`), {
 						// width: "10rem",
 						header: oFav.getTitle(),
 						subheader: oFav.getSubTitle(),
@@ -390,8 +401,8 @@ export default class PagePanel extends BasePagePanel {
 	private _createNoPageContent() {
 		if (!this._oIllusMsg) {
 			this._oIllusMsg = new IllustratedMessage(this.getId() + "--idNoPages", {
-				illustrationSize: "Spot",
-				illustrationType: "sapIllus-SimpleNoSavedItems",
+				illustrationSize: IllustratedMessageSize.Small,
+				illustrationType: IllustratedMessageType.NoSavedItems,
 				title: this._i18nBundle.getText("noDataPageTitle"),
 				description: this._i18nBundle.getText("noPageDescription")
 			}).addStyleClass("myHomeIllustratedMsg myHomeIllustratedMessageAlign");
@@ -406,18 +417,20 @@ export default class PagePanel extends BasePagePanel {
 	}
 
 	private _setNoPageContent() {
-		const oWrapperNoPageVBox = new VBox({
-			width: "100%",
-			height: "17rem",
-			backgroundDesign: "Solid",
-			justifyContent: "Center"
-		}).addStyleClass("sapUiRoundedBorder noCardsBorder");
-		this._createNoPageContent();
-		this._oIllusMsg.addAdditionalContent(this.oAddPageBtn);
-		this._oWrapperFlexBox.removeAllItems();
-		this._oWrapperFlexBox.addStyleClass("pagesFlexBox");
-		oWrapperNoPageVBox.addItem(this._oIllusMsg);
-		this._oWrapperFlexBox.addItem(oWrapperNoPageVBox);
+		if (!this.oWrapperNoPageVBox) {
+			this.oWrapperNoPageVBox = new VBox(`${this.getId()}--wrapperNoPageVBox`, {
+				width: "100%",
+				height: "17rem",
+				backgroundDesign: "Solid",
+				justifyContent: "Center"
+			}).addStyleClass("sapUiRoundedBorder noCardsBorder");
+			this._createNoPageContent();
+			this._oIllusMsg.addAdditionalContent(this.oAddPageBtn);
+			this._oWrapperFlexBox.removeAllItems();
+			this._oWrapperFlexBox.addStyleClass("pagesFlexBox");
+			this.oWrapperNoPageVBox.addItem(this._oIllusMsg);
+			this._oWrapperFlexBox.addItem(this.oWrapperNoPageVBox);
+		}
 	}
 
 	private _setPropertyValues(oVal: { hBoxWidth: string; pagesTileWidth: string }) {
@@ -498,7 +511,9 @@ export default class PagePanel extends BasePagePanel {
 
 	private _getPageManagerInstance() {
 		if (!this.pageManagerInstance) {
-			this.persContainerId = PersonalisationUtils.getPersContainerId(this);
+			const newsAndPagesContainer = this.getParent();
+			const layout = newsAndPagesContainer?.getParent();
+			this.persContainerId = (layout?.getProperty("persContainerId") as string) || PersonalisationUtils.getPersContainerId(this);
 			this.pageManagerInstance = PageManager.getInstance(
 				this.persContainerId,
 				PersonalisationUtils.getOwnerComponent(this) as Component

package/src/sap/cux/home/PageSettingsPanel-dbg.js

@@ -2,7 +2,7 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/m/CustomListItem", "sap/m/HBox", "sap/m/List", "sap/m/Panel", "sap/m/SearchField", "sap/m/Text", "sap/m/Title", "sap/m/ToggleButton", "sap/m/Toolbar", "sap/m/ToolbarSpacer", "sap/m/VBox", "./BaseSettingsPanel", "./utils/Accessibility", "./utils/Constants", "./utils/PageManager", "./utils/PersonalisationUtils"], function (CustomListItem, HBox, List, Panel, SearchField, Text, Title, ToggleButton, Toolbar, ToolbarSpacer, VBox, __BaseSettingsPanel, ___utils_Accessibility, ___utils_Constants, __PageManager, __PersonalisationUtils) {
+sap.ui.define(["sap/m/CustomListItem", "sap/m/HBox", "sap/m/List", "sap/m/Panel", "sap/m/SearchField", "sap/m/Text", "sap/m/Title", "sap/m/ToggleButton", "sap/m/Toolbar", "sap/m/ToolbarSpacer", "sap/m/VBox", "./BaseSettingsPanel", "./utils/Accessibility", "./utils/Constants", "./utils/DataFormatUtils", "./utils/PageManager", "./utils/PersonalisationUtils"], function (CustomListItem, HBox, List, Panel, SearchField, Text, Title, ToggleButton, Toolbar, ToolbarSpacer, VBox, __BaseSettingsPanel, ___utils_Accessibility, ___utils_Constants, ___utils_DataFormatUtils, __PageManager, __PersonalisationUtils) {
   "use strict";
 
   function _interopRequireDefault(obj) {
@@ -12,6 +12,7 @@ sap.ui.define(["sap/m/CustomListItem", "sap/m/HBox", "sap/m/List", "sap/m/Panel"
   const getInvisibleText = ___utils_Accessibility["getInvisibleText"];
   const PAGE_SELECTION_LIMIT = ___utils_Constants["PAGE_SELECTION_LIMIT"];
   const SETTINGS_PANELS_KEYS = ___utils_Constants["SETTINGS_PANELS_KEYS"];
+  const recycleId = ___utils_DataFormatUtils["recycleId"];
   const PageManager = _interopRequireDefault(__PageManager);
   const PersonalisationUtils = _interopRequireDefault(__PersonalisationUtils);
   /**
@@ -164,11 +165,11 @@ sap.ui.define(["sap/m/CustomListItem", "sap/m/HBox", "sap/m/List", "sap/m/Panel"
       this._renderPages(this.aSpaces);
       this.oWrapperVBox.addItem(this.oPagesListVBox);
     },
-    _createPagesList: function _createPagesList(oPage) {
+    _createPagesList: function _createPagesList(oPage, spaceIndex, pageIndex) {
       const oText = new Text({
         text: oPage.label
       });
-      const oToggleBtn = new ToggleButton({
+      const oToggleBtn = new ToggleButton(recycleId(`${this.getId()}-toggle-${spaceIndex}--${pageIndex}`), {
         tooltip: oPage.selected ? this._i18nBundle.getText("hideBtn") : this._i18nBundle.getText("showBtn"),
         icon: "sap-icon://show",
         type: "Emphasized",
@@ -176,12 +177,12 @@ sap.ui.define(["sap/m/CustomListItem", "sap/m/HBox", "sap/m/List", "sap/m/Panel"
         enabled: oPage.selected || this.aFavPages.length < PAGE_SELECTION_LIMIT,
         press: oEvent => void this._pageSelectHandler(oPage.id, oEvent)
       });
-      const oHBox = new HBox({
+      const oHBox = new HBox(recycleId(`${this.getId()}--customListBox--${spaceIndex}--${pageIndex}`), {
         justifyContent: "SpaceBetween",
         alignItems: "Center",
         items: [oText, oToggleBtn]
       });
-      const oCustomListItem = new CustomListItem({
+      const oCustomListItem = new CustomListItem(recycleId(`${this.getId()}--customList--${spaceIndex}--${pageIndex}`), {
         content: [oHBox]
       }).addStyleClass("pagesPanelItem");
       return oCustomListItem;
@@ -197,7 +198,7 @@ sap.ui.define(["sap/m/CustomListItem", "sap/m/HBox", "sap/m/List", "sap/m/Panel"
             height: "3rem",
             justifyContent: "Center",
             alignItems: "Center",
-            items: [new Text({
+            items: [new Text(`${this.getId()}--noSpacePageItem`, {
               text: this._i18nBundle.getText("noData")
             })]
           }).addStyleClass("pagesBottomBorder");
@@ -207,19 +208,19 @@ sap.ui.define(["sap/m/CustomListItem", "sap/m/HBox", "sap/m/List", "sap/m/Panel"
       } else if (this.oNoDataHBox) {
         this.oNoDataHBox.setVisible(false);
       }
-      aSpaces.forEach(oSpace => {
+      aSpaces.forEach((oSpace, spaceIndex) => {
         const aPagesList = [];
-        oSpace.children.forEach(oPage => {
+        oSpace.children.forEach((oPage, pageIndex) => {
           oPage.selected = this.aFavPages.find(oFavPage => oFavPage.pageId === oPage.id) ? true : false;
-          aPagesList.push(this._createPagesList(oPage));
+          aPagesList.push(this._createPagesList(oPage, spaceIndex, pageIndex));
         });
-        const oHeaderToolbar = this._createHeaderToolbar(oSpace);
-        const oPanel = new Panel("", {
+        const oHeaderToolbar = this._createHeaderToolbar(oSpace, spaceIndex);
+        const oPanel = new Panel(recycleId(`${this.getId()}--panel--${spaceIndex}`), {
           expandable: true,
           expanded: true,
           width: "auto",
           headerToolbar: oHeaderToolbar,
-          content: new List({
+          content: new List(recycleId(`${this.getId()}--panelContent--${spaceIndex}`), {
             items: aPagesList
           })
         }).addStyleClass("pagesPanel");
@@ -231,13 +232,13 @@ sap.ui.define(["sap/m/CustomListItem", "sap/m/HBox", "sap/m/List", "sap/m/Panel"
         }, 0);
       }
     },
-    _createHeaderToolbar: function _createHeaderToolbar(oSpace) {
-      const oTitle = new Title({
+    _createHeaderToolbar: function _createHeaderToolbar(oSpace, spaceIndex) {
+      const oTitle = new Title(recycleId(`${this.getId()}--headerTitle--${spaceIndex}`), {
         wrapping: true,
         width: "auto",
         text: oSpace.label
       }).addStyleClass("dialogPanelTitle");
-      const oToolbar = new Toolbar({
+      const oToolbar = new Toolbar(recycleId(`${this.getId()}--headerToolBar--${spaceIndex}`), {
         design: "Solid",
         content: [oTitle]
       });