@sapui5/sap.cux.home 1.135.0 → 1.136.0

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

@@ -2,5 +2,5 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/m/Column","sap/m/ColumnListItem","sap/m/HBox","sap/m/ObjectIdentifier","sap/m/Table","sap/m/ToggleButton","sap/ui/core/CustomData","sap/ui/core/Element","sap/ui/core/Icon","./BaseSettingsPanel","./flexibility/Layout.flexibility","./utils/Constants","./utils/DragDropUtils"],function(e,t,n,s,a,i,o,l,c,r,d,g,u){"use strict";function h(e){return e&&e.__esModule&&typeof e.default!=="undefined"?e.default:e}const p=h(r);const m=d["CHANGE_TYPES"];const y=g["KEYUSER_SETTINGS_PANELS_KEYS"];const I=u["focusDraggedItem"];const S=p.extend("sap.cux.home.KeyUserLayoutSettingsPanel",{metadata:{library:"sap.cux.home"},init:function e(){p.prototype.init.call(this);this.setProperty("key",y.LAYOUT);this.setProperty("title",this._i18nBundle.getText("editModeTitle"));this.addAggregation("content",this.getContent());this.attachPanelNavigated(()=>{const e=this._getPanel();e.resetSections();void this.loadSections()})},getContent:function t(){if(!this.layoutTable){this.layoutTable=new a(this.getId()+"--idLayoutSettingsTable",{width:"calc(100% - 2rem)",items:[],columns:[new e(this.getId()+"--idSectionTitleColumn",{width:"100%"})]}).addStyleClass("layoutSettingsTable sapContrastPlus sapUiSmallMarginBegin");this.addDragDropConfigTo(this.layoutTable,e=>this.onDropLayoutSettings(e))}return this.layoutTable},loadSections:function e(){try{const e=this;const a=e._getPanel();return Promise.resolve(a._calculateSectionsState()).then(function(){e.orderedSections=a.getSections()||[];const l=e.getParent();e.layoutTable.removeAllItems();e.orderedSections.forEach(a=>{e.layoutTable.addItem(new t({type:e.getParent()?.hasDetailsPage?.(a.completeId)?"Navigation":"Inactive",cells:[new n({alignItems:"Center",items:[new c({src:"sap-icon://vertical-grip"}).addStyleClass("sapUiSmallMarginEnd"),new n({justifyContent:"SpaceBetween",alignItems:"Center",width:"100%",items:[new s({title:a.title,text:a.text,tooltip:a.title}),new i({tooltip:a.visible?e._i18nBundle.getText("hideBtn"):e._i18nBundle.getText("showBtn"),icon:"sap-icon://show",type:"Emphasized",enabled:!a.blocked,press:t=>e.createShowHideChangeFile(t,a),pressed:!a.visible,ariaLabelledBy:["selectLabel"]}).addStyleClass("sapUiTinyMarginEnd sapUiTinyMarginTop")]}).addStyleClass("sapUiTinyMarginBegin")],width:"100%"})],press:()=>l?.navigateToPage?.(l.getDetailsPage(a.completeId)),customData:new o({key:"sectionObject",value:a})})).addStyleClass("insightsListItem insightsListMargin")})})}catch(e){return Promise.reject(e)}},onDropLayoutSettings:function e(t){const n=this._getPanel();const s=n.getId();const a=t.getParameter?.("draggedControl")||t.draggedControl;const i=a.getParent()?.indexOfItem(a);const o=t.getParameter?.("droppedControl")||t.droppedControl;const l=a.getParent()?.indexOfItem(o);if(i!==l){const e=this.orderedSections;const t=a.data("sectionObject");const c=o.data("sectionObject");const r=this._getActualIndex(t.completeId);const d=this._getActualIndex(c.completeId);this._rearrangeLayoutElements(r,d);e.splice(i,1);e.splice(l,0,t);n.setSections(e);this.addKeyUserChanges({selectorControl:n,changeSpecificData:{changeType:m.MOVE,content:{movedElements:[{id:t.completeId,sourceIndex:r,targetIndex:d}],source:{id:s,aggregation:"items"},target:{id:s,aggregation:"items"}}}});void this.loadSections()}I(this.layoutTable,l)},_getActualIndex:function e(t){const n=this._getPanel();this._allLayoutElements=this._allLayoutElements||[...n.getItems()];const s=n.getProperty("expanded");const a=n._getCurrentExpandedElement();if(s&&a){if(!this._allLayoutElements.some(e=>e.getId()===a.targetContainer.getId())){this._allLayoutElements.splice(n.indexOfItem(a.targetContainer),0,a.targetContainer)}}return this._allLayoutElements.findIndex(e=>e.getId()===t)},_rearrangeLayoutElements:function e(t,n){const s=this._allLayoutElements.splice(t,1)[0];this._allLayoutElements.splice(n,0,s)},createShowHideChangeFile:function e(t,n){const s=!t.getParameter("pressed");const a=this.getKeyUserChanges();const i=s?m.UNHIDE:m.HIDE;const o=a.find(e=>e.selectorControl.getId()===n.completeId);if(o){o.changeSpecificData.changeType=i}else{this.addKeyUserChanges({selectorControl:l.getElementById(n.completeId),changeSpecificData:{changeType:i}})}}});return S});
+sap.ui.define(["sap/m/Column","sap/m/ColumnListItem","sap/m/HBox","sap/m/ObjectIdentifier","sap/m/Table","sap/m/ToggleButton","sap/ui/core/CustomData","sap/ui/core/Element","sap/ui/core/Icon","./BaseSettingsPanel","./flexibility/Layout.flexibility","./utils/Constants","./utils/DataFormatUtils","./utils/DragDropUtils"],function(t,e,n,s,a,i,o,l,c,r,d,g,u,m){"use strict";function h(t){return t&&t.__esModule&&typeof t.default!=="undefined"?t.default:t}const p=h(r);const y=d["CHANGE_TYPES"];const I=g["KEYUSER_SETTINGS_PANELS_KEYS"];const C=u["recycleId"];const S=m["focusDraggedItem"];const f=p.extend("sap.cux.home.KeyUserLayoutSettingsPanel",{metadata:{library:"sap.cux.home"},init:function t(){p.prototype.init.call(this);this.setProperty("key",I.LAYOUT);this.setProperty("title",this._i18nBundle.getText("editModeTitle"));this.addAggregation("content",this.getContent());this.attachPanelNavigated(()=>{const t=this._getPanel();t.resetSections();void this.loadSections()})},getContent:function e(){if(!this.layoutTable){this.layoutTable=new a(this.getId()+"--idLayoutSettingsTable",{width:"calc(100% - 2rem)",items:[],columns:[new t(this.getId()+"--idSectionTitleColumn",{width:"100%"})]}).addStyleClass("layoutSettingsTable sapContrastPlus sapUiSmallMarginBegin");this.addDragDropConfigTo(this.layoutTable,t=>this.onDropLayoutSettings(t))}return this.layoutTable},loadSections:function t(){try{const t=this;const a=t._getPanel();return Promise.resolve(a._calculateSectionsState()).then(function(){t.orderedSections=a.getSections()||[];const l=t.getParent();t.layoutTable.removeAllItems();t.orderedSections.forEach((a,r)=>{t.layoutTable.addItem(new e(C(`${t.getId()}--layoutSettingsColumnListItem--${r}`),{type:t.getParent()?.hasDetailsPage?.(a.completeId)?"Navigation":"Inactive",cells:[new n(C(`${t.getId()}--layoutColumnListHBox--${r}`),{alignItems:"Center",items:[new c(C(`${t.getId()}--layoutColumnListItemIcon--${r}`),{src:"sap-icon://vertical-grip"}).addStyleClass("sapUiSmallMarginEnd"),new n(C(`${t.getId()}--layoutColumnListItemHBox--${r}`),{justifyContent:"SpaceBetween",alignItems:"Center",width:"100%",items:[new s(C(`${t.getId()}--layoutColumnListObjectIdentifier--${r}`),{title:a.title,text:a.text,tooltip:a.title}),new i(C(`${t.getId()}--layoutColumnListToggleButton--${r}`),{tooltip:a.visible?t._i18nBundle.getText("hideBtn"):t._i18nBundle.getText("showBtn"),icon:"sap-icon://show",type:"Emphasized",enabled:!a.blocked,press:e=>t.createShowHideChangeFile(e,a),pressed:!a.visible,ariaLabelledBy:["selectLabel"]}).addStyleClass("sapUiTinyMarginEnd sapUiTinyMarginTop")]}).addStyleClass("sapUiTinyMarginBegin")],width:"100%"})],press:()=>l?.navigateToPage?.(l.getDetailsPage(a.completeId)),customData:new o(C(`${t.getId()}--custom-data--${r}`),{key:"sectionObject",value:a})})).addStyleClass("insightsListItem insightsListMargin")})})}catch(t){return Promise.reject(t)}},onDropLayoutSettings:function t(e){const n=this._getPanel();const s=n.getId();const a=e.getParameter?.("draggedControl")||e.draggedControl;const i=a.getParent()?.indexOfItem(a);const o=e.getParameter?.("droppedControl")||e.droppedControl;const l=a.getParent()?.indexOfItem(o);if(i!==l){const t=this.orderedSections;const e=a.data("sectionObject");const c=o.data("sectionObject");const r=this._getActualIndex(e.completeId);const d=this._getActualIndex(c.completeId);this._rearrangeLayoutElements(r,d);t.splice(i,1);t.splice(l,0,e);n.setSections(t);this.addKeyUserChanges({selectorControl:n,changeSpecificData:{changeType:y.MOVE,content:{movedElements:[{id:e.completeId,sourceIndex:r,targetIndex:d}],source:{id:s,aggregation:"items"},target:{id:s,aggregation:"items"}}}});void this.loadSections()}S(this.layoutTable,l)},_getActualIndex:function t(e){const n=this._getPanel();this._allLayoutElements=this._allLayoutElements||[...n.getItems()];const s=n.getProperty("expanded");const a=n._getCurrentExpandedElement();if(s&&a){if(!this._allLayoutElements.some(t=>t.getId()===a.targetContainer.getId())){this._allLayoutElements.splice(n.indexOfItem(a.targetContainer),0,a.targetContainer)}}return this._allLayoutElements.findIndex(t=>t.getId()===e)},_rearrangeLayoutElements:function t(e,n){const s=this._allLayoutElements.splice(e,1)[0];this._allLayoutElements.splice(n,0,s)},createShowHideChangeFile:function t(e,n){const s=!e.getParameter("pressed");const a=this.getKeyUserChanges();const i=s?y.UNHIDE:y.HIDE;const o=a.find(t=>t.selectorControl.getId()===n.completeId);if(o){o.changeSpecificData.changeType=i}else{this.addKeyUserChanges({selectorControl:l.getElementById(n.completeId),changeSpecificData:{changeType:i}})}}});return f});
 //# sourceMappingURL=KeyUserLayoutSettingsPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KeyUserLayoutSettingsPanel.js","names":["sap","ui","define","Column","ColumnListItem","HBox","ObjectIdentifier","Table","ToggleButton","CustomData","Element","Icon","__BaseSettingsPanel","___flexibility_Layoutflexibility","___utils_Constants","___utils_DragDropUtils","_interopRequireDefault","obj","__esModule","default","BaseSettingsPanel","CHANGE_TYPES","KEYUSER_SETTINGS_PANELS_KEYS","focusDraggedItem","KeyUserLayoutSettingsPanel","extend","metadata","library","init","_init","BaseSettingsPanel.prototype.init.call","this","setProperty","LAYOUT","_i18nBundle","getText","addAggregation","getContent","attachPanelNavigated","layout","_getPanel","resetSections","loadSections","_getContent","layoutTable","getId","width","items","columns","addStyleClass","addDragDropConfigTo","event","onDropLayoutSettings","_loadSections","_this","Promise","resolve","_calculateSectionsState","then","orderedSections","getSections","keyUserSettingsDialog","getParent","removeAllItems","forEach","section","addItem","type","hasDetailsPage","completeId","cells","alignItems","src","justifyContent","title","text","tooltip","visible","icon","enabled","blocked","press","createShowHideChangeFile","pressed","ariaLabelledBy","navigateToPage","getDetailsPage","customData","key","value","e","reject","_onDropLayoutSettings","wrapper","wrapperId","dragItem","getParameter","draggedControl","dragItemIndex","indexOfItem","dropItem","droppedControl","dropItemIndex","sectionOrder","dragObject","data","dropObject","actualDragItemIndex","_getActualIndex","actualDropItemIndex","_rearrangeLayoutElements","splice","setSections","addKeyUserChanges","selectorControl","changeSpecificData","changeType","MOVE","content","movedElements","id","sourceIndex","targetIndex","source","aggregation","target","_allLayoutElements","getItems","isLayoutExpanded","getProperty","expandedElementConfig","_getCurrentExpandedElement","some","element","targetContainer","findIndex","container","_createShowHideChangeFile","oControlEvent","isCheckBoxSelected","keyUserChanges","getKeyUserChanges","UNHIDE","HIDE","oExistingChange","find","oChange","getElementById"],"sources":["KeyUserLayoutSettingsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Column from \"sap/m/Column\";\nimport ColumnListItem from \"sap/m/ColumnListItem\";\nimport HBox from \"sap/m/HBox\";\nimport ObjectIdentifier from \"sap/m/ObjectIdentifier\";\nimport Table from \"sap/m/Table\";\nimport ToggleButton, { ToggleButton$PressEvent } from \"sap/m/ToggleButton\";\nimport Control from \"sap/ui/core/Control\";\nimport CustomData from \"sap/ui/core/CustomData\";\nimport { DropInfo$DropEvent } from \"sap/ui/core/dnd/DropInfo\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport Icon from \"sap/ui/core/Icon\";\nimport BaseContainer from \"./BaseContainer\";\nimport BaseSettingsPanel from \"./BaseSettingsPanel\";\nimport { CHANGE_TYPES } from \"./flexibility/Layout.flexibility\";\nimport { IDragEvent, IElement } from \"./interface/LayoutInterface\";\nimport KeyUserSettingsDialog from \"./KeyUserSettingsDialog\";\nimport Layout from \"./Layout\";\nimport { KEYUSER_SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\nimport { focusDraggedItem } from \"./utils/DragDropUtils\";\n\n/**\n *\n * Class for Layout Settings Panel for KeyUser Settings Dialog.\n *\n * @extends BaseSettingsPanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @internal\n * @experimental Since 1.121\n * @private\n *\n * @alias sap.cux.home.KeyUserLayoutSettingsPanel\n */\nexport default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\"\n\t};\n\n\tprivate layoutTable!: Table;\n\tprivate orderedSections!: IElement[];\n\tprivate _allLayoutElements!: BaseContainer[];\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @public\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\t//setup panel\n\t\tthis.setProperty(\"key\", KEYUSER_SETTINGS_PANELS_KEYS.LAYOUT);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"editModeTitle\"));\n\n\t\t// //setup layout content\n\t\tthis.addAggregation(\"content\", this.getContent());\n\n\t\t//fired every time on panel navigation\n\t\tthis.attachPanelNavigated(() => {\n\t\t\tconst layout = this._getPanel() as Layout;\n\t\t\tlayout.resetSections();\n\t\t\tvoid this.loadSections();\n\t\t});\n\t}\n\n\t/**\n\t * Returns the content for the Layout Settings Panel.\n\t *\n\t * @private\n\t * @returns {VBox} The control containing the Layout Settings Panel content.\n\t */\n\tprivate getContent(): Table {\n\t\tif (!this.layoutTable) {\n\t\t\tthis.layoutTable = new Table(this.getId() + \"--idLayoutSettingsTable\", {\n\t\t\t\twidth: \"calc(100% - 2rem)\",\n\t\t\t\titems: [],\n\t\t\t\tcolumns: [\n\t\t\t\t\tnew Column(this.getId() + \"--idSectionTitleColumn\", {\n\t\t\t\t\t\twidth: \"100%\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}).addStyleClass(\"layoutSettingsTable sapContrastPlus sapUiSmallMarginBegin\");\n\t\t\tthis.addDragDropConfigTo(this.layoutTable, (event) => this.onDropLayoutSettings(event));\n\t\t}\n\t\treturn this.layoutTable;\n\t}\n\n\t/**\n\t * Method to load the sections\n\t *\n\t * @private\n\t */\n\tprivate async loadSections(): Promise<void> {\n\t\tconst layout = this._getPanel() as Layout;\n\t\tawait layout._calculateSectionsState();\n\t\tthis.orderedSections = layout.getSections() || [];\n\n\t\tconst keyUserSettingsDialog = this.getParent() as KeyUserSettingsDialog;\n\n\t\tthis.layoutTable.removeAllItems();\n\t\tthis.orderedSections.forEach((section: IElement) => {\n\t\t\tthis.layoutTable\n\t\t\t\t.addItem(\n\t\t\t\t\tnew ColumnListItem({\n\t\t\t\t\t\ttype: (this.getParent() as KeyUserSettingsDialog)?.hasDetailsPage?.(section.completeId) ? \"Navigation\" : \"Inactive\",\n\t\t\t\t\t\tcells: [\n\t\t\t\t\t\t\tnew HBox({\n\t\t\t\t\t\t\t\talignItems: \"Center\",\n\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\tnew Icon({\n\t\t\t\t\t\t\t\t\t\tsrc: \"sap-icon://vertical-grip\"\n\t\t\t\t\t\t\t\t\t}).addStyleClass(\"sapUiSmallMarginEnd\"),\n\t\t\t\t\t\t\t\t\tnew HBox({\n\t\t\t\t\t\t\t\t\t\tjustifyContent: \"SpaceBetween\",\n\t\t\t\t\t\t\t\t\t\talignItems: \"Center\",\n\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\t\t\tnew ObjectIdentifier({\n\t\t\t\t\t\t\t\t\t\t\t\ttitle: section.title,\n\t\t\t\t\t\t\t\t\t\t\t\ttext: section.text,\n\t\t\t\t\t\t\t\t\t\t\t\ttooltip: section.title\n\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\tnew ToggleButton({\n\t\t\t\t\t\t\t\t\t\t\t\ttooltip: section.visible\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this._i18nBundle.getText(\"hideBtn\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this._i18nBundle.getText(\"showBtn\"),\n\t\t\t\t\t\t\t\t\t\t\t\ticon: \"sap-icon://show\",\n\t\t\t\t\t\t\t\t\t\t\t\ttype: \"Emphasized\",\n\t\t\t\t\t\t\t\t\t\t\t\tenabled: !section.blocked,\n\t\t\t\t\t\t\t\t\t\t\t\tpress: (event) => this.createShowHideChangeFile(event, section),\n\t\t\t\t\t\t\t\t\t\t\t\tpressed: !section.visible,\n\t\t\t\t\t\t\t\t\t\t\t\tariaLabelledBy: [\"selectLabel\"]\n\t\t\t\t\t\t\t\t\t\t\t}).addStyleClass(\"sapUiTinyMarginEnd sapUiTinyMarginTop\")\n\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t}).addStyleClass(\"sapUiTinyMarginBegin\")\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\twidth: \"100%\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t],\n\t\t\t\t\t\tpress: () => keyUserSettingsDialog?.navigateToPage?.(keyUserSettingsDialog.getDetailsPage(section.completeId)),\n\t\t\t\t\t\tcustomData: new CustomData({\n\t\t\t\t\t\t\tkey: \"sectionObject\",\n\t\t\t\t\t\t\tvalue: section\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t\t.addStyleClass(\"insightsListItem insightsListMargin\");\n\t\t});\n\t}\n\n\t/**\n\t * Function to execute drag and drop among sections\n\t *\n\t * @private\n\t */\n\tprivate onDropLayoutSettings(event: DropInfo$DropEvent | IDragEvent) {\n\t\tconst wrapper = this._getPanel() as Layout | Control;\n\t\tconst wrapperId = wrapper.getId();\n\t\tconst dragItem = ((event as DropInfo$DropEvent).getParameter?.(\"draggedControl\") ||\n\t\t\t(event as IDragEvent).draggedControl) as ColumnListItem;\n\t\tconst dragItemIndex = (dragItem.getParent() as Table)?.indexOfItem(dragItem);\n\t\tconst dropItem = ((event as DropInfo$DropEvent).getParameter?.(\"droppedControl\") ||\n\t\t\t(event as IDragEvent).droppedControl) as ColumnListItem;\n\t\tconst dropItemIndex = (dragItem.getParent() as Table)?.indexOfItem(dropItem);\n\n\t\tif (dragItemIndex !== dropItemIndex) {\n\t\t\tconst sectionOrder = this.orderedSections;\n\t\t\tconst dragObject = dragItem.data(\"sectionObject\") as IElement;\n\t\t\tconst dropObject = dropItem.data(\"sectionObject\") as IElement;\n\n\t\t\tconst actualDragItemIndex = this._getActualIndex(dragObject.completeId);\n\t\t\tconst actualDropItemIndex = this._getActualIndex(dropObject.completeId);\n\t\t\tthis._rearrangeLayoutElements(actualDragItemIndex, actualDropItemIndex);\n\n\t\t\tsectionOrder.splice(dragItemIndex, 1);\n\t\t\tsectionOrder.splice(dropItemIndex, 0, dragObject);\n\t\t\t(wrapper as Layout).setSections(sectionOrder);\n\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: wrapper as Control,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType: CHANGE_TYPES.MOVE,\n\t\t\t\t\tcontent: {\n\t\t\t\t\t\tmovedElements: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: dragObject.completeId,\n\t\t\t\t\t\t\t\tsourceIndex: actualDragItemIndex,\n\t\t\t\t\t\t\t\ttargetIndex: actualDropItemIndex\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t],\n\t\t\t\t\t\tsource: {\n\t\t\t\t\t\t\tid: wrapperId,\n\t\t\t\t\t\t\taggregation: \"items\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\tid: wrapperId,\n\t\t\t\t\t\t\taggregation: \"items\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tvoid this.loadSections();\n\t\t}\n\t\tfocusDraggedItem(this.layoutTable, dropItemIndex);\n\t}\n\n\t/**\n\t * Retrieves the actual index of a layout element by its ID.\n\t *\n\t * @private\n\t * @param {string} id - The ID of the layout element to find.\n\t * @returns {number} The index of the layout element.\n\t */\n\tprivate _getActualIndex(id: string): number {\n\t\tconst layout = this._getPanel() as Layout;\n\t\tthis._allLayoutElements = this._allLayoutElements || [...layout.getItems()];\n\t\tconst isLayoutExpanded = layout.getProperty(\"expanded\") as boolean;\n\t\tconst expandedElementConfig = layout._getCurrentExpandedElement();\n\n\t\tif (isLayoutExpanded && expandedElementConfig) {\n\t\t\t// add the expanded element if it isn't already in the list\n\t\t\tif (!this._allLayoutElements.some((element) => element.getId() === expandedElementConfig.targetContainer.getId())) {\n\t\t\t\tthis._allLayoutElements.splice(\n\t\t\t\t\tlayout.indexOfItem(expandedElementConfig.targetContainer),\n\t\t\t\t\t0,\n\t\t\t\t\texpandedElementConfig.targetContainer\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn this._allLayoutElements.findIndex((element) => element.getId() === id);\n\t}\n\n\t/**\n\t * Rearranges the layout elements by moving an element from the source index to the target index.\n\t *\n\t * @private\n\t * @param {number} sourceIndex - The index of the element to move.\n\t * @param {number} targetIndex - The index to move the element to.\n\t */\n\tprivate _rearrangeLayoutElements(sourceIndex: number, targetIndex: number): void {\n\t\tconst container = this._allLayoutElements.splice(sourceIndex, 1)[0];\n\t\tthis._allLayoutElements.splice(targetIndex, 0, container);\n\t}\n\n\t/**\n\t * Method to set visibility of the container sections\n\t * Toggle button pressed event handler\n\t *\n\t * @private\n\t */\n\tprivate createShowHideChangeFile(oControlEvent: ToggleButton$PressEvent, section: IElement): void {\n\t\tconst isCheckBoxSelected: boolean = !oControlEvent.getParameter(\"pressed\");\n\t\tconst keyUserChanges = this.getKeyUserChanges();\n\t\tconst changeType = isCheckBoxSelected ? CHANGE_TYPES.UNHIDE : CHANGE_TYPES.HIDE;\n\t\tconst oExistingChange = keyUserChanges.find((oChange) => {\n\t\t\treturn oChange.selectorControl.getId() === section.completeId;\n\t\t});\n\n\t\t//Check if the change already exists\n\t\tif (oExistingChange) {\n\t\t\toExistingChange.changeSpecificData.changeType = changeType;\n\t\t} else {\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: Element.getElementById(section.completeId) as Control,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n}\n"],"mappings":";;;;AAAAA,IAAAC,GAAAC,OAAA,iSAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAA,sBAAAC,EAAAC,GAAA,OAAAA,KAAAC,mBAAAD,EAAAE,UAAA,YAAAF,EAAAE,QAAAF,CAAA,OAkBOG,EAAiBJ,EAAAJ,GAAA,MACfS,EAAYR,EAAA,sBAIZS,EAA4BR,EAAA,sCAC5BS,EAAgBR,EAAA,oBAEzB,MAgBqBS,EAAmCJ,EAAiBK,OAAA,2CACxDC,SAA4B,CAC3CC,QAAS,gBAaHC,KAAI,SAAAC,IACVC,sBAAAC,MAGAA,KAAKC,YAAY,MAAOV,EAA6BW,QACrDF,KAAKC,YAAY,QAASD,KAAKG,YAAYC,QAAQ,kBAGnDJ,KAAKK,eAAe,UAAWL,KAAKM,cAGpCN,KAAKO,qBAAqB,KACzB,MAAMC,EAASR,KAAKS,YACpBD,EAAOE,qBACFV,KAAKW,cAAc,EAE1B,EAQQL,WAAU,SAAAM,IACjB,IAAKZ,KAAKa,YAAa,CACtBb,KAAKa,YAAc,IAAIrC,EAAMwB,KAAKc,QAAU,0BAA2B,CACtEC,MAAO,oBACPC,MAAO,GACPC,QAAS,CACR,IAAI7C,EAAO4B,KAAKc,QAAU,yBAA0B,CACnDC,MAAO,YAGPG,cAAc,6DACjBlB,KAAKmB,oBAAoBnB,KAAKa,YAAcO,GAAUpB,KAAKqB,qBAAqBD,GACjF,CACA,OAAOpB,KAAKa,WACb,EAOcF,aAAY,SAAAW,IAAA,IAAkB,MAAAC,EAC5BvB,KAAf,MAAMQ,EAASe,EAAKd,YAAsB,OAAAe,QAAAC,QACpCjB,EAAOkB,2BAAyBC,KAAA,WACtCJ,EAAKK,gBAAkBpB,EAAOqB,eAAiB,GAE/C,MAAMC,EAAwBP,EAAKQ,YAEnCR,EAAKV,YAAYmB,iBACjBT,EAAKK,gBAAgBK,QAASC,IAC7BX,EAAKV,YACHsB,QACA,IAAI9D,EAAe,CAClB+D,KAAOb,EAAKQ,aAAuCM,iBAAiBH,EAAQI,YAAc,aAAe,WACzGC,MAAO,CACN,IAAIjE,EAAK,CACRkE,WAAY,SACZxB,MAAO,CACN,IAAIpC,EAAK,CACR6D,IAAK,6BACHvB,cAAc,uBACjB,IAAI5C,EAAK,CACRoE,eAAgB,eAChBF,WAAY,SACZzB,MAAO,OACPC,MAAO,CACN,IAAIzC,EAAiB,CACpBoE,MAAOT,EAAQS,MACfC,KAAMV,EAAQU,KACdC,QAASX,EAAQS,QAElB,IAAIlE,EAAa,CAChBoE,QAASX,EAAQY,QACdvB,EAAKpB,YAAYC,QAAQ,WACzBmB,EAAKpB,YAAYC,QAAQ,WAC5B2C,KAAM,kBACNX,KAAM,aACNY,SAAUd,EAAQe,QAClBC,MAAQ9B,GAAUG,EAAK4B,yBAAyB/B,EAAOc,GACvDkB,SAAUlB,EAAQY,QAClBO,eAAgB,CAAC,iBACfnC,cAAc,4CAEhBA,cAAc,yBAElBH,MAAO,UAGTmC,MAAOA,IAAMpB,GAAuBwB,iBAAiBxB,EAAsByB,eAAerB,EAAQI,aAClGkB,WAAY,IAAI9E,EAAW,CAC1B+E,IAAK,gBACLC,MAAOxB,OAIThB,cAAc,sCAAsC,EACpD,EACJ,CAAC,MAAAyC,GAAA,OAAAnC,QAAAoC,OAAAD,EAAA,GAOOtC,qBAAoB,SAAAwC,EAACzC,GAC5B,MAAM0C,EAAU9D,KAAKS,YACrB,MAAMsD,EAAYD,EAAQhD,QAC1B,MAAMkD,EAAa5C,EAA6B6C,eAAe,mBAC7D7C,EAAqB8C,eACvB,MAAMC,EAAiBH,EAASjC,aAAuBqC,YAAYJ,GACnE,MAAMK,EAAajD,EAA6B6C,eAAe,mBAC7D7C,EAAqBkD,eACvB,MAAMC,EAAiBP,EAASjC,aAAuBqC,YAAYC,GAEnE,GAAIF,IAAkBI,EAAe,CACpC,MAAMC,EAAexE,KAAK4B,gBAC1B,MAAM6C,EAAaT,EAASU,KAAK,iBACjC,MAAMC,EAAaN,EAASK,KAAK,iBAEjC,MAAME,EAAsB5E,KAAK6E,gBAAgBJ,EAAWnC,YAC5D,MAAMwC,EAAsB9E,KAAK6E,gBAAgBF,EAAWrC,YAC5DtC,KAAK+E,yBAAyBH,EAAqBE,GAEnDN,EAAaQ,OAAOb,EAAe,GACnCK,EAAaQ,OAAOT,EAAe,EAAGE,GACrCX,EAAmBmB,YAAYT,GAEhCxE,KAAKkF,kBAAkB,CACtBC,gBAAiBrB,EACjBsB,mBAAoB,CACnBC,WAAY/F,EAAagG,KACzBC,QAAS,CACRC,cAAe,CACd,CACCC,GAAIhB,EAAWnC,WACfoD,YAAad,EACbe,YAAab,IAGfc,OAAQ,CACPH,GAAI1B,EACJ8B,YAAa,SAEdC,OAAQ,CACPL,GAAI1B,EACJ8B,YAAa,kBAMZ7F,KAAKW,cACX,CACAnB,EAAiBQ,KAAKa,YAAa0D,EACpC,EASQM,gBAAe,SAAAA,EAACY,GACvB,MAAMjF,EAASR,KAAKS,YACpBT,KAAK+F,mBAAqB/F,KAAK+F,oBAAsB,IAAIvF,EAAOwF,YAChE,MAAMC,EAAmBzF,EAAO0F,YAAY,YAC5C,MAAMC,EAAwB3F,EAAO4F,6BAErC,GAAIH,GAAoBE,EAAuB,CAE9C,IAAKnG,KAAK+F,mBAAmBM,KAAMC,GAAYA,EAAQxF,UAAYqF,EAAsBI,gBAAgBzF,SAAU,CAClHd,KAAK+F,mBAAmBf,OACvBxE,EAAO4D,YAAY+B,EAAsBI,iBACzC,EACAJ,EAAsBI,gBAExB,CACD,CAEA,OAAOvG,KAAK+F,mBAAmBS,UAAWF,GAAYA,EAAQxF,UAAY2E,EAC3E,EASQV,yBAAwB,SAAAA,EAACW,EAAqBC,GACrD,MAAMc,EAAYzG,KAAK+F,mBAAmBf,OAAOU,EAAa,GAAG,GACjE1F,KAAK+F,mBAAmBf,OAAOW,EAAa,EAAGc,EAChD,EAQQtD,yBAAwB,SAAAuD,EAACC,EAAwCzE,GACxE,MAAM0E,GAA+BD,EAAc1C,aAAa,WAChE,MAAM4C,EAAiB7G,KAAK8G,oBAC5B,MAAMzB,EAAauB,EAAqBtH,EAAayH,OAASzH,EAAa0H,KAC3E,MAAMC,EAAkBJ,EAAeK,KAAMC,GACrCA,EAAQhC,gBAAgBrE,UAAYoB,EAAQI,YAIpD,GAAI2E,EAAiB,CACpBA,EAAgB7B,mBAAmBC,WAAaA,CACjD,KAAO,CACNrF,KAAKkF,kBAAkB,CACtBC,gBAAiBxG,EAAQyI,eAAelF,EAAQI,YAChD8C,mBAAoB,CACnBC,eAGH,CACD,IAAC,OA/OmB5F,CAA0B","ignoreList":[]}
+{"version":3,"file":"KeyUserLayoutSettingsPanel.js","names":["sap","ui","define","Column","ColumnListItem","HBox","ObjectIdentifier","Table","ToggleButton","CustomData","Element","Icon","__BaseSettingsPanel","___flexibility_Layoutflexibility","___utils_Constants","___utils_DataFormatUtils","___utils_DragDropUtils","_interopRequireDefault","obj","__esModule","default","BaseSettingsPanel","CHANGE_TYPES","KEYUSER_SETTINGS_PANELS_KEYS","recycleId","focusDraggedItem","KeyUserLayoutSettingsPanel","extend","metadata","library","init","_init","BaseSettingsPanel.prototype.init.call","this","setProperty","LAYOUT","_i18nBundle","getText","addAggregation","getContent","attachPanelNavigated","layout","_getPanel","resetSections","loadSections","_getContent","layoutTable","getId","width","items","columns","addStyleClass","addDragDropConfigTo","event","onDropLayoutSettings","_loadSections","_this","Promise","resolve","_calculateSectionsState","then","orderedSections","getSections","keyUserSettingsDialog","getParent","removeAllItems","forEach","section","index","addItem","type","hasDetailsPage","completeId","cells","alignItems","src","justifyContent","title","text","tooltip","visible","icon","enabled","blocked","press","createShowHideChangeFile","pressed","ariaLabelledBy","navigateToPage","getDetailsPage","customData","key","value","e","reject","_onDropLayoutSettings","wrapper","wrapperId","dragItem","getParameter","draggedControl","dragItemIndex","indexOfItem","dropItem","droppedControl","dropItemIndex","sectionOrder","dragObject","data","dropObject","actualDragItemIndex","_getActualIndex","actualDropItemIndex","_rearrangeLayoutElements","splice","setSections","addKeyUserChanges","selectorControl","changeSpecificData","changeType","MOVE","content","movedElements","id","sourceIndex","targetIndex","source","aggregation","target","_allLayoutElements","getItems","isLayoutExpanded","getProperty","expandedElementConfig","_getCurrentExpandedElement","some","element","targetContainer","findIndex","container","_createShowHideChangeFile","oControlEvent","isCheckBoxSelected","keyUserChanges","getKeyUserChanges","UNHIDE","HIDE","oExistingChange","find","oChange","getElementById"],"sources":["KeyUserLayoutSettingsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Column from \"sap/m/Column\";\nimport ColumnListItem from \"sap/m/ColumnListItem\";\nimport HBox from \"sap/m/HBox\";\nimport ObjectIdentifier from \"sap/m/ObjectIdentifier\";\nimport Table from \"sap/m/Table\";\nimport ToggleButton, { ToggleButton$PressEvent } from \"sap/m/ToggleButton\";\nimport Control from \"sap/ui/core/Control\";\nimport CustomData from \"sap/ui/core/CustomData\";\nimport { DropInfo$DropEvent } from \"sap/ui/core/dnd/DropInfo\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport Icon from \"sap/ui/core/Icon\";\nimport BaseContainer from \"./BaseContainer\";\nimport BaseSettingsPanel from \"./BaseSettingsPanel\";\nimport { CHANGE_TYPES } from \"./flexibility/Layout.flexibility\";\nimport { IDragEvent, IElement } from \"./interface/LayoutInterface\";\nimport KeyUserSettingsDialog from \"./KeyUserSettingsDialog\";\nimport Layout from \"./Layout\";\nimport { KEYUSER_SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\nimport { recycleId } from \"./utils/DataFormatUtils\";\nimport { focusDraggedItem } from \"./utils/DragDropUtils\";\n\n/**\n *\n * Class for Layout Settings Panel for KeyUser Settings Dialog.\n *\n * @extends BaseSettingsPanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @internal\n * @experimental Since 1.121\n * @private\n *\n * @alias sap.cux.home.KeyUserLayoutSettingsPanel\n */\nexport default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\"\n\t};\n\n\tprivate layoutTable!: Table;\n\tprivate orderedSections!: IElement[];\n\tprivate _allLayoutElements!: BaseContainer[];\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @public\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\t//setup panel\n\t\tthis.setProperty(\"key\", KEYUSER_SETTINGS_PANELS_KEYS.LAYOUT);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"editModeTitle\"));\n\n\t\t// //setup layout content\n\t\tthis.addAggregation(\"content\", this.getContent());\n\n\t\t//fired every time on panel navigation\n\t\tthis.attachPanelNavigated(() => {\n\t\t\tconst layout = this._getPanel() as Layout;\n\t\t\tlayout.resetSections();\n\t\t\tvoid this.loadSections();\n\t\t});\n\t}\n\n\t/**\n\t * Returns the content for the Layout Settings Panel.\n\t *\n\t * @private\n\t * @returns {VBox} The control containing the Layout Settings Panel content.\n\t */\n\tprivate getContent(): Table {\n\t\tif (!this.layoutTable) {\n\t\t\tthis.layoutTable = new Table(this.getId() + \"--idLayoutSettingsTable\", {\n\t\t\t\twidth: \"calc(100% - 2rem)\",\n\t\t\t\titems: [],\n\t\t\t\tcolumns: [\n\t\t\t\t\tnew Column(this.getId() + \"--idSectionTitleColumn\", {\n\t\t\t\t\t\twidth: \"100%\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}).addStyleClass(\"layoutSettingsTable sapContrastPlus sapUiSmallMarginBegin\");\n\t\t\tthis.addDragDropConfigTo(this.layoutTable, (event) => this.onDropLayoutSettings(event));\n\t\t}\n\t\treturn this.layoutTable;\n\t}\n\n\t/**\n\t * Method to load the sections\n\t *\n\t * @private\n\t */\n\tprivate async loadSections(): Promise<void> {\n\t\tconst layout = this._getPanel() as Layout;\n\t\tawait layout._calculateSectionsState();\n\t\tthis.orderedSections = layout.getSections() || [];\n\n\t\tconst keyUserSettingsDialog = this.getParent() as KeyUserSettingsDialog;\n\n\t\tthis.layoutTable.removeAllItems();\n\t\tthis.orderedSections.forEach((section: IElement, index: number) => {\n\t\t\tthis.layoutTable\n\t\t\t\t.addItem(\n\t\t\t\t\tnew ColumnListItem(recycleId(`${this.getId()}--layoutSettingsColumnListItem--${index}`), {\n\t\t\t\t\t\ttype: (this.getParent() as KeyUserSettingsDialog)?.hasDetailsPage?.(section.completeId) ? \"Navigation\" : \"Inactive\",\n\t\t\t\t\t\tcells: [\n\t\t\t\t\t\t\tnew HBox(recycleId(`${this.getId()}--layoutColumnListHBox--${index}`), {\n\t\t\t\t\t\t\t\talignItems: \"Center\",\n\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\tnew Icon(recycleId(`${this.getId()}--layoutColumnListItemIcon--${index}`), {\n\t\t\t\t\t\t\t\t\t\tsrc: \"sap-icon://vertical-grip\"\n\t\t\t\t\t\t\t\t\t}).addStyleClass(\"sapUiSmallMarginEnd\"),\n\t\t\t\t\t\t\t\t\tnew HBox(recycleId(`${this.getId()}--layoutColumnListItemHBox--${index}`), {\n\t\t\t\t\t\t\t\t\t\tjustifyContent: \"SpaceBetween\",\n\t\t\t\t\t\t\t\t\t\talignItems: \"Center\",\n\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\t\t\t\t\tnew ObjectIdentifier(recycleId(`${this.getId()}--layoutColumnListObjectIdentifier--${index}`), {\n\t\t\t\t\t\t\t\t\t\t\t\ttitle: section.title,\n\t\t\t\t\t\t\t\t\t\t\t\ttext: section.text,\n\t\t\t\t\t\t\t\t\t\t\t\ttooltip: section.title\n\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t\tnew ToggleButton(recycleId(`${this.getId()}--layoutColumnListToggleButton--${index}`), {\n\t\t\t\t\t\t\t\t\t\t\t\ttooltip: section.visible\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this._i18nBundle.getText(\"hideBtn\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this._i18nBundle.getText(\"showBtn\"),\n\t\t\t\t\t\t\t\t\t\t\t\ticon: \"sap-icon://show\",\n\t\t\t\t\t\t\t\t\t\t\t\ttype: \"Emphasized\",\n\t\t\t\t\t\t\t\t\t\t\t\tenabled: !section.blocked,\n\t\t\t\t\t\t\t\t\t\t\t\tpress: (event) => this.createShowHideChangeFile(event, section),\n\t\t\t\t\t\t\t\t\t\t\t\tpressed: !section.visible,\n\t\t\t\t\t\t\t\t\t\t\t\tariaLabelledBy: [\"selectLabel\"]\n\t\t\t\t\t\t\t\t\t\t\t}).addStyleClass(\"sapUiTinyMarginEnd sapUiTinyMarginTop\")\n\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t}).addStyleClass(\"sapUiTinyMarginBegin\")\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\twidth: \"100%\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t],\n\t\t\t\t\t\tpress: () => keyUserSettingsDialog?.navigateToPage?.(keyUserSettingsDialog.getDetailsPage(section.completeId)),\n\t\t\t\t\t\tcustomData: new CustomData(recycleId(`${this.getId()}--custom-data--${index}`), {\n\t\t\t\t\t\t\tkey: \"sectionObject\",\n\t\t\t\t\t\t\tvalue: section\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t\t.addStyleClass(\"insightsListItem insightsListMargin\");\n\t\t});\n\t}\n\n\t/**\n\t * Function to execute drag and drop among sections\n\t *\n\t * @private\n\t */\n\tprivate onDropLayoutSettings(event: DropInfo$DropEvent | IDragEvent) {\n\t\tconst wrapper = this._getPanel() as Layout | Control;\n\t\tconst wrapperId = wrapper.getId();\n\t\tconst dragItem = ((event as DropInfo$DropEvent).getParameter?.(\"draggedControl\") ||\n\t\t\t(event as IDragEvent).draggedControl) as ColumnListItem;\n\t\tconst dragItemIndex = (dragItem.getParent() as Table)?.indexOfItem(dragItem);\n\t\tconst dropItem = ((event as DropInfo$DropEvent).getParameter?.(\"droppedControl\") ||\n\t\t\t(event as IDragEvent).droppedControl) as ColumnListItem;\n\t\tconst dropItemIndex = (dragItem.getParent() as Table)?.indexOfItem(dropItem);\n\n\t\tif (dragItemIndex !== dropItemIndex) {\n\t\t\tconst sectionOrder = this.orderedSections;\n\t\t\tconst dragObject = dragItem.data(\"sectionObject\") as IElement;\n\t\t\tconst dropObject = dropItem.data(\"sectionObject\") as IElement;\n\n\t\t\tconst actualDragItemIndex = this._getActualIndex(dragObject.completeId);\n\t\t\tconst actualDropItemIndex = this._getActualIndex(dropObject.completeId);\n\t\t\tthis._rearrangeLayoutElements(actualDragItemIndex, actualDropItemIndex);\n\n\t\t\tsectionOrder.splice(dragItemIndex, 1);\n\t\t\tsectionOrder.splice(dropItemIndex, 0, dragObject);\n\t\t\t(wrapper as Layout).setSections(sectionOrder);\n\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: wrapper as Control,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType: CHANGE_TYPES.MOVE,\n\t\t\t\t\tcontent: {\n\t\t\t\t\t\tmovedElements: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: dragObject.completeId,\n\t\t\t\t\t\t\t\tsourceIndex: actualDragItemIndex,\n\t\t\t\t\t\t\t\ttargetIndex: actualDropItemIndex\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t],\n\t\t\t\t\t\tsource: {\n\t\t\t\t\t\t\tid: wrapperId,\n\t\t\t\t\t\t\taggregation: \"items\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttarget: {\n\t\t\t\t\t\t\tid: wrapperId,\n\t\t\t\t\t\t\taggregation: \"items\"\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tvoid this.loadSections();\n\t\t}\n\t\tfocusDraggedItem(this.layoutTable, dropItemIndex);\n\t}\n\n\t/**\n\t * Retrieves the actual index of a layout element by its ID.\n\t *\n\t * @private\n\t * @param {string} id - The ID of the layout element to find.\n\t * @returns {number} The index of the layout element.\n\t */\n\tprivate _getActualIndex(id: string): number {\n\t\tconst layout = this._getPanel() as Layout;\n\t\tthis._allLayoutElements = this._allLayoutElements || [...layout.getItems()];\n\t\tconst isLayoutExpanded = layout.getProperty(\"expanded\") as boolean;\n\t\tconst expandedElementConfig = layout._getCurrentExpandedElement();\n\n\t\tif (isLayoutExpanded && expandedElementConfig) {\n\t\t\t// add the expanded element if it isn't already in the list\n\t\t\tif (!this._allLayoutElements.some((element) => element.getId() === expandedElementConfig.targetContainer.getId())) {\n\t\t\t\tthis._allLayoutElements.splice(\n\t\t\t\t\tlayout.indexOfItem(expandedElementConfig.targetContainer),\n\t\t\t\t\t0,\n\t\t\t\t\texpandedElementConfig.targetContainer\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn this._allLayoutElements.findIndex((element) => element.getId() === id);\n\t}\n\n\t/**\n\t * Rearranges the layout elements by moving an element from the source index to the target index.\n\t *\n\t * @private\n\t * @param {number} sourceIndex - The index of the element to move.\n\t * @param {number} targetIndex - The index to move the element to.\n\t */\n\tprivate _rearrangeLayoutElements(sourceIndex: number, targetIndex: number): void {\n\t\tconst container = this._allLayoutElements.splice(sourceIndex, 1)[0];\n\t\tthis._allLayoutElements.splice(targetIndex, 0, container);\n\t}\n\n\t/**\n\t * Method to set visibility of the container sections\n\t * Toggle button pressed event handler\n\t *\n\t * @private\n\t */\n\tprivate createShowHideChangeFile(oControlEvent: ToggleButton$PressEvent, section: IElement): void {\n\t\tconst isCheckBoxSelected: boolean = !oControlEvent.getParameter(\"pressed\");\n\t\tconst keyUserChanges = this.getKeyUserChanges();\n\t\tconst changeType = isCheckBoxSelected ? CHANGE_TYPES.UNHIDE : CHANGE_TYPES.HIDE;\n\t\tconst oExistingChange = keyUserChanges.find((oChange) => {\n\t\t\treturn oChange.selectorControl.getId() === section.completeId;\n\t\t});\n\n\t\t//Check if the change already exists\n\t\tif (oExistingChange) {\n\t\t\toExistingChange.changeSpecificData.changeType = changeType;\n\t\t} else {\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: Element.getElementById(section.completeId) as Control,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -22,6 +22,7 @@ import { IDragEvent, IElement } from "./interface/LayoutInterface";
 import KeyUserSettingsDialog from "./KeyUserSettingsDialog";
 import Layout from "./Layout";
 import { KEYUSER_SETTINGS_PANELS_KEYS } from "./utils/Constants";
+import { recycleId } from "./utils/DataFormatUtils";
 import { focusDraggedItem } from "./utils/DragDropUtils";
 
 /**
@@ -108,29 +109,29 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 		const keyUserSettingsDialog = this.getParent() as KeyUserSettingsDialog;
 
 		this.layoutTable.removeAllItems();
-		this.orderedSections.forEach((section: IElement) => {
+		this.orderedSections.forEach((section: IElement, index: number) => {
 			this.layoutTable
 				.addItem(
-					new ColumnListItem({
+					new ColumnListItem(recycleId(`${this.getId()}--layoutSettingsColumnListItem--${index}`), {
 						type: (this.getParent() as KeyUserSettingsDialog)?.hasDetailsPage?.(section.completeId) ? "Navigation" : "Inactive",
 						cells: [
-							new HBox({
+							new HBox(recycleId(`${this.getId()}--layoutColumnListHBox--${index}`), {
 								alignItems: "Center",
 								items: [
-									new Icon({
+									new Icon(recycleId(`${this.getId()}--layoutColumnListItemIcon--${index}`), {
 										src: "sap-icon://vertical-grip"
 									}).addStyleClass("sapUiSmallMarginEnd"),
-									new HBox({
+									new HBox(recycleId(`${this.getId()}--layoutColumnListItemHBox--${index}`), {
 										justifyContent: "SpaceBetween",
 										alignItems: "Center",
 										width: "100%",
 										items: [
-											new ObjectIdentifier({
+											new ObjectIdentifier(recycleId(`${this.getId()}--layoutColumnListObjectIdentifier--${index}`), {
 												title: section.title,
 												text: section.text,
 												tooltip: section.title
 											}),
-											new ToggleButton({
+											new ToggleButton(recycleId(`${this.getId()}--layoutColumnListToggleButton--${index}`), {
 												tooltip: section.visible
 													? this._i18nBundle.getText("hideBtn")
 													: this._i18nBundle.getText("showBtn"),
@@ -148,7 +149,7 @@ export default class KeyUserLayoutSettingsPanel extends BaseSettingsPanel {
 							})
 						],
 						press: () => keyUserSettingsDialog?.navigateToPage?.(keyUserSettingsDialog.getDetailsPage(section.completeId)),
-						customData: new CustomData({
+						customData: new CustomData(recycleId(`${this.getId()}--custom-data--${index}`), {
 							key: "sectionObject",
 							value: section
 						})

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

@@ -201,7 +201,7 @@ sap.ui.define(["sap/m/List", "sap/m/Page", "sap/m/StandardListItem", "sap/m/VBox
     navigateToNewsSettingsPage: function _navigateToNewsSettingsPage() {
       const navContainer = this.getParent()?.getNavContainer?.();
       if (!this.newsSettingsPage) {
-        this.newsSettingsPanel = new KeyUserNewsSettingsPanel();
+        this.newsSettingsPanel = new KeyUserNewsSettingsPanel(`${this.getId()}--news-settings-panel`);
         this.newsSettingsPanel.setAssociation("panel", this.newsPanel);
         this.newsSettingsPage = new Page(`${this.getId()}-news-settings-page`, {
           title: this.newsSettingsPanel.getProperty("title"),
@@ -223,7 +223,7 @@ sap.ui.define(["sap/m/List", "sap/m/Page", "sap/m/StandardListItem", "sap/m/VBox
      */
     openPageSettingsDialog: function _openPageSettingsDialog() {
       if (!this.pageSettingsPanel) {
-        this.pageSettingsPanel = new KeyUserPagesSettingsPanel();
+        this.pageSettingsPanel = new KeyUserPagesSettingsPanel(`${this.getId()}--pages-settings-panel`);
         this.pageSettingsPanel.setAssociation("panel", this.pagePanel);
         this.pageSettingsDialog = this.pageSettingsPanel.getAggregation("content")?.[0];
       }

package/src/sap/cux/home/KeyUserNewsPagesSettingsPanel-dbg.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyUserNewsPagesSettingsPanel-dbg.js","names":["sap","ui","define","List","Page","StandardListItem","VBox","Element","EventBus","__BaseSettingsPanel","___flexibility_Layoutflexibility","__KeyUserNewsSettingsPanel","__KeyUserPagesSettingsPanel","__NewsPanel","__PagePanel","___utils_Constants","_interopRequireDefault","obj","__esModule","default","_catch","body","recover","result","e","then","BaseSettingsPanel","CHANGE_TYPES","KeyUserNewsSettingsPanel","KeyUserPagesSettingsPanel","NewsPanel","PagePanel","KEYUSER_SETTINGS_PANELS_KEYS","KeyUserNewsPagesSettingsPanel","extend","metadata","library","init","_init","BaseSettingsPanel.prototype.init.call","setProperty","NEWS_PAGES","_i18nBundle","getText","_eventBus","getInstance","subscribe","channelId","eventId","data","changes","addNewsPagesChanges","addAggregation","getContent","attachPanelNavigated","loadSettings","_getContent","wrapperVBox","getId","_loadSettings","associatedPanelId","getPanel","associatedPanel","getElementById","container","getParent","forEach","panel","newsPanel","addItem","getNewsSettingsList","pagePanel","getPageSettingsList","newsVisibilityChangeHandler","_newsVisibilityChangeHandler","oEvent","newsVisibilityCheckBox","getParameter","newsFeedVisibility","getSelected","_getPanel","newsPageContainer","layout","keyUserChanges","getKeyUserChanges","existingChange","find","change","changeSpecificData","changeType","NEWS_FEED_VISIBILITY","newsSettingsPanel","removeUrlMesageStrip","addKeyUserChanges","selectorControl","content","isNewsFeedVisible","_getNewsSettingsList","newsSettingsList","selectionChange","bind","mode","standardListItem","selected","getVisible","press","navigateToNewsSettingsPage","type","title","setAssociation","undefined","setSelected","Boolean","getProperty","_getPageSettingsList","pageSettingsList","items","openPageSettingsDialog","onNavBack","_onNavBack","navContainer","back","_navigateToNewsSettingsPage","getNavContainer","newsSettingsPage","showHeader","getAggregation","backgroundDesign","showNavButton","navButtonPress","addPage","to","firePanelNavigated","_openPageSettingsDialog","pageSettingsPanel","pageSettingsDialog","open","_addNewsPagesChanges","isNewsChangesValid","_isNewsChangesValid","_this","Promise","resolve","isValidChanges","onSaveClearChanges","_onSaveClearChanges","clearKeyUserChanges","onCancelClearKeyUserChanges","_onCancelClearKeyUserChanges","clearNewsPanelChanges"],"sources":["KeyUserNewsPagesSettingsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Dialog from \"sap/m/Dialog\";\nimport FlexBox from \"sap/m/FlexBox\";\nimport List from \"sap/m/List\";\nimport { ListBase$SelectionChangeEvent } from \"sap/m/ListBase\";\nimport NavContainer from \"sap/m/NavContainer\";\nimport Page from \"sap/m/Page\";\nimport StandardListItem from \"sap/m/StandardListItem\";\nimport VBox from \"sap/m/VBox\";\nimport Control from \"sap/ui/core/Control\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport EventBus from \"sap/ui/core/EventBus\";\nimport BaseContainer from \"./BaseContainer\";\nimport BaseLayout from \"./BaseLayout\";\nimport BasePanel from \"./BasePanel\";\nimport BaseSettingsPanel from \"./BaseSettingsPanel\";\nimport { CHANGE_TYPES } from \"./flexibility/Layout.flexibility\";\nimport { IKeyUserChange, INewsFeedVisibiliyChange } from \"./interface/KeyUserInterface\";\nimport KeyUserNewsSettingsPanel from \"./KeyUserNewsSettingsPanel\";\nimport KeyUserPagesSettingsPanel from \"./KeyUserPagesSettingsPanel\";\nimport KeyUserSettingsDialog from \"./KeyUserSettingsDialog\";\nimport NewsAndPagesContainer from \"./NewsAndPagesContainer\";\nimport NewsPanel from \"./NewsPanel\";\nimport PagePanel from \"./PagePanel\";\nimport { KEYUSER_SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\n\n/**\n *\n * Class for News & Pages Settings Panel for KeyUser Settings Dialog.\n *\n * @extends BaseSettingsPanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @internal\n * @experimental Since 1.121\n * @private\n *\n * @alias sap.cux.home.KeyUserNewsPagesSettingsPanel\n */\nexport default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\"\n\t};\n\tprivate wrapperVBox!: VBox;\n\tprivate newsPanel!: NewsPanel;\n\tprivate newsSettingsPanel!: KeyUserNewsSettingsPanel;\n\tprivate newsSettingsList!: List;\n\tprivate newsSettingsPage!: Page;\n\tprivate pagePanel!: PagePanel;\n\tprivate pageSettingsPanel!: KeyUserPagesSettingsPanel;\n\tprivate pageSettingsList!: List;\n\tprivate pageSettingsDialog!: Dialog;\n\tprivate _eventBus!: EventBus;\n\tprivate newsFeedVisibility!: boolean | undefined;\n\tprivate standardListItem!: StandardListItem;\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @public\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\t//setup panel\n\t\tthis.setProperty(\"key\", KEYUSER_SETTINGS_PANELS_KEYS.NEWS_PAGES);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"editNewsPages\"));\n\n\t\t// Subscribe to event bus\n\t\tthis._eventBus = EventBus.getInstance();\n\t\tthis._eventBus.subscribe(\n\t\t\t\"KeyUserChanges\",\n\t\t\t\"addNewsPagesChanges\",\n\t\t\t(channelId?: string, eventId?: string, data?: object) => {\n\t\t\t\t//errorstate is false when import is successful\n\t\t\t\tconst { changes } = data as { changes: Array<IKeyUserChange> };\n\t\t\t\tthis.addNewsPagesChanges(changes);\n\t\t\t},\n\t\t\tthis\n\t\t);\n\n\t\t// setup layout content\n\t\tthis.addAggregation(\"content\", this.getContent());\n\n\t\t// fired every time on panel navigation\n\t\tthis.attachPanelNavigated(() => this.loadSettings());\n\t}\n\n\t/**\n\t * Returns the content for the KeyUser News Pages Settings Panel.\n\t *\n\t * @private\n\t * @returns {VBox} The control containing the KeyUser News Pages Settings Panel content.\n\t */\n\tprivate getContent(): VBox {\n\t\tif (!this.wrapperVBox) {\n\t\t\tthis.wrapperVBox = new VBox(`${this.getId()}-wrapperVBox`);\n\t\t}\n\t\treturn this.wrapperVBox;\n\t}\n\n\t/**\n\t * Load settings for the panel.\n\t *\n\t * @private\n\t */\n\tprivate loadSettings(): void {\n\t\tconst associatedPanelId = this.getPanel();\n\t\tconst associatedPanel = Element.getElementById(associatedPanelId) as BasePanel;\n\t\tconst container = associatedPanel?.getParent() as BaseContainer;\n\t\tcontainer.getContent()?.forEach((panel: BasePanel) => {\n\t\t\tif (panel instanceof NewsPanel) {\n\t\t\t\tthis.newsPanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getNewsSettingsList(panel));\n\t\t\t}\n\t\t\tif (panel instanceof PagePanel) {\n\t\t\t\tthis.pagePanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getPageSettingsList(panel));\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate newsVisibilityChangeHandler(oEvent: ListBase$SelectionChangeEvent): void {\n\t\tconst newsVisibilityCheckBox = oEvent.getParameter(\"listItem\");\n\t\tthis.newsFeedVisibility = newsVisibilityCheckBox?.getSelected();\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tconst newsPageContainer = newsPanel.getParent() as NewsAndPagesContainer;\n\t\tconst layout = newsPageContainer.getParent() as BaseLayout;\n\t\tconst keyUserChanges = this.getKeyUserChanges();\n\t\tconst existingChange = keyUserChanges.find((change) => {\n\t\t\treturn change.changeSpecificData.changeType === CHANGE_TYPES.NEWS_FEED_VISIBILITY;\n\t\t});\n\t\tif (!this.newsFeedVisibility && this.newsSettingsPanel) {\n\t\t\tthis.newsSettingsPanel.removeUrlMesageStrip();\n\t\t}\n\t\tif (!existingChange) {\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: layout,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType: CHANGE_TYPES.NEWS_FEED_VISIBILITY,\n\t\t\t\t\tcontent: {\n\t\t\t\t\t\tisNewsFeedVisible: this.newsFeedVisibility\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else if ((existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible !== this.newsFeedVisibility) {\n\t\t\t(existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible = this.newsFeedVisibility;\n\t\t}\n\t}\n\n\t/**\n\t * Returns News Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the News Settings Panel content.\n\t */\n\tprivate getNewsSettingsList(panel: NewsPanel): List {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tif (!this.newsSettingsList) {\n\t\t\tthis.newsSettingsList = new List(`${this.getId()}-news-settings-list`, {\n\t\t\t\tselectionChange: this.newsVisibilityChangeHandler.bind(this),\n\t\t\t\tmode: \"MultiSelect\"\n\t\t\t});\n\t\t\tthis.standardListItem = new StandardListItem(`${this.getId()}-newsSettingsStandardListItem`, {\n\t\t\t\tselected: (newsPanel._getContent()[0].getParent() as FlexBox).getVisible(), // TO-DO: Integrate with keyuser data\n\t\t\t\tpress: this.navigateToNewsSettingsPage.bind(this),\n\t\t\t\ttype: \"Navigation\",\n\t\t\t\ttitle: this._i18nBundle.getText(\"newsFeed\")\n\t\t\t});\n\t\t\tthis.newsSettingsList.addItem(this.standardListItem);\n\t\t\tthis.newsSettingsList.setAssociation(\"panel\", panel);\n\t\t} else {\n\t\t\tif (this.newsFeedVisibility === undefined) {\n\t\t\t\tthis.standardListItem.setSelected(\n\t\t\t\t\tBoolean(newsPanel.getParent()?.getProperty(\"newsFeedVisibility\")) && Boolean(newsPanel.getProperty(\"newsAvailable\"))\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.standardListItem.setSelected(this.newsFeedVisibility);\n\t\t\t}\n\t\t}\n\t\treturn this.newsSettingsList;\n\t}\n\n\t/**\n\t * Returns Page Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the Page Settings Panel content.\n\t */\n\tprivate getPageSettingsList(panel: PagePanel): List {\n\t\tif (!this.pageSettingsList) {\n\t\t\tthis.pageSettingsList = new List(`${this.getId()}-page-settings-list`, {\n\t\t\t\tmode: \"None\",\n\t\t\t\titems: [\n\t\t\t\t\tnew StandardListItem(`${this.getId()}-pageSettingsList`, {\n\t\t\t\t\t\tselected: true, // TO-DO: Integrate with keyuser data\n\t\t\t\t\t\tpress: this.openPageSettingsDialog.bind(this),\n\t\t\t\t\t\ttype: \"Navigation\",\n\t\t\t\t\t\ttitle: this._i18nBundle.getText(\"pageGroupHeader\")\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t});\n\t\t\tthis.pageSettingsList.setAssociation(\"panel\", panel);\n\t\t}\n\t\treturn this.pageSettingsList;\n\t}\n\n\tprivate onNavBack(navContainer: NavContainer): void {\n\t\tnavContainer?.back();\n\t\tif (!this.standardListItem.getSelected()) {\n\t\t\tthis.newsSettingsPanel?.removeUrlMesageStrip();\n\t\t}\n\t}\n\n\t/**\n\t * Adds News Settings Page to the dialog.\n\t *\n\t * @private\n\t */\n\tprivate navigateToNewsSettingsPage(): void {\n\t\tconst navContainer = (this.getParent() as KeyUserSettingsDialog)?.getNavContainer?.();\n\t\tif (!this.newsSettingsPage) {\n\t\t\tthis.newsSettingsPanel = new KeyUserNewsSettingsPanel();\n\t\t\tthis.newsSettingsPanel.setAssociation(\"panel\", this.newsPanel);\n\t\t\tthis.newsSettingsPage = new Page(`${this.getId()}-news-settings-page`, {\n\t\t\t\ttitle: this.newsSettingsPanel.getProperty(\"title\") as string,\n\t\t\t\tshowHeader: true,\n\t\t\t\tcontent: this.newsSettingsPanel.getAggregation(\"content\") as Control,\n\t\t\t\tbackgroundDesign: \"Transparent\",\n\t\t\t\tshowNavButton: true,\n\t\t\t\tnavButtonPress: this.onNavBack.bind(this, navContainer)\n\t\t\t});\n\t\t}\n\t\tnavContainer?.addPage(this.newsSettingsPage);\n\t\tnavContainer?.to(this.newsSettingsPage);\n\t\tthis.newsSettingsPanel.firePanelNavigated();\n\t}\n\n\t/**\n\t * Opens Page Settings Dialog.\n\t *\n\t * @private\n\t */\n\tprivate openPageSettingsDialog(): void {\n\t\tif (!this.pageSettingsPanel) {\n\t\t\tthis.pageSettingsPanel = new KeyUserPagesSettingsPanel();\n\t\t\tthis.pageSettingsPanel.setAssociation(\"panel\", this.pagePanel);\n\t\t\tthis.pageSettingsDialog = (this.pageSettingsPanel.getAggregation(\"content\") as Dialog[])?.[0];\n\t\t}\n\t\tthis.pageSettingsDialog?.open();\n\t\tthis.pageSettingsPanel?.firePanelNavigated();\n\t}\n\n\t/**\n\t * Handles Space Page Changes.\n\t *\n\t * @private\n\t * @param {Array<IKeyUserChange>} changes All Key User Changes.\n\t */\n\tprivate addNewsPagesChanges(changes: Array<IKeyUserChange>): void {\n\t\tchanges.forEach((change) => {\n\t\t\tthis.addKeyUserChanges(change);\n\t\t});\n\t}\n\n\tpublic async isNewsChangesValid() {\n\t\ttry {\n\t\t\treturn await this.newsSettingsPanel?.isValidChanges(this.standardListItem.getSelected());\n\t\t} catch {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tpublic onSaveClearChanges() {\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.newsSettingsPanel?.clearKeyUserChanges();\n\t}\n\n\tpublic onCancelClearKeyUserChanges() {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.standardListItem?.setSelected((newsPanel._getContent()[0].getParent() as FlexBox).getVisible());\n\t\tthis.newsSettingsPanel?.clearNewsPanelChanges();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"KeyUserNewsPagesSettingsPanel-dbg.js","names":["sap","ui","define","List","Page","StandardListItem","VBox","Element","EventBus","__BaseSettingsPanel","___flexibility_Layoutflexibility","__KeyUserNewsSettingsPanel","__KeyUserPagesSettingsPanel","__NewsPanel","__PagePanel","___utils_Constants","_interopRequireDefault","obj","__esModule","default","_catch","body","recover","result","e","then","BaseSettingsPanel","CHANGE_TYPES","KeyUserNewsSettingsPanel","KeyUserPagesSettingsPanel","NewsPanel","PagePanel","KEYUSER_SETTINGS_PANELS_KEYS","KeyUserNewsPagesSettingsPanel","extend","metadata","library","init","_init","BaseSettingsPanel.prototype.init.call","setProperty","NEWS_PAGES","_i18nBundle","getText","_eventBus","getInstance","subscribe","channelId","eventId","data","changes","addNewsPagesChanges","addAggregation","getContent","attachPanelNavigated","loadSettings","_getContent","wrapperVBox","getId","_loadSettings","associatedPanelId","getPanel","associatedPanel","getElementById","container","getParent","forEach","panel","newsPanel","addItem","getNewsSettingsList","pagePanel","getPageSettingsList","newsVisibilityChangeHandler","_newsVisibilityChangeHandler","oEvent","newsVisibilityCheckBox","getParameter","newsFeedVisibility","getSelected","_getPanel","newsPageContainer","layout","keyUserChanges","getKeyUserChanges","existingChange","find","change","changeSpecificData","changeType","NEWS_FEED_VISIBILITY","newsSettingsPanel","removeUrlMesageStrip","addKeyUserChanges","selectorControl","content","isNewsFeedVisible","_getNewsSettingsList","newsSettingsList","selectionChange","bind","mode","standardListItem","selected","getVisible","press","navigateToNewsSettingsPage","type","title","setAssociation","undefined","setSelected","Boolean","getProperty","_getPageSettingsList","pageSettingsList","items","openPageSettingsDialog","onNavBack","_onNavBack","navContainer","back","_navigateToNewsSettingsPage","getNavContainer","newsSettingsPage","showHeader","getAggregation","backgroundDesign","showNavButton","navButtonPress","addPage","to","firePanelNavigated","_openPageSettingsDialog","pageSettingsPanel","pageSettingsDialog","open","_addNewsPagesChanges","isNewsChangesValid","_isNewsChangesValid","_this","Promise","resolve","isValidChanges","onSaveClearChanges","_onSaveClearChanges","clearKeyUserChanges","onCancelClearKeyUserChanges","_onCancelClearKeyUserChanges","clearNewsPanelChanges"],"sources":["KeyUserNewsPagesSettingsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Dialog from \"sap/m/Dialog\";\nimport FlexBox from \"sap/m/FlexBox\";\nimport List from \"sap/m/List\";\nimport { ListBase$SelectionChangeEvent } from \"sap/m/ListBase\";\nimport NavContainer from \"sap/m/NavContainer\";\nimport Page from \"sap/m/Page\";\nimport StandardListItem from \"sap/m/StandardListItem\";\nimport VBox from \"sap/m/VBox\";\nimport Control from \"sap/ui/core/Control\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport EventBus from \"sap/ui/core/EventBus\";\nimport BaseContainer from \"./BaseContainer\";\nimport BaseLayout from \"./BaseLayout\";\nimport BasePanel from \"./BasePanel\";\nimport BaseSettingsPanel from \"./BaseSettingsPanel\";\nimport { CHANGE_TYPES } from \"./flexibility/Layout.flexibility\";\nimport { IKeyUserChange, INewsFeedVisibiliyChange } from \"./interface/KeyUserInterface\";\nimport KeyUserNewsSettingsPanel from \"./KeyUserNewsSettingsPanel\";\nimport KeyUserPagesSettingsPanel from \"./KeyUserPagesSettingsPanel\";\nimport KeyUserSettingsDialog from \"./KeyUserSettingsDialog\";\nimport NewsAndPagesContainer from \"./NewsAndPagesContainer\";\nimport NewsPanel from \"./NewsPanel\";\nimport PagePanel from \"./PagePanel\";\nimport { KEYUSER_SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\n\n/**\n *\n * Class for News & Pages Settings Panel for KeyUser Settings Dialog.\n *\n * @extends BaseSettingsPanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @internal\n * @experimental Since 1.121\n * @private\n *\n * @alias sap.cux.home.KeyUserNewsPagesSettingsPanel\n */\nexport default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\"\n\t};\n\tprivate wrapperVBox!: VBox;\n\tprivate newsPanel!: NewsPanel;\n\tprivate newsSettingsPanel!: KeyUserNewsSettingsPanel;\n\tprivate newsSettingsList!: List;\n\tprivate newsSettingsPage!: Page;\n\tprivate pagePanel!: PagePanel;\n\tprivate pageSettingsPanel!: KeyUserPagesSettingsPanel;\n\tprivate pageSettingsList!: List;\n\tprivate pageSettingsDialog!: Dialog;\n\tprivate _eventBus!: EventBus;\n\tprivate newsFeedVisibility!: boolean | undefined;\n\tprivate standardListItem!: StandardListItem;\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @public\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\t//setup panel\n\t\tthis.setProperty(\"key\", KEYUSER_SETTINGS_PANELS_KEYS.NEWS_PAGES);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"editNewsPages\"));\n\n\t\t// Subscribe to event bus\n\t\tthis._eventBus = EventBus.getInstance();\n\t\tthis._eventBus.subscribe(\n\t\t\t\"KeyUserChanges\",\n\t\t\t\"addNewsPagesChanges\",\n\t\t\t(channelId?: string, eventId?: string, data?: object) => {\n\t\t\t\t//errorstate is false when import is successful\n\t\t\t\tconst { changes } = data as { changes: Array<IKeyUserChange> };\n\t\t\t\tthis.addNewsPagesChanges(changes);\n\t\t\t},\n\t\t\tthis\n\t\t);\n\n\t\t// setup layout content\n\t\tthis.addAggregation(\"content\", this.getContent());\n\n\t\t// fired every time on panel navigation\n\t\tthis.attachPanelNavigated(() => this.loadSettings());\n\t}\n\n\t/**\n\t * Returns the content for the KeyUser News Pages Settings Panel.\n\t *\n\t * @private\n\t * @returns {VBox} The control containing the KeyUser News Pages Settings Panel content.\n\t */\n\tprivate getContent(): VBox {\n\t\tif (!this.wrapperVBox) {\n\t\t\tthis.wrapperVBox = new VBox(`${this.getId()}-wrapperVBox`);\n\t\t}\n\t\treturn this.wrapperVBox;\n\t}\n\n\t/**\n\t * Load settings for the panel.\n\t *\n\t * @private\n\t */\n\tprivate loadSettings(): void {\n\t\tconst associatedPanelId = this.getPanel();\n\t\tconst associatedPanel = Element.getElementById(associatedPanelId) as BasePanel;\n\t\tconst container = associatedPanel?.getParent() as BaseContainer;\n\t\tcontainer.getContent()?.forEach((panel: BasePanel) => {\n\t\t\tif (panel instanceof NewsPanel) {\n\t\t\t\tthis.newsPanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getNewsSettingsList(panel));\n\t\t\t}\n\t\t\tif (panel instanceof PagePanel) {\n\t\t\t\tthis.pagePanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getPageSettingsList(panel));\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate newsVisibilityChangeHandler(oEvent: ListBase$SelectionChangeEvent): void {\n\t\tconst newsVisibilityCheckBox = oEvent.getParameter(\"listItem\");\n\t\tthis.newsFeedVisibility = newsVisibilityCheckBox?.getSelected();\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tconst newsPageContainer = newsPanel.getParent() as NewsAndPagesContainer;\n\t\tconst layout = newsPageContainer.getParent() as BaseLayout;\n\t\tconst keyUserChanges = this.getKeyUserChanges();\n\t\tconst existingChange = keyUserChanges.find((change) => {\n\t\t\treturn change.changeSpecificData.changeType === CHANGE_TYPES.NEWS_FEED_VISIBILITY;\n\t\t});\n\t\tif (!this.newsFeedVisibility && this.newsSettingsPanel) {\n\t\t\tthis.newsSettingsPanel.removeUrlMesageStrip();\n\t\t}\n\t\tif (!existingChange) {\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: layout,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType: CHANGE_TYPES.NEWS_FEED_VISIBILITY,\n\t\t\t\t\tcontent: {\n\t\t\t\t\t\tisNewsFeedVisible: this.newsFeedVisibility\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else if ((existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible !== this.newsFeedVisibility) {\n\t\t\t(existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible = this.newsFeedVisibility;\n\t\t}\n\t}\n\n\t/**\n\t * Returns News Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the News Settings Panel content.\n\t */\n\tprivate getNewsSettingsList(panel: NewsPanel): List {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tif (!this.newsSettingsList) {\n\t\t\tthis.newsSettingsList = new List(`${this.getId()}-news-settings-list`, {\n\t\t\t\tselectionChange: this.newsVisibilityChangeHandler.bind(this),\n\t\t\t\tmode: \"MultiSelect\"\n\t\t\t});\n\t\t\tthis.standardListItem = new StandardListItem(`${this.getId()}-newsSettingsStandardListItem`, {\n\t\t\t\tselected: (newsPanel._getContent()[0].getParent() as FlexBox).getVisible(), // TO-DO: Integrate with keyuser data\n\t\t\t\tpress: this.navigateToNewsSettingsPage.bind(this),\n\t\t\t\ttype: \"Navigation\",\n\t\t\t\ttitle: this._i18nBundle.getText(\"newsFeed\")\n\t\t\t});\n\t\t\tthis.newsSettingsList.addItem(this.standardListItem);\n\t\t\tthis.newsSettingsList.setAssociation(\"panel\", panel);\n\t\t} else {\n\t\t\tif (this.newsFeedVisibility === undefined) {\n\t\t\t\tthis.standardListItem.setSelected(\n\t\t\t\t\tBoolean(newsPanel.getParent()?.getProperty(\"newsFeedVisibility\")) && Boolean(newsPanel.getProperty(\"newsAvailable\"))\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.standardListItem.setSelected(this.newsFeedVisibility);\n\t\t\t}\n\t\t}\n\t\treturn this.newsSettingsList;\n\t}\n\n\t/**\n\t * Returns Page Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the Page Settings Panel content.\n\t */\n\tprivate getPageSettingsList(panel: PagePanel): List {\n\t\tif (!this.pageSettingsList) {\n\t\t\tthis.pageSettingsList = new List(`${this.getId()}-page-settings-list`, {\n\t\t\t\tmode: \"None\",\n\t\t\t\titems: [\n\t\t\t\t\tnew StandardListItem(`${this.getId()}-pageSettingsList`, {\n\t\t\t\t\t\tselected: true, // TO-DO: Integrate with keyuser data\n\t\t\t\t\t\tpress: this.openPageSettingsDialog.bind(this),\n\t\t\t\t\t\ttype: \"Navigation\",\n\t\t\t\t\t\ttitle: this._i18nBundle.getText(\"pageGroupHeader\")\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t});\n\t\t\tthis.pageSettingsList.setAssociation(\"panel\", panel);\n\t\t}\n\t\treturn this.pageSettingsList;\n\t}\n\n\tprivate onNavBack(navContainer: NavContainer): void {\n\t\tnavContainer?.back();\n\t\tif (!this.standardListItem.getSelected()) {\n\t\t\tthis.newsSettingsPanel?.removeUrlMesageStrip();\n\t\t}\n\t}\n\n\t/**\n\t * Adds News Settings Page to the dialog.\n\t *\n\t * @private\n\t */\n\tprivate navigateToNewsSettingsPage(): void {\n\t\tconst navContainer = (this.getParent() as KeyUserSettingsDialog)?.getNavContainer?.();\n\t\tif (!this.newsSettingsPage) {\n\t\t\tthis.newsSettingsPanel = new KeyUserNewsSettingsPanel(`${this.getId()}--news-settings-panel`);\n\t\t\tthis.newsSettingsPanel.setAssociation(\"panel\", this.newsPanel);\n\t\t\tthis.newsSettingsPage = new Page(`${this.getId()}-news-settings-page`, {\n\t\t\t\ttitle: this.newsSettingsPanel.getProperty(\"title\") as string,\n\t\t\t\tshowHeader: true,\n\t\t\t\tcontent: this.newsSettingsPanel.getAggregation(\"content\") as Control,\n\t\t\t\tbackgroundDesign: \"Transparent\",\n\t\t\t\tshowNavButton: true,\n\t\t\t\tnavButtonPress: this.onNavBack.bind(this, navContainer)\n\t\t\t});\n\t\t}\n\t\tnavContainer?.addPage(this.newsSettingsPage);\n\t\tnavContainer?.to(this.newsSettingsPage);\n\t\tthis.newsSettingsPanel.firePanelNavigated();\n\t}\n\n\t/**\n\t * Opens Page Settings Dialog.\n\t *\n\t * @private\n\t */\n\tprivate openPageSettingsDialog(): void {\n\t\tif (!this.pageSettingsPanel) {\n\t\t\tthis.pageSettingsPanel = new KeyUserPagesSettingsPanel(`${this.getId()}--pages-settings-panel`);\n\t\t\tthis.pageSettingsPanel.setAssociation(\"panel\", this.pagePanel);\n\t\t\tthis.pageSettingsDialog = (this.pageSettingsPanel.getAggregation(\"content\") as Dialog[])?.[0];\n\t\t}\n\t\tthis.pageSettingsDialog?.open();\n\t\tthis.pageSettingsPanel?.firePanelNavigated();\n\t}\n\n\t/**\n\t * Handles Space Page Changes.\n\t *\n\t * @private\n\t * @param {Array<IKeyUserChange>} changes All Key User Changes.\n\t */\n\tprivate addNewsPagesChanges(changes: Array<IKeyUserChange>): void {\n\t\tchanges.forEach((change) => {\n\t\t\tthis.addKeyUserChanges(change);\n\t\t});\n\t}\n\n\tpublic async isNewsChangesValid() {\n\t\ttry {\n\t\t\treturn await this.newsSettingsPanel?.isValidChanges(this.standardListItem.getSelected());\n\t\t} catch {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tpublic onSaveClearChanges() {\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.newsSettingsPanel?.clearKeyUserChanges();\n\t}\n\n\tpublic onCancelClearKeyUserChanges() {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.standardListItem?.setSelected((newsPanel._getContent()[0].getParent() as FlexBox).getVisible());\n\t\tthis.newsSettingsPanel?.clearNewsPanelChanges();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,5 +2,5 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *  * (c) Copyright 2009-2025 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/m/List","sap/m/Page","sap/m/StandardListItem","sap/m/VBox","sap/ui/core/Element","sap/ui/core/EventBus","./BaseSettingsPanel","./flexibility/Layout.flexibility","./KeyUserNewsSettingsPanel","./KeyUserPagesSettingsPanel","./NewsPanel","./PagePanel","./utils/Constants"],function(e,t,s,i,n,a,g,o,h,r,l,d,c){"use strict";function S(e){return e&&e.__esModule&&typeof e.default!=="undefined"?e.default:e}function P(e,t){try{var s=e()}catch(e){return t(e)}if(s&&s.then){return s.then(void 0,t)}return s}const w=S(g);const p=o["CHANGE_TYPES"];const u=S(h);const f=S(r);const y=S(l);const N=S(d);const m=c["KEYUSER_SETTINGS_PANELS_KEYS"];const I=w.extend("sap.cux.home.KeyUserNewsPagesSettingsPanel",{metadata:{library:"sap.cux.home"},init:function e(){w.prototype.init.call(this);this.setProperty("key",m.NEWS_PAGES);this.setProperty("title",this._i18nBundle.getText("editNewsPages"));this._eventBus=a.getInstance();this._eventBus.subscribe("KeyUserChanges","addNewsPagesChanges",(e,t,s)=>{const{changes:i}=s;this.addNewsPagesChanges(i)},this);this.addAggregation("content",this.getContent());this.attachPanelNavigated(()=>this.loadSettings())},getContent:function e(){if(!this.wrapperVBox){this.wrapperVBox=new i(`${this.getId()}-wrapperVBox`)}return this.wrapperVBox},loadSettings:function e(){const t=this.getPanel();const s=n.getElementById(t);const i=s?.getParent();i.getContent()?.forEach(e=>{if(e instanceof y){this.newsPanel=e;this.wrapperVBox.addItem(this.getNewsSettingsList(e))}if(e instanceof N){this.pagePanel=e;this.wrapperVBox.addItem(this.getPageSettingsList(e))}})},newsVisibilityChangeHandler:function e(t){const s=t.getParameter("listItem");this.newsFeedVisibility=s?.getSelected();const i=this._getPanel();const n=i.getParent();const a=n.getParent();const g=this.getKeyUserChanges();const o=g.find(e=>e.changeSpecificData.changeType===p.NEWS_FEED_VISIBILITY);if(!this.newsFeedVisibility&&this.newsSettingsPanel){this.newsSettingsPanel.removeUrlMesageStrip()}if(!o){this.addKeyUserChanges({selectorControl:a,changeSpecificData:{changeType:p.NEWS_FEED_VISIBILITY,content:{isNewsFeedVisible:this.newsFeedVisibility}}})}else if(o.changeSpecificData.content.isNewsFeedVisible!==this.newsFeedVisibility){o.changeSpecificData.content.isNewsFeedVisible=this.newsFeedVisibility}},getNewsSettingsList:function t(i){const n=this._getPanel();if(!this.newsSettingsList){this.newsSettingsList=new e(`${this.getId()}-news-settings-list`,{selectionChange:this.newsVisibilityChangeHandler.bind(this),mode:"MultiSelect"});this.standardListItem=new s(`${this.getId()}-newsSettingsStandardListItem`,{selected:n._getContent()[0].getParent().getVisible(),press:this.navigateToNewsSettingsPage.bind(this),type:"Navigation",title:this._i18nBundle.getText("newsFeed")});this.newsSettingsList.addItem(this.standardListItem);this.newsSettingsList.setAssociation("panel",i)}else{if(this.newsFeedVisibility===undefined){this.standardListItem.setSelected(Boolean(n.getParent()?.getProperty("newsFeedVisibility"))&&Boolean(n.getProperty("newsAvailable")))}else{this.standardListItem.setSelected(this.newsFeedVisibility)}}return this.newsSettingsList},getPageSettingsList:function t(i){if(!this.pageSettingsList){this.pageSettingsList=new e(`${this.getId()}-page-settings-list`,{mode:"None",items:[new s(`${this.getId()}-pageSettingsList`,{selected:true,press:this.openPageSettingsDialog.bind(this),type:"Navigation",title:this._i18nBundle.getText("pageGroupHeader")})]});this.pageSettingsList.setAssociation("panel",i)}return this.pageSettingsList},onNavBack:function e(t){t?.back();if(!this.standardListItem.getSelected()){this.newsSettingsPanel?.removeUrlMesageStrip()}},navigateToNewsSettingsPage:function e(){const s=this.getParent()?.getNavContainer?.();if(!this.newsSettingsPage){this.newsSettingsPanel=new u;this.newsSettingsPanel.setAssociation("panel",this.newsPanel);this.newsSettingsPage=new t(`${this.getId()}-news-settings-page`,{title:this.newsSettingsPanel.getProperty("title"),showHeader:true,content:this.newsSettingsPanel.getAggregation("content"),backgroundDesign:"Transparent",showNavButton:true,navButtonPress:this.onNavBack.bind(this,s)})}s?.addPage(this.newsSettingsPage);s?.to(this.newsSettingsPage);this.newsSettingsPanel.firePanelNavigated()},openPageSettingsDialog:function e(){if(!this.pageSettingsPanel){this.pageSettingsPanel=new f;this.pageSettingsPanel.setAssociation("panel",this.pagePanel);this.pageSettingsDialog=this.pageSettingsPanel.getAggregation("content")?.[0]}this.pageSettingsDialog?.open();this.pageSettingsPanel?.firePanelNavigated()},addNewsPagesChanges:function e(t){t.forEach(e=>{this.addKeyUserChanges(e)})},isNewsChangesValid:function e(){const t=this;return Promise.resolve(P(function(){return Promise.resolve(t.newsSettingsPanel?.isValidChanges(t.standardListItem.getSelected()))},function(){return true}))},onSaveClearChanges:function e(){this.newsFeedVisibility=undefined;this.newsSettingsPanel?.clearKeyUserChanges()},onCancelClearKeyUserChanges:function e(){const t=this._getPanel();this.newsFeedVisibility=undefined;this.standardListItem?.setSelected(t._getContent()[0].getParent().getVisible());this.newsSettingsPanel?.clearNewsPanelChanges()}});return I});
+sap.ui.define(["sap/m/List","sap/m/Page","sap/m/StandardListItem","sap/m/VBox","sap/ui/core/Element","sap/ui/core/EventBus","./BaseSettingsPanel","./flexibility/Layout.flexibility","./KeyUserNewsSettingsPanel","./KeyUserPagesSettingsPanel","./NewsPanel","./PagePanel","./utils/Constants"],function(e,t,s,i,n,a,g,o,h,l,r,d,c){"use strict";function S(e){return e&&e.__esModule&&typeof e.default!=="undefined"?e.default:e}function w(e,t){try{var s=e()}catch(e){return t(e)}if(s&&s.then){return s.then(void 0,t)}return s}const P=S(g);const p=o["CHANGE_TYPES"];const u=S(h);const f=S(l);const y=S(r);const I=S(d);const N=c["KEYUSER_SETTINGS_PANELS_KEYS"];const m=P.extend("sap.cux.home.KeyUserNewsPagesSettingsPanel",{metadata:{library:"sap.cux.home"},init:function e(){P.prototype.init.call(this);this.setProperty("key",N.NEWS_PAGES);this.setProperty("title",this._i18nBundle.getText("editNewsPages"));this._eventBus=a.getInstance();this._eventBus.subscribe("KeyUserChanges","addNewsPagesChanges",(e,t,s)=>{const{changes:i}=s;this.addNewsPagesChanges(i)},this);this.addAggregation("content",this.getContent());this.attachPanelNavigated(()=>this.loadSettings())},getContent:function e(){if(!this.wrapperVBox){this.wrapperVBox=new i(`${this.getId()}-wrapperVBox`)}return this.wrapperVBox},loadSettings:function e(){const t=this.getPanel();const s=n.getElementById(t);const i=s?.getParent();i.getContent()?.forEach(e=>{if(e instanceof y){this.newsPanel=e;this.wrapperVBox.addItem(this.getNewsSettingsList(e))}if(e instanceof I){this.pagePanel=e;this.wrapperVBox.addItem(this.getPageSettingsList(e))}})},newsVisibilityChangeHandler:function e(t){const s=t.getParameter("listItem");this.newsFeedVisibility=s?.getSelected();const i=this._getPanel();const n=i.getParent();const a=n.getParent();const g=this.getKeyUserChanges();const o=g.find(e=>e.changeSpecificData.changeType===p.NEWS_FEED_VISIBILITY);if(!this.newsFeedVisibility&&this.newsSettingsPanel){this.newsSettingsPanel.removeUrlMesageStrip()}if(!o){this.addKeyUserChanges({selectorControl:a,changeSpecificData:{changeType:p.NEWS_FEED_VISIBILITY,content:{isNewsFeedVisible:this.newsFeedVisibility}}})}else if(o.changeSpecificData.content.isNewsFeedVisible!==this.newsFeedVisibility){o.changeSpecificData.content.isNewsFeedVisible=this.newsFeedVisibility}},getNewsSettingsList:function t(i){const n=this._getPanel();if(!this.newsSettingsList){this.newsSettingsList=new e(`${this.getId()}-news-settings-list`,{selectionChange:this.newsVisibilityChangeHandler.bind(this),mode:"MultiSelect"});this.standardListItem=new s(`${this.getId()}-newsSettingsStandardListItem`,{selected:n._getContent()[0].getParent().getVisible(),press:this.navigateToNewsSettingsPage.bind(this),type:"Navigation",title:this._i18nBundle.getText("newsFeed")});this.newsSettingsList.addItem(this.standardListItem);this.newsSettingsList.setAssociation("panel",i)}else{if(this.newsFeedVisibility===undefined){this.standardListItem.setSelected(Boolean(n.getParent()?.getProperty("newsFeedVisibility"))&&Boolean(n.getProperty("newsAvailable")))}else{this.standardListItem.setSelected(this.newsFeedVisibility)}}return this.newsSettingsList},getPageSettingsList:function t(i){if(!this.pageSettingsList){this.pageSettingsList=new e(`${this.getId()}-page-settings-list`,{mode:"None",items:[new s(`${this.getId()}-pageSettingsList`,{selected:true,press:this.openPageSettingsDialog.bind(this),type:"Navigation",title:this._i18nBundle.getText("pageGroupHeader")})]});this.pageSettingsList.setAssociation("panel",i)}return this.pageSettingsList},onNavBack:function e(t){t?.back();if(!this.standardListItem.getSelected()){this.newsSettingsPanel?.removeUrlMesageStrip()}},navigateToNewsSettingsPage:function e(){const s=this.getParent()?.getNavContainer?.();if(!this.newsSettingsPage){this.newsSettingsPanel=new u(`${this.getId()}--news-settings-panel`);this.newsSettingsPanel.setAssociation("panel",this.newsPanel);this.newsSettingsPage=new t(`${this.getId()}-news-settings-page`,{title:this.newsSettingsPanel.getProperty("title"),showHeader:true,content:this.newsSettingsPanel.getAggregation("content"),backgroundDesign:"Transparent",showNavButton:true,navButtonPress:this.onNavBack.bind(this,s)})}s?.addPage(this.newsSettingsPage);s?.to(this.newsSettingsPage);this.newsSettingsPanel.firePanelNavigated()},openPageSettingsDialog:function e(){if(!this.pageSettingsPanel){this.pageSettingsPanel=new f(`${this.getId()}--pages-settings-panel`);this.pageSettingsPanel.setAssociation("panel",this.pagePanel);this.pageSettingsDialog=this.pageSettingsPanel.getAggregation("content")?.[0]}this.pageSettingsDialog?.open();this.pageSettingsPanel?.firePanelNavigated()},addNewsPagesChanges:function e(t){t.forEach(e=>{this.addKeyUserChanges(e)})},isNewsChangesValid:function e(){const t=this;return Promise.resolve(w(function(){return Promise.resolve(t.newsSettingsPanel?.isValidChanges(t.standardListItem.getSelected()))},function(){return true}))},onSaveClearChanges:function e(){this.newsFeedVisibility=undefined;this.newsSettingsPanel?.clearKeyUserChanges()},onCancelClearKeyUserChanges:function e(){const t=this._getPanel();this.newsFeedVisibility=undefined;this.standardListItem?.setSelected(t._getContent()[0].getParent().getVisible());this.newsSettingsPanel?.clearNewsPanelChanges()}});return m});
 //# sourceMappingURL=KeyUserNewsPagesSettingsPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KeyUserNewsPagesSettingsPanel.js","names":["sap","ui","define","List","Page","StandardListItem","VBox","Element","EventBus","__BaseSettingsPanel","___flexibility_Layoutflexibility","__KeyUserNewsSettingsPanel","__KeyUserPagesSettingsPanel","__NewsPanel","__PagePanel","___utils_Constants","_interopRequireDefault","obj","__esModule","default","_catch","body","recover","result","e","then","BaseSettingsPanel","CHANGE_TYPES","KeyUserNewsSettingsPanel","KeyUserPagesSettingsPanel","NewsPanel","PagePanel","KEYUSER_SETTINGS_PANELS_KEYS","KeyUserNewsPagesSettingsPanel","extend","metadata","library","init","_init","BaseSettingsPanel.prototype.init.call","this","setProperty","NEWS_PAGES","_i18nBundle","getText","_eventBus","getInstance","subscribe","channelId","eventId","data","changes","addNewsPagesChanges","addAggregation","getContent","attachPanelNavigated","loadSettings","_getContent","wrapperVBox","getId","_loadSettings","associatedPanelId","getPanel","associatedPanel","getElementById","container","getParent","forEach","panel","newsPanel","addItem","getNewsSettingsList","pagePanel","getPageSettingsList","newsVisibilityChangeHandler","_newsVisibilityChangeHandler","oEvent","newsVisibilityCheckBox","getParameter","newsFeedVisibility","getSelected","_getPanel","newsPageContainer","layout","keyUserChanges","getKeyUserChanges","existingChange","find","change","changeSpecificData","changeType","NEWS_FEED_VISIBILITY","newsSettingsPanel","removeUrlMesageStrip","addKeyUserChanges","selectorControl","content","isNewsFeedVisible","_getNewsSettingsList","newsSettingsList","selectionChange","bind","mode","standardListItem","selected","getVisible","press","navigateToNewsSettingsPage","type","title","setAssociation","undefined","setSelected","Boolean","getProperty","_getPageSettingsList","pageSettingsList","items","openPageSettingsDialog","onNavBack","_onNavBack","navContainer","back","_navigateToNewsSettingsPage","getNavContainer","newsSettingsPage","showHeader","getAggregation","backgroundDesign","showNavButton","navButtonPress","addPage","to","firePanelNavigated","_openPageSettingsDialog","pageSettingsPanel","pageSettingsDialog","open","_addNewsPagesChanges","isNewsChangesValid","_isNewsChangesValid","_this","Promise","resolve","isValidChanges","onSaveClearChanges","_onSaveClearChanges","clearKeyUserChanges","onCancelClearKeyUserChanges","_onCancelClearKeyUserChanges","clearNewsPanelChanges"],"sources":["KeyUserNewsPagesSettingsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Dialog from \"sap/m/Dialog\";\nimport FlexBox from \"sap/m/FlexBox\";\nimport List from \"sap/m/List\";\nimport { ListBase$SelectionChangeEvent } from \"sap/m/ListBase\";\nimport NavContainer from \"sap/m/NavContainer\";\nimport Page from \"sap/m/Page\";\nimport StandardListItem from \"sap/m/StandardListItem\";\nimport VBox from \"sap/m/VBox\";\nimport Control from \"sap/ui/core/Control\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport EventBus from \"sap/ui/core/EventBus\";\nimport BaseContainer from \"./BaseContainer\";\nimport BaseLayout from \"./BaseLayout\";\nimport BasePanel from \"./BasePanel\";\nimport BaseSettingsPanel from \"./BaseSettingsPanel\";\nimport { CHANGE_TYPES } from \"./flexibility/Layout.flexibility\";\nimport { IKeyUserChange, INewsFeedVisibiliyChange } from \"./interface/KeyUserInterface\";\nimport KeyUserNewsSettingsPanel from \"./KeyUserNewsSettingsPanel\";\nimport KeyUserPagesSettingsPanel from \"./KeyUserPagesSettingsPanel\";\nimport KeyUserSettingsDialog from \"./KeyUserSettingsDialog\";\nimport NewsAndPagesContainer from \"./NewsAndPagesContainer\";\nimport NewsPanel from \"./NewsPanel\";\nimport PagePanel from \"./PagePanel\";\nimport { KEYUSER_SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\n\n/**\n *\n * Class for News & Pages Settings Panel for KeyUser Settings Dialog.\n *\n * @extends BaseSettingsPanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @internal\n * @experimental Since 1.121\n * @private\n *\n * @alias sap.cux.home.KeyUserNewsPagesSettingsPanel\n */\nexport default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\"\n\t};\n\tprivate wrapperVBox!: VBox;\n\tprivate newsPanel!: NewsPanel;\n\tprivate newsSettingsPanel!: KeyUserNewsSettingsPanel;\n\tprivate newsSettingsList!: List;\n\tprivate newsSettingsPage!: Page;\n\tprivate pagePanel!: PagePanel;\n\tprivate pageSettingsPanel!: KeyUserPagesSettingsPanel;\n\tprivate pageSettingsList!: List;\n\tprivate pageSettingsDialog!: Dialog;\n\tprivate _eventBus!: EventBus;\n\tprivate newsFeedVisibility!: boolean | undefined;\n\tprivate standardListItem!: StandardListItem;\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @public\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\t//setup panel\n\t\tthis.setProperty(\"key\", KEYUSER_SETTINGS_PANELS_KEYS.NEWS_PAGES);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"editNewsPages\"));\n\n\t\t// Subscribe to event bus\n\t\tthis._eventBus = EventBus.getInstance();\n\t\tthis._eventBus.subscribe(\n\t\t\t\"KeyUserChanges\",\n\t\t\t\"addNewsPagesChanges\",\n\t\t\t(channelId?: string, eventId?: string, data?: object) => {\n\t\t\t\t//errorstate is false when import is successful\n\t\t\t\tconst { changes } = data as { changes: Array<IKeyUserChange> };\n\t\t\t\tthis.addNewsPagesChanges(changes);\n\t\t\t},\n\t\t\tthis\n\t\t);\n\n\t\t// setup layout content\n\t\tthis.addAggregation(\"content\", this.getContent());\n\n\t\t// fired every time on panel navigation\n\t\tthis.attachPanelNavigated(() => this.loadSettings());\n\t}\n\n\t/**\n\t * Returns the content for the KeyUser News Pages Settings Panel.\n\t *\n\t * @private\n\t * @returns {VBox} The control containing the KeyUser News Pages Settings Panel content.\n\t */\n\tprivate getContent(): VBox {\n\t\tif (!this.wrapperVBox) {\n\t\t\tthis.wrapperVBox = new VBox(`${this.getId()}-wrapperVBox`);\n\t\t}\n\t\treturn this.wrapperVBox;\n\t}\n\n\t/**\n\t * Load settings for the panel.\n\t *\n\t * @private\n\t */\n\tprivate loadSettings(): void {\n\t\tconst associatedPanelId = this.getPanel();\n\t\tconst associatedPanel = Element.getElementById(associatedPanelId) as BasePanel;\n\t\tconst container = associatedPanel?.getParent() as BaseContainer;\n\t\tcontainer.getContent()?.forEach((panel: BasePanel) => {\n\t\t\tif (panel instanceof NewsPanel) {\n\t\t\t\tthis.newsPanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getNewsSettingsList(panel));\n\t\t\t}\n\t\t\tif (panel instanceof PagePanel) {\n\t\t\t\tthis.pagePanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getPageSettingsList(panel));\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate newsVisibilityChangeHandler(oEvent: ListBase$SelectionChangeEvent): void {\n\t\tconst newsVisibilityCheckBox = oEvent.getParameter(\"listItem\");\n\t\tthis.newsFeedVisibility = newsVisibilityCheckBox?.getSelected();\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tconst newsPageContainer = newsPanel.getParent() as NewsAndPagesContainer;\n\t\tconst layout = newsPageContainer.getParent() as BaseLayout;\n\t\tconst keyUserChanges = this.getKeyUserChanges();\n\t\tconst existingChange = keyUserChanges.find((change) => {\n\t\t\treturn change.changeSpecificData.changeType === CHANGE_TYPES.NEWS_FEED_VISIBILITY;\n\t\t});\n\t\tif (!this.newsFeedVisibility && this.newsSettingsPanel) {\n\t\t\tthis.newsSettingsPanel.removeUrlMesageStrip();\n\t\t}\n\t\tif (!existingChange) {\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: layout,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType: CHANGE_TYPES.NEWS_FEED_VISIBILITY,\n\t\t\t\t\tcontent: {\n\t\t\t\t\t\tisNewsFeedVisible: this.newsFeedVisibility\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else if ((existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible !== this.newsFeedVisibility) {\n\t\t\t(existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible = this.newsFeedVisibility;\n\t\t}\n\t}\n\n\t/**\n\t * Returns News Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the News Settings Panel content.\n\t */\n\tprivate getNewsSettingsList(panel: NewsPanel): List {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tif (!this.newsSettingsList) {\n\t\t\tthis.newsSettingsList = new List(`${this.getId()}-news-settings-list`, {\n\t\t\t\tselectionChange: this.newsVisibilityChangeHandler.bind(this),\n\t\t\t\tmode: \"MultiSelect\"\n\t\t\t});\n\t\t\tthis.standardListItem = new StandardListItem(`${this.getId()}-newsSettingsStandardListItem`, {\n\t\t\t\tselected: (newsPanel._getContent()[0].getParent() as FlexBox).getVisible(), // TO-DO: Integrate with keyuser data\n\t\t\t\tpress: this.navigateToNewsSettingsPage.bind(this),\n\t\t\t\ttype: \"Navigation\",\n\t\t\t\ttitle: this._i18nBundle.getText(\"newsFeed\")\n\t\t\t});\n\t\t\tthis.newsSettingsList.addItem(this.standardListItem);\n\t\t\tthis.newsSettingsList.setAssociation(\"panel\", panel);\n\t\t} else {\n\t\t\tif (this.newsFeedVisibility === undefined) {\n\t\t\t\tthis.standardListItem.setSelected(\n\t\t\t\t\tBoolean(newsPanel.getParent()?.getProperty(\"newsFeedVisibility\")) && Boolean(newsPanel.getProperty(\"newsAvailable\"))\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.standardListItem.setSelected(this.newsFeedVisibility);\n\t\t\t}\n\t\t}\n\t\treturn this.newsSettingsList;\n\t}\n\n\t/**\n\t * Returns Page Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the Page Settings Panel content.\n\t */\n\tprivate getPageSettingsList(panel: PagePanel): List {\n\t\tif (!this.pageSettingsList) {\n\t\t\tthis.pageSettingsList = new List(`${this.getId()}-page-settings-list`, {\n\t\t\t\tmode: \"None\",\n\t\t\t\titems: [\n\t\t\t\t\tnew StandardListItem(`${this.getId()}-pageSettingsList`, {\n\t\t\t\t\t\tselected: true, // TO-DO: Integrate with keyuser data\n\t\t\t\t\t\tpress: this.openPageSettingsDialog.bind(this),\n\t\t\t\t\t\ttype: \"Navigation\",\n\t\t\t\t\t\ttitle: this._i18nBundle.getText(\"pageGroupHeader\")\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t});\n\t\t\tthis.pageSettingsList.setAssociation(\"panel\", panel);\n\t\t}\n\t\treturn this.pageSettingsList;\n\t}\n\n\tprivate onNavBack(navContainer: NavContainer): void {\n\t\tnavContainer?.back();\n\t\tif (!this.standardListItem.getSelected()) {\n\t\t\tthis.newsSettingsPanel?.removeUrlMesageStrip();\n\t\t}\n\t}\n\n\t/**\n\t * Adds News Settings Page to the dialog.\n\t *\n\t * @private\n\t */\n\tprivate navigateToNewsSettingsPage(): void {\n\t\tconst navContainer = (this.getParent() as KeyUserSettingsDialog)?.getNavContainer?.();\n\t\tif (!this.newsSettingsPage) {\n\t\t\tthis.newsSettingsPanel = new KeyUserNewsSettingsPanel();\n\t\t\tthis.newsSettingsPanel.setAssociation(\"panel\", this.newsPanel);\n\t\t\tthis.newsSettingsPage = new Page(`${this.getId()}-news-settings-page`, {\n\t\t\t\ttitle: this.newsSettingsPanel.getProperty(\"title\") as string,\n\t\t\t\tshowHeader: true,\n\t\t\t\tcontent: this.newsSettingsPanel.getAggregation(\"content\") as Control,\n\t\t\t\tbackgroundDesign: \"Transparent\",\n\t\t\t\tshowNavButton: true,\n\t\t\t\tnavButtonPress: this.onNavBack.bind(this, navContainer)\n\t\t\t});\n\t\t}\n\t\tnavContainer?.addPage(this.newsSettingsPage);\n\t\tnavContainer?.to(this.newsSettingsPage);\n\t\tthis.newsSettingsPanel.firePanelNavigated();\n\t}\n\n\t/**\n\t * Opens Page Settings Dialog.\n\t *\n\t * @private\n\t */\n\tprivate openPageSettingsDialog(): void {\n\t\tif (!this.pageSettingsPanel) {\n\t\t\tthis.pageSettingsPanel = new KeyUserPagesSettingsPanel();\n\t\t\tthis.pageSettingsPanel.setAssociation(\"panel\", this.pagePanel);\n\t\t\tthis.pageSettingsDialog = (this.pageSettingsPanel.getAggregation(\"content\") as Dialog[])?.[0];\n\t\t}\n\t\tthis.pageSettingsDialog?.open();\n\t\tthis.pageSettingsPanel?.firePanelNavigated();\n\t}\n\n\t/**\n\t * Handles Space Page Changes.\n\t *\n\t * @private\n\t * @param {Array<IKeyUserChange>} changes All Key User Changes.\n\t */\n\tprivate addNewsPagesChanges(changes: Array<IKeyUserChange>): void {\n\t\tchanges.forEach((change) => {\n\t\t\tthis.addKeyUserChanges(change);\n\t\t});\n\t}\n\n\tpublic async isNewsChangesValid() {\n\t\ttry {\n\t\t\treturn await this.newsSettingsPanel?.isValidChanges(this.standardListItem.getSelected());\n\t\t} catch {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tpublic onSaveClearChanges() {\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.newsSettingsPanel?.clearKeyUserChanges();\n\t}\n\n\tpublic onCancelClearKeyUserChanges() {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.standardListItem?.setSelected((newsPanel._getContent()[0].getParent() as FlexBox).getVisible());\n\t\tthis.newsSettingsPanel?.clearNewsPanelChanges();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"KeyUserNewsPagesSettingsPanel.js","names":["sap","ui","define","List","Page","StandardListItem","VBox","Element","EventBus","__BaseSettingsPanel","___flexibility_Layoutflexibility","__KeyUserNewsSettingsPanel","__KeyUserPagesSettingsPanel","__NewsPanel","__PagePanel","___utils_Constants","_interopRequireDefault","obj","__esModule","default","_catch","body","recover","result","e","then","BaseSettingsPanel","CHANGE_TYPES","KeyUserNewsSettingsPanel","KeyUserPagesSettingsPanel","NewsPanel","PagePanel","KEYUSER_SETTINGS_PANELS_KEYS","KeyUserNewsPagesSettingsPanel","extend","metadata","library","init","_init","BaseSettingsPanel.prototype.init.call","this","setProperty","NEWS_PAGES","_i18nBundle","getText","_eventBus","getInstance","subscribe","channelId","eventId","data","changes","addNewsPagesChanges","addAggregation","getContent","attachPanelNavigated","loadSettings","_getContent","wrapperVBox","getId","_loadSettings","associatedPanelId","getPanel","associatedPanel","getElementById","container","getParent","forEach","panel","newsPanel","addItem","getNewsSettingsList","pagePanel","getPageSettingsList","newsVisibilityChangeHandler","_newsVisibilityChangeHandler","oEvent","newsVisibilityCheckBox","getParameter","newsFeedVisibility","getSelected","_getPanel","newsPageContainer","layout","keyUserChanges","getKeyUserChanges","existingChange","find","change","changeSpecificData","changeType","NEWS_FEED_VISIBILITY","newsSettingsPanel","removeUrlMesageStrip","addKeyUserChanges","selectorControl","content","isNewsFeedVisible","_getNewsSettingsList","newsSettingsList","selectionChange","bind","mode","standardListItem","selected","getVisible","press","navigateToNewsSettingsPage","type","title","setAssociation","undefined","setSelected","Boolean","getProperty","_getPageSettingsList","pageSettingsList","items","openPageSettingsDialog","onNavBack","_onNavBack","navContainer","back","_navigateToNewsSettingsPage","getNavContainer","newsSettingsPage","showHeader","getAggregation","backgroundDesign","showNavButton","navButtonPress","addPage","to","firePanelNavigated","_openPageSettingsDialog","pageSettingsPanel","pageSettingsDialog","open","_addNewsPagesChanges","isNewsChangesValid","_isNewsChangesValid","_this","Promise","resolve","isValidChanges","onSaveClearChanges","_onSaveClearChanges","clearKeyUserChanges","onCancelClearKeyUserChanges","_onCancelClearKeyUserChanges","clearNewsPanelChanges"],"sources":["KeyUserNewsPagesSettingsPanel.ts"],"sourcesContent":["/*!\n * SAP UI development toolkit for HTML5 (SAPUI5)\n *  * (c) Copyright 2009-2025 SAP SE. All rights reserved\n */\n\nimport Dialog from \"sap/m/Dialog\";\nimport FlexBox from \"sap/m/FlexBox\";\nimport List from \"sap/m/List\";\nimport { ListBase$SelectionChangeEvent } from \"sap/m/ListBase\";\nimport NavContainer from \"sap/m/NavContainer\";\nimport Page from \"sap/m/Page\";\nimport StandardListItem from \"sap/m/StandardListItem\";\nimport VBox from \"sap/m/VBox\";\nimport Control from \"sap/ui/core/Control\";\nimport type { MetadataOptions } from \"sap/ui/core/Element\";\nimport Element from \"sap/ui/core/Element\";\nimport EventBus from \"sap/ui/core/EventBus\";\nimport BaseContainer from \"./BaseContainer\";\nimport BaseLayout from \"./BaseLayout\";\nimport BasePanel from \"./BasePanel\";\nimport BaseSettingsPanel from \"./BaseSettingsPanel\";\nimport { CHANGE_TYPES } from \"./flexibility/Layout.flexibility\";\nimport { IKeyUserChange, INewsFeedVisibiliyChange } from \"./interface/KeyUserInterface\";\nimport KeyUserNewsSettingsPanel from \"./KeyUserNewsSettingsPanel\";\nimport KeyUserPagesSettingsPanel from \"./KeyUserPagesSettingsPanel\";\nimport KeyUserSettingsDialog from \"./KeyUserSettingsDialog\";\nimport NewsAndPagesContainer from \"./NewsAndPagesContainer\";\nimport NewsPanel from \"./NewsPanel\";\nimport PagePanel from \"./PagePanel\";\nimport { KEYUSER_SETTINGS_PANELS_KEYS } from \"./utils/Constants\";\n\n/**\n *\n * Class for News & Pages Settings Panel for KeyUser Settings Dialog.\n *\n * @extends BaseSettingsPanel\n *\n * @author SAP SE\n * @version 0.0.1\n * @since 1.121\n *\n * @internal\n * @experimental Since 1.121\n * @private\n *\n * @alias sap.cux.home.KeyUserNewsPagesSettingsPanel\n */\nexport default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {\n\tstatic readonly metadata: MetadataOptions = {\n\t\tlibrary: \"sap.cux.home\"\n\t};\n\tprivate wrapperVBox!: VBox;\n\tprivate newsPanel!: NewsPanel;\n\tprivate newsSettingsPanel!: KeyUserNewsSettingsPanel;\n\tprivate newsSettingsList!: List;\n\tprivate newsSettingsPage!: Page;\n\tprivate pagePanel!: PagePanel;\n\tprivate pageSettingsPanel!: KeyUserPagesSettingsPanel;\n\tprivate pageSettingsList!: List;\n\tprivate pageSettingsDialog!: Dialog;\n\tprivate _eventBus!: EventBus;\n\tprivate newsFeedVisibility!: boolean | undefined;\n\tprivate standardListItem!: StandardListItem;\n\n\t/**\n\t * Init lifecycle method\n\t *\n\t * @public\n\t * @override\n\t */\n\tpublic init(): void {\n\t\tsuper.init();\n\n\t\t//setup panel\n\t\tthis.setProperty(\"key\", KEYUSER_SETTINGS_PANELS_KEYS.NEWS_PAGES);\n\t\tthis.setProperty(\"title\", this._i18nBundle.getText(\"editNewsPages\"));\n\n\t\t// Subscribe to event bus\n\t\tthis._eventBus = EventBus.getInstance();\n\t\tthis._eventBus.subscribe(\n\t\t\t\"KeyUserChanges\",\n\t\t\t\"addNewsPagesChanges\",\n\t\t\t(channelId?: string, eventId?: string, data?: object) => {\n\t\t\t\t//errorstate is false when import is successful\n\t\t\t\tconst { changes } = data as { changes: Array<IKeyUserChange> };\n\t\t\t\tthis.addNewsPagesChanges(changes);\n\t\t\t},\n\t\t\tthis\n\t\t);\n\n\t\t// setup layout content\n\t\tthis.addAggregation(\"content\", this.getContent());\n\n\t\t// fired every time on panel navigation\n\t\tthis.attachPanelNavigated(() => this.loadSettings());\n\t}\n\n\t/**\n\t * Returns the content for the KeyUser News Pages Settings Panel.\n\t *\n\t * @private\n\t * @returns {VBox} The control containing the KeyUser News Pages Settings Panel content.\n\t */\n\tprivate getContent(): VBox {\n\t\tif (!this.wrapperVBox) {\n\t\t\tthis.wrapperVBox = new VBox(`${this.getId()}-wrapperVBox`);\n\t\t}\n\t\treturn this.wrapperVBox;\n\t}\n\n\t/**\n\t * Load settings for the panel.\n\t *\n\t * @private\n\t */\n\tprivate loadSettings(): void {\n\t\tconst associatedPanelId = this.getPanel();\n\t\tconst associatedPanel = Element.getElementById(associatedPanelId) as BasePanel;\n\t\tconst container = associatedPanel?.getParent() as BaseContainer;\n\t\tcontainer.getContent()?.forEach((panel: BasePanel) => {\n\t\t\tif (panel instanceof NewsPanel) {\n\t\t\t\tthis.newsPanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getNewsSettingsList(panel));\n\t\t\t}\n\t\t\tif (panel instanceof PagePanel) {\n\t\t\t\tthis.pagePanel = panel;\n\t\t\t\tthis.wrapperVBox.addItem(this.getPageSettingsList(panel));\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate newsVisibilityChangeHandler(oEvent: ListBase$SelectionChangeEvent): void {\n\t\tconst newsVisibilityCheckBox = oEvent.getParameter(\"listItem\");\n\t\tthis.newsFeedVisibility = newsVisibilityCheckBox?.getSelected();\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tconst newsPageContainer = newsPanel.getParent() as NewsAndPagesContainer;\n\t\tconst layout = newsPageContainer.getParent() as BaseLayout;\n\t\tconst keyUserChanges = this.getKeyUserChanges();\n\t\tconst existingChange = keyUserChanges.find((change) => {\n\t\t\treturn change.changeSpecificData.changeType === CHANGE_TYPES.NEWS_FEED_VISIBILITY;\n\t\t});\n\t\tif (!this.newsFeedVisibility && this.newsSettingsPanel) {\n\t\t\tthis.newsSettingsPanel.removeUrlMesageStrip();\n\t\t}\n\t\tif (!existingChange) {\n\t\t\tthis.addKeyUserChanges({\n\t\t\t\tselectorControl: layout,\n\t\t\t\tchangeSpecificData: {\n\t\t\t\t\tchangeType: CHANGE_TYPES.NEWS_FEED_VISIBILITY,\n\t\t\t\t\tcontent: {\n\t\t\t\t\t\tisNewsFeedVisible: this.newsFeedVisibility\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else if ((existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible !== this.newsFeedVisibility) {\n\t\t\t(existingChange.changeSpecificData.content as INewsFeedVisibiliyChange).isNewsFeedVisible = this.newsFeedVisibility;\n\t\t}\n\t}\n\n\t/**\n\t * Returns News Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the News Settings Panel content.\n\t */\n\tprivate getNewsSettingsList(panel: NewsPanel): List {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tif (!this.newsSettingsList) {\n\t\t\tthis.newsSettingsList = new List(`${this.getId()}-news-settings-list`, {\n\t\t\t\tselectionChange: this.newsVisibilityChangeHandler.bind(this),\n\t\t\t\tmode: \"MultiSelect\"\n\t\t\t});\n\t\t\tthis.standardListItem = new StandardListItem(`${this.getId()}-newsSettingsStandardListItem`, {\n\t\t\t\tselected: (newsPanel._getContent()[0].getParent() as FlexBox).getVisible(), // TO-DO: Integrate with keyuser data\n\t\t\t\tpress: this.navigateToNewsSettingsPage.bind(this),\n\t\t\t\ttype: \"Navigation\",\n\t\t\t\ttitle: this._i18nBundle.getText(\"newsFeed\")\n\t\t\t});\n\t\t\tthis.newsSettingsList.addItem(this.standardListItem);\n\t\t\tthis.newsSettingsList.setAssociation(\"panel\", panel);\n\t\t} else {\n\t\t\tif (this.newsFeedVisibility === undefined) {\n\t\t\t\tthis.standardListItem.setSelected(\n\t\t\t\t\tBoolean(newsPanel.getParent()?.getProperty(\"newsFeedVisibility\")) && Boolean(newsPanel.getProperty(\"newsAvailable\"))\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.standardListItem.setSelected(this.newsFeedVisibility);\n\t\t\t}\n\t\t}\n\t\treturn this.newsSettingsList;\n\t}\n\n\t/**\n\t * Returns Page Settings Panel to the content.\n\t *\n\t * @private\n\t * @returns {List} The control containing the Page Settings Panel content.\n\t */\n\tprivate getPageSettingsList(panel: PagePanel): List {\n\t\tif (!this.pageSettingsList) {\n\t\t\tthis.pageSettingsList = new List(`${this.getId()}-page-settings-list`, {\n\t\t\t\tmode: \"None\",\n\t\t\t\titems: [\n\t\t\t\t\tnew StandardListItem(`${this.getId()}-pageSettingsList`, {\n\t\t\t\t\t\tselected: true, // TO-DO: Integrate with keyuser data\n\t\t\t\t\t\tpress: this.openPageSettingsDialog.bind(this),\n\t\t\t\t\t\ttype: \"Navigation\",\n\t\t\t\t\t\ttitle: this._i18nBundle.getText(\"pageGroupHeader\")\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t});\n\t\t\tthis.pageSettingsList.setAssociation(\"panel\", panel);\n\t\t}\n\t\treturn this.pageSettingsList;\n\t}\n\n\tprivate onNavBack(navContainer: NavContainer): void {\n\t\tnavContainer?.back();\n\t\tif (!this.standardListItem.getSelected()) {\n\t\t\tthis.newsSettingsPanel?.removeUrlMesageStrip();\n\t\t}\n\t}\n\n\t/**\n\t * Adds News Settings Page to the dialog.\n\t *\n\t * @private\n\t */\n\tprivate navigateToNewsSettingsPage(): void {\n\t\tconst navContainer = (this.getParent() as KeyUserSettingsDialog)?.getNavContainer?.();\n\t\tif (!this.newsSettingsPage) {\n\t\t\tthis.newsSettingsPanel = new KeyUserNewsSettingsPanel(`${this.getId()}--news-settings-panel`);\n\t\t\tthis.newsSettingsPanel.setAssociation(\"panel\", this.newsPanel);\n\t\t\tthis.newsSettingsPage = new Page(`${this.getId()}-news-settings-page`, {\n\t\t\t\ttitle: this.newsSettingsPanel.getProperty(\"title\") as string,\n\t\t\t\tshowHeader: true,\n\t\t\t\tcontent: this.newsSettingsPanel.getAggregation(\"content\") as Control,\n\t\t\t\tbackgroundDesign: \"Transparent\",\n\t\t\t\tshowNavButton: true,\n\t\t\t\tnavButtonPress: this.onNavBack.bind(this, navContainer)\n\t\t\t});\n\t\t}\n\t\tnavContainer?.addPage(this.newsSettingsPage);\n\t\tnavContainer?.to(this.newsSettingsPage);\n\t\tthis.newsSettingsPanel.firePanelNavigated();\n\t}\n\n\t/**\n\t * Opens Page Settings Dialog.\n\t *\n\t * @private\n\t */\n\tprivate openPageSettingsDialog(): void {\n\t\tif (!this.pageSettingsPanel) {\n\t\t\tthis.pageSettingsPanel = new KeyUserPagesSettingsPanel(`${this.getId()}--pages-settings-panel`);\n\t\t\tthis.pageSettingsPanel.setAssociation(\"panel\", this.pagePanel);\n\t\t\tthis.pageSettingsDialog = (this.pageSettingsPanel.getAggregation(\"content\") as Dialog[])?.[0];\n\t\t}\n\t\tthis.pageSettingsDialog?.open();\n\t\tthis.pageSettingsPanel?.firePanelNavigated();\n\t}\n\n\t/**\n\t * Handles Space Page Changes.\n\t *\n\t * @private\n\t * @param {Array<IKeyUserChange>} changes All Key User Changes.\n\t */\n\tprivate addNewsPagesChanges(changes: Array<IKeyUserChange>): void {\n\t\tchanges.forEach((change) => {\n\t\t\tthis.addKeyUserChanges(change);\n\t\t});\n\t}\n\n\tpublic async isNewsChangesValid() {\n\t\ttry {\n\t\t\treturn await this.newsSettingsPanel?.isValidChanges(this.standardListItem.getSelected());\n\t\t} catch {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\tpublic onSaveClearChanges() {\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.newsSettingsPanel?.clearKeyUserChanges();\n\t}\n\n\tpublic onCancelClearKeyUserChanges() {\n\t\tconst newsPanel = this._getPanel() as NewsPanel;\n\t\tthis.newsFeedVisibility = undefined;\n\t\tthis.standardListItem?.setSelected((newsPanel._getContent()[0].getParent() as FlexBox).getVisible());\n\t\tthis.newsSettingsPanel?.clearNewsPanelChanges();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -229,7 +229,7 @@ export default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {
 	private navigateToNewsSettingsPage(): void {
 		const navContainer = (this.getParent() as KeyUserSettingsDialog)?.getNavContainer?.();
 		if (!this.newsSettingsPage) {
-			this.newsSettingsPanel = new KeyUserNewsSettingsPanel();
+			this.newsSettingsPanel = new KeyUserNewsSettingsPanel(`${this.getId()}--news-settings-panel`);
 			this.newsSettingsPanel.setAssociation("panel", this.newsPanel);
 			this.newsSettingsPage = new Page(`${this.getId()}-news-settings-page`, {
 				title: this.newsSettingsPanel.getProperty("title") as string,
@@ -252,7 +252,7 @@ export default class KeyUserNewsPagesSettingsPanel extends BaseSettingsPanel {
 	 */
 	private openPageSettingsDialog(): void {
 		if (!this.pageSettingsPanel) {
-			this.pageSettingsPanel = new KeyUserPagesSettingsPanel();
+			this.pageSettingsPanel = new KeyUserPagesSettingsPanel(`${this.getId()}--pages-settings-panel`);
 			this.pageSettingsPanel.setAssociation("panel", this.pagePanel);
 			this.pageSettingsDialog = (this.pageSettingsPanel.getAggregation("content") as Dialog[])?.[0];
 		}

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

@@ -162,19 +162,19 @@ sap.ui.define(["sap/m/Button", "sap/m/ColorPalette", "sap/m/Dialog", "sap/m/Flex
         rowMode: "Auto",
         rowSelectionChange: this.handleTreeTableRowSelection.bind(this),
         width: "22rem",
-        layoutData: new FlexItemData({
+        layoutData: new FlexItemData(`${treeTableId}--layoutData`, {
           growFactor: 1
         }),
-        columns: [new Column({
-          template: new HBox({
+        columns: [new Column(`${treeTableId}--treeTableColumn`, {
+          template: new HBox(`${treeTableId}--treeTableTemplateBox`, {
             alignItems: "Center",
             justifyContent: "SpaceBetween",
             width: "100%",
-            items: [new Text({
+            items: [new Text(`${treeTableId}--treeTableItemText`, {
               text: "{label}"
-            }), new HBox({
+            }), new HBox(`${treeTableId}--treeTableColumnItemBox`, {
               alignItems: "Center",
-              items: [new Icon({
+              items: [new Icon(`${treeTableId}--treeTableItemIcon`, {
                 tooltip: "{label}",
                 src: "{icon}",
                 backgroundColor: "{BGColor/value}",