@sapui5/sap.ushell 1.141.2 → 1.142.0

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageColumn.js

@@ -1,345 +0,0 @@
-// Copyright (c) 2009-2025 SAP SE, All Rights Reserved
-
-sap.ui.define([
-    "sap/m/Button",
-    "sap/m/library",
-    "sap/ui/core/Control",
-    "sap/ushell/components/workPageBuilder/controls/WorkPageButton",
-    "sap/ushell/components/workPageBuilder/controls/WorkPageColumnRenderer",
-    "sap/ushell/components/workPageBuilder/controls/WorkPageColumnResizer",
-    "sap/ushell/ui/launchpad/ExtendedChangeDetection"
-], (
-    Button,
-    mobileLibrary,
-    Control,
-    WorkPageButton,
-    Renderer,
-    WorkPageColumnResizer,
-    ExtendedChangeDetection
-) => {
-    "use strict";
-
-    const ButtonType = mobileLibrary.ButtonType;
-
-    /**
-     * Constructor for a new WorkPageColumn.
-     *
-     * @param {string} [sId] ID for the new control, generated automatically if no ID is given
-     * @param {object} [mSettings] Initial settings for the new control
-     *
-     * @class
-     * The WorkPageColumn represents a collection of WorkPageCells.
-     * @extends sap.ui.core.Control
-     *
-     *
-     * @version 1.141.2
-     *
-     * @private
-     * @experimental
-     * @alias sap.ushell.components.workPageBuilder.controls.WorkPageColumn
-     */
-    const WorkPageColumn = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPageColumn", /** @lends sap.ushell.components.workPageBuilder.controls.WorkPageColumn.prototype */ {
-        metadata: {
-            library: "sap.ushell",
-            properties: {
-                /**
-                     * The columnWidth of the WorkPageColumn.
-                     */
-                columnWidth: { type: "int", defaultValue: 24, bindable: true },
-                /**
-                     * Indicating if the control should be rendered in edit mode.
-                     */
-                editMode: { type: "boolean", group: "Misc", defaultValue: false, bindable: true },
-                /**
-                     * Aria-Label placeholder in i18n format, used for the screenreader support.
-                     */
-                ariaLabelPlaceholder: { type: "string", group: "Misc", defaultValue: "", bindable: true },
-                /**
-                     * Tooltip to display for the "Delete Column" button.
-                     */
-                deleteColumnButtonTooltip: { type: "string", group: "Misc", defaultValue: "", bindable: true },
-                /**
-                     * Tooltip to display for the "Add Column" button.
-                     */
-                addColumnButtonTooltip: { type: "string", group: "Misc", defaultValue: "", bindable: true },
-                /**
-                     * Text for the "Add Widget" button.
-                     */
-                addWidgetButtonText: { type: "string", group: "Misc", defaultValue: "", bindable: true }
-            },
-            dnd: { draggable: false, droppable: true },
-            defaultAggregation: "cells",
-            aggregations: {
-                /**
-                     * A set of WorkPageCells to be rendered in the WorkPageColumn.
-                     */
-                cells: {
-                    type: "sap.ushell.components.workPageBuilder.controls.WorkPageCell",
-                    multiple: true,
-                    singularName: "cell",
-                    bindable: true,
-                    dnd: true
-                },
-                /**
-                     * A private aggregation for the "Delete" button.
-                     * @private
-                     */
-                _deleteButton: { type: "sap.m.Button", multiple: false, visibility: "hidden" },
-                /**
-                     * A private aggregation for the "Add Widget" button.
-                     * @private
-                     */
-                _addWidgetButton: { type: "sap.m.Button", multiple: false, visibility: "hidden" },
-                /**
-                     * A private aggregation for the "Add Column" button left.
-                     * @private
-                     */
-                _addButtonLeft: {
-                    type: "sap.ushell.components.workPageBuilder.controls.WorkPageButton",
-                    multiple: false,
-                    visibility: "hidden"
-                },
-                /**
-                     * A private aggregation for the "Add Column" button right.
-                     * @private
-                     */
-                _addButtonRight: {
-                    type: "sap.ushell.components.workPageBuilder.controls.WorkPageButton",
-                    multiple: false,
-                    visibility: "hidden"
-                },
-                /**
-                     * A private aggregation for the "Resizer" control.
-                     * @private
-                     */
-                _resizer: {
-                    type: "sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer",
-                    multiple: false,
-                    visibility: "hidden"
-                }
-            },
-            events: {
-                /**
-                     * Fired if a column is added to the left or to the right of this column.
-                     */
-                addColumn: {
-                    left: { type: "boolean" }
-                },
-                /**
-                     * Fired if the addWidget button is clicked.
-                     */
-                addWidget: {},
-                /**
-                     * Fired if the column is removed.
-                     */
-                removeColumn: {},
-                /**
-                     * Fired if this column is resized.
-                     */
-                columnResized: {
-                    parameters: {
-                        /**
-                             * The difference between the x-position and the source element.
-                             */
-                        posXDiff: { type: "float" }
-                    }
-                },
-                /**
-                     * Fired if this column resize is completed and the resizer was released after dragging it
-                     */
-                columnResizeCompleted: {}
-            }
-        },
-        renderer: Renderer
-    });
-
-    /**
-     * Initializes the control.
-     * Bind the handlers and initializes the resize event.
-     * ExtendedChangeDetection for the columns aggregation.
-     */
-    WorkPageColumn.prototype.init = function () {
-        this._fnHandleResize = this._handleResizerMoved.bind(this);
-        this._fnHandleResizeCompleted = this._handleResizerReleased.bind(this);
-        this._oResizer = new WorkPageColumnResizer()
-            .setParent(this)
-            .attachEvent("resizerMoved", this._fnHandleResize)
-            .attachEvent("resizerReleased", this._fnHandleResizeCompleted);
-
-        this._oCellsChangeDetection = new ExtendedChangeDetection("cells", this);
-
-        Control.prototype.init.apply(this, arguments);
-    };
-
-    /**
-     * Called if the control is destroyed.
-     * Detaches event handlers.
-     */
-    WorkPageColumn.prototype.exit = function () {
-        this._oResizer
-            .detachEvent("resizerMoved", this._fnHandleResize)
-            .detachEvent("resizerReleased", this._fnHandleResizeCompleted);
-
-        this._oCellsChangeDetection.destroy();
-
-        Control.prototype.exit.apply(this, arguments);
-    };
-
-    /**
-     * Creates the Delete button for this WorkPageColumn.
-     *
-     * @returns {sap.m.Button} The button control.
-     * @private
-     */
-    WorkPageColumn.prototype._createDeleteButton = function () {
-        return new Button(`${this.getId()}-deleteColumnButton`, {
-            icon: "sap-icon://delete",
-            tooltip: this.getDeleteColumnButtonTooltip(),
-            press: function () {
-                this.fireEvent("removeColumn");
-            }.bind(this)
-        }).addStyleClass("workPageColumnDeleteButton");
-    };
-
-    /**
-     * Checks if the button control already exists in the aggregation. If not, it will be created and saved in the aggregation.
-     *
-     * @returns {sap.m.Button} The button control.
-     */
-    WorkPageColumn.prototype.getDeleteButton = function () {
-        if (!this.getAggregation("_deleteButton")) {
-            this.setAggregation("_deleteButton", this._createDeleteButton());
-        }
-        return this.getAggregation("_deleteButton");
-    };
-
-    /**
-     * Creates the "Add Column" button for this WorkPageColumn at the given sPosition.
-     *
-     * @param {string} sPosition The position for the button ("left"|"right").
-     * @returns {sap.m.Button} The button control.
-     * @private
-     */
-    WorkPageColumn.prototype._createAddButton = function (sPosition) {
-        const sClass = sPosition === "left" ? "workPageColumnButtonLeft" : "workPageColumnButtonRight";
-        return new WorkPageButton(`${this.getId()}-addColumnButton-${sPosition}`, {
-            icon: "sap-icon://add",
-            tooltip: this.getAddColumnButtonTooltip(),
-            press: function () {
-                this.fireEvent("addColumn", {
-                    left: sPosition === "left"
-                });
-            }.bind(this)
-        }).addStyleClass(`workPageDividerButton ${sClass}`);
-    };
-
-    /**
-     * Checks if the button control for the given position already exists in the aggregation.
-     * If not, it will be created and saved in the aggregation.
-     *
-     * @param {string} sPosition The button position.
-     * @returns {sap.m.Button} The button control.
-     */
-    WorkPageColumn.prototype.getAddButton = function (sPosition) {
-        if (sPosition === "left") {
-            if (!this.getAggregation("_addButtonLeft")) {
-                this.setAggregation("_addButtonLeft", this._createAddButton("left"));
-            }
-            return this.getAggregation("_addButtonLeft");
-        }
-
-        if (!this.getAggregation("_addButtonRight")) {
-            this.setAggregation("_addButtonRight", this._createAddButton("right"));
-        }
-        return this.getAggregation("_addButtonRight");
-    };
-
-    /**
-     * Returns the Resizer control, which was created on init.
-     *
-     * @returns {sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer} The resizer control.
-     */
-    WorkPageColumn.prototype.getResizer = function () {
-        return this._oResizer;
-    };
-
-    /**
-     * Handler for the "columnResized" event, fired by the resizer.
-     * Propagates the event by firing a new "columnResized" event.
-     *
-     * @param {sap.ui.base.Event} oEvent The columnResized event.
-     * @private
-     */
-    WorkPageColumn.prototype._handleResizerMoved = function (oEvent) {
-        const oData = oEvent.getParameters();
-        this.fireEvent("columnResized", oData);
-    };
-
-    /**
-     * Handler for the "resizerReleased" event, fired by the resizer.
-     * Propagates the event by firing a new "columnResizeCompleted" event.
-     *
-     * @private
-     */
-    WorkPageColumn.prototype._handleResizerReleased = function () {
-        this.fireEvent("columnResizeCompleted");
-    };
-
-    /**
-     * Creates a new "Add Widget" button.
-     * @returns {sap.m.Button} The button control.
-     * @private
-     */
-    WorkPageColumn.prototype._createAddWidgetButton = function () {
-        return new Button(`${this.getId()}-addWidgetButton`, {
-            text: this.getAddWidgetButtonText(),
-            type: ButtonType.Emphasized,
-            press: function () {
-                this.fireEvent("addWidget");
-            }.bind(this)
-        }).addStyleClass("workPageAddWidgetButton");
-    };
-
-    /**
-     * Checks if the "Add Widget" button already exists in the aggregation. If not, a new one is created.
-     *
-     * @returns {sap.m.Button} The button control.
-     */
-    WorkPageColumn.prototype.getAddWidgetButton = function () {
-        if (!this.getAggregation("_addWidgetButton")) {
-            this.setAggregation("_addWidgetButton", this._createAddWidgetButton());
-        }
-        return this.getAggregation("_addWidgetButton");
-    };
-
-    /**
-     * In edit mode: Returns the amount of WorkPageColumns in the WorkPageRow
-     * In display mode: Returns the amount of WorkPageColumns in the WorkPageRow, capped to the defined maximum amount of WorkPageColumns.
-     *
-     * @returns {int} The amount.
-     */
-    WorkPageColumn.prototype.getCappedColumnCount = function () {
-        const oWorkPageRow = this.getParent();
-        return oWorkPageRow.getCappedColumnCount();
-    };
-
-    /**
-     * Returns the index of the WorkPageColumn in the WorkPageRow.
-     *
-     * @returns {int} The index.
-     */
-    WorkPageColumn.prototype.getIndex = function () {
-        return this.getParent().indexOfAggregation("columns", this);
-    };
-
-    /**
-     * Returns the defined maximum amount of WorkPageColumns in the WorkPageRow.
-     *
-     * @returns {int} The amount.
-     */
-    WorkPageColumn.prototype.getMaxColumns = function () {
-        return this.getParent().getMaxColumns();
-    };
-
-    return WorkPageColumn;
-});

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageColumnRenderer.js

@@ -1,103 +0,0 @@
-// Copyright (c) 2009-2025 SAP SE, All Rights Reserved
-
-sap.ui.define([
-    "sap/base/strings/formatMessage"
-], (
-    formatMessage
-) => {
-    "use strict";
-
-    /**
-     * WorkpageColumn renderer.
-     * @namespace
-     * @static
-     *
-     * @private
-     */
-    const WorkPageColumnRenderer = {
-        apiVersion: 2,
-
-        /**
-         * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
-         *
-         * @param {sap.ui.core.RenderManager} rm the RenderManager that can be used for writing to the render output buffer
-         * @param {sap.ushell.components.workPageBuilder.controls.WorkPageColumn} workPageColumn an object representation of the control that should be rendered
-         */
-        render: function (rm, workPageColumn) {
-            // Return immediately if control is invisible
-            if (!workPageColumn.getVisible()) {
-                return;
-            }
-            const iIndex = workPageColumn.getIndex();
-            const iMaxColumns = workPageColumn.getMaxColumns();
-            const iColumnCount = workPageColumn.getCappedColumnCount();
-            const aCells = workPageColumn.getCells();
-            const bIsEmpty = aCells.length === 0;
-
-            rm.openStart("div", workPageColumn);
-
-            if (workPageColumn.getAriaLabelPlaceholder()) {
-                rm.attr("aria-label", formatMessage(workPageColumn.getAriaLabelPlaceholder(), [iIndex + 1, iColumnCount]));
-            }
-
-            if (iIndex === 0) {
-                rm.class("workPageColumnFirst");
-            }
-            if (iIndex === iColumnCount - 1) {
-                rm.class("workPageColumnLast");
-            }
-            if (bIsEmpty) {
-                rm.class("workPageColumnEmpty");
-            }
-            rm.class("workPageColumn");
-            rm.attr("data-index", (iIndex + 1));
-            rm.attr("data-count", iColumnCount);
-
-            rm.openEnd(); // div - tag
-
-            if (bIsEmpty) {
-                // Render one empty cell if the column is empty
-                rm.openStart("div");
-
-                rm.class("workPageCell");
-                rm.class("workPageCellEmpty");
-                rm.openEnd(); // div - tag
-            } else {
-                for (let i = 0; i < aCells.length; i++) {
-                    rm.renderControl(aCells[i]);
-                }
-            }
-
-            if (workPageColumn.getEditMode()) {
-                if (iColumnCount > 1 && bIsEmpty) {
-                    rm.renderControl(workPageColumn.getDeleteButton());
-                }
-
-                if (iIndex !== 0) {
-                    rm.renderControl(workPageColumn.getResizer());
-                }
-                if (iColumnCount < iMaxColumns) {
-                    rm.renderControl(workPageColumn.getAddButton("left"));
-                }
-                if (iIndex === iColumnCount - 1 && iColumnCount < iMaxColumns) {
-                    rm.renderControl(workPageColumn.getAddButton("right"));
-                }
-
-                rm.openStart("div");
-                rm.class("workPageColumnToolbar");
-                rm.openEnd();
-
-                rm.renderControl(workPageColumn.getAddWidgetButton());
-                rm.close("div");
-            }
-
-            if (bIsEmpty) {
-                rm.close("div");
-            }
-
-            rm.close("div");
-        }
-    };
-
-    return WorkPageColumnRenderer;
-}, /* bExport= */ true);

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageColumnResizer.js

@@ -1,147 +0,0 @@
-// Copyright (c) 2009-2025 SAP SE, All Rights Reserved
-
-sap.ui.define([
-    "sap/ui/core/Control"
-], (
-    Control
-) => {
-    "use strict";
-    /**
-     * Constructor for a new WorkPageColumnResizer.
-     *
-     * @param {string} [sId] ID for the new control, generated automatically if no ID is given
-     * @param {object} [mSettings] Initial settings for the new control
-     *
-     * @class
-     * The WorkPageColumnResizer is used to resize a WorkPageColumn.
-     * @extends sap.ui.core.Control
-     *
-     *
-     * @version 1.141.2
-     *
-     * @private
-     * @experimental
-     * @alias sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer
-     */ // eslint-disable-next-line max-len
-    const WorkPageColumnResizer = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer", /** @lends sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer.prototype */ {
-        metadata: {
-            library: "sap.ushell",
-            events: {
-                /**
-                     * Called if the resizer was dragged.
-                     */
-                resizerMoved: {
-                    parameters: {
-                        /**
-                             * The difference between the currently dragged x-position and the resizer control position.
-                             */
-                        posXDiff: { type: "float" }
-                    }
-                },
-                /**
-                     * Called if the resizer was released.
-                     */
-                resizerReleased: {}
-            }
-        },
-        renderer: {
-            apiVersion: 2,
-
-            /**
-                 * Renders the HTML for the WorkPageColumnResizer, using the provided {@link sap.ui.core.RenderManager}.
-                 *
-                 * @param {sap.ui.core.RenderManager} rm The RenderManager.
-                 * @param {sap.ushell.components.workPageBuilder.controls.WorkPageColumnResizer} workPageColumnResizer The WorkPageColumnResizer to be rendered.
-                 */
-            render: function (rm, workPageColumnResizer) {
-                rm.openStart("div", workPageColumnResizer);
-                rm.class("workPageDivider");
-                rm.attr("tabindex", "0");
-                rm.openEnd(); // div - tag
-
-                rm.openStart("div");
-                rm.class("workPageDividerInner");
-                rm.openEnd(); // div - tag
-
-                rm.close("div");
-                rm.close("div");
-            }
-        }
-    });
-
-    /**
-     * Initializes the Resizer control. Binds the required event handlers.
-     */
-    WorkPageColumnResizer.prototype.init = function () {
-        this._fnMouseMove = this.mouseMove.bind(this);
-        this._fnMouseUp = this.mouseUp.bind(this);
-    };
-
-    /**
-     * Called if the control is destroyed. Detaches the event handlers.
-     */
-    WorkPageColumnResizer.prototype.exit = function () {
-        window.document.removeEventListener("mousemove", this._fnMouseMove);
-        window.document.removeEventListener("mouseup", this._fnMouseUp);
-    };
-
-    /**
-     * Called if the mouse is released.
-     * Removes the listeners that were used to determine the x-position delta.
-     */
-    WorkPageColumnResizer.prototype.mouseUp = function () {
-        window.document.removeEventListener("mouseup", this._fnMouseUp);
-        window.document.removeEventListener("mousemove", this._fnMouseMove);
-
-        this.fireEvent("resizerReleased");
-    };
-
-    /**
-     * Called on mouse move. Fires the "resizerMoved" event.
-     * The posXDiff parameter indicates the delta between mouse x-position and the middle of the resizer control.
-     *
-     * @param {Event} event The native HTML event.
-     */
-    WorkPageColumnResizer.prototype.mouseMove = function (event) {
-        this.fireEvent("resizerMoved", {
-            posXDiff: event.pageX - this.getXOrigin()
-        });
-    };
-
-    /**
-     * Called if the mouse button is pressed on this control. Attaches the event listeners to determine the x-position delta.
-     */
-    WorkPageColumnResizer.prototype.onmousedown = function () {
-        window.document.addEventListener("mousemove", this._fnMouseMove);
-        window.document.addEventListener("mouseup", this._fnMouseUp);
-    };
-
-    /**
-     * Keyboard handling
-     * @param {Event} oEvent The native HTML event.
-     */
-    WorkPageColumnResizer.prototype.onkeydown = function (oEvent) {
-        // only handle arrow-left or arrow-right keycodes
-        if ([37, 39].indexOf(oEvent.keyCode) === -1) { return; }
-        const oParentRowControl = this.getParent().getParent();
-        let iSingleColumnWidth = oParentRowControl.getSingleColumnWidth();
-
-        // arrow left
-        if (oEvent.keyCode === 37) { iSingleColumnWidth = -iSingleColumnWidth; }
-
-        this.fireEvent("resizerMoved", { posXDiff: iSingleColumnWidth });
-        this.fireEvent("resizerReleased");
-    };
-
-    /**
-     * Returns the horizontal center position of the current control instance.
-     *
-     * @returns {int} The result.
-     */
-    WorkPageColumnResizer.prototype.getXOrigin = function () {
-        const oBoundingClientRect = this.$().get(0).getBoundingClientRect();
-        return oBoundingClientRect.x + (oBoundingClientRect.width / 2);
-    };
-
-    return WorkPageColumnResizer;
-});

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageRenderer.js

@@ -1,60 +0,0 @@
-// Copyright (c) 2009-2025 SAP SE, All Rights Reserved
-
-sap.ui.define([], () => {
-    "use strict";
-
-    /**
-     * @namespace
-     * @description WorkPage renderer.
-     */
-    const PageRenderer = {
-        apiVersion: 2
-    };
-
-    PageRenderer.render = function (rm, oWorkPage) {
-        rm.openStart("div", oWorkPage);
-
-        if (oWorkPage.getTitle() && oWorkPage.getTitle().getText()) {
-            rm.attr("aria-label", oWorkPage.getTitle().getText());
-        }
-
-        rm.class("workPage");
-        rm.class("sapContrastPlus");
-        rm.attr("data-wp-breakpoint", oWorkPage.getBreakpoint());
-
-        if (oWorkPage.getEditMode()) {
-            rm.class("workPageEditMode");
-        }
-        if (oWorkPage.getShowTitle() && oWorkPage.getTitle() !== null && oWorkPage.getTitle().getText() !== "") {
-            rm.class("workPageHasTitle");
-        }
-
-        rm.openEnd(); // div - tag
-
-        if (oWorkPage.getShowTitle()) {
-            rm.openStart("div");
-            rm.class("workPageTitle");
-            rm.openEnd(); // div - tag
-            rm.renderControl(oWorkPage.getTitle());
-            rm.close("div");
-        }
-
-        // render rows
-        const aRows = oWorkPage.getRows();
-
-        if (aRows.length <= 0 && oWorkPage.getLoaded()) {
-            rm.renderControl(oWorkPage.getIllustratedMessage());
-        } else {
-            rm.openStart("div", `${oWorkPage.getId()}-rows`);
-            rm.openEnd(); // div - tag
-
-            for (let i = 0; i < aRows.length; i++) {
-                rm.renderControl(aRows[i]);
-            }
-            rm.close("div");
-        }
-        rm.close("div");
-    };
-
-    return PageRenderer;
-});