@openui5/sap.ui.integration 1.129.0 → 1.130.1

package/src/sap/ui/integration/controls/Paginator.js

@@ -1,449 +0,0 @@
-/*!
-* OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
-*/
-
-sap.ui.define([
-	"../library",
-	"sap/ui/base/EventProvider",
-	"sap/ui/core/ControlBehavior",
-	"sap/ui/core/Control",
-	"sap/ui/core/Configuration",
-	"sap/ui/core/Icon",
-	"sap/ui/core/Lib",
-	"./PaginatorRenderer"
-], function(
-	library,
-	EventProvider,
-	ControlBehavior,
-	Control,
-	Configuration,
-	Icon,
-	Library,
-	PaginatorRenderer
-) {
-	"use strict";
-
-	var sAnimationMode = ControlBehavior.getAnimationMode(),
-		bHasAnimations = sAnimationMode !== Configuration.AnimationMode.none && sAnimationMode !== Configuration.AnimationMode.minimal,
-		iServerSideAfterTransitionDelay = 200,
-		oResourceBundle = Library.getResourceBundleFor("sap.m");
-
-	/**
-	 * Constructor for a new Paginator.
-	 *
-	 * @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
-	 *
-	 * @extends sap.ui.core.Control
-	 *
-	 * @author SAP SE
-	 * @version 1.129.0
-	 *
-	 * @constructor
-	 * @ui5-restricted
-	 * @private
-	 * @alias sap.ui.integration.controls.Paginator
-	 */
-	var Paginator = Control.extend("sap.ui.integration.controls.Paginator", {
-		metadata: {
-			library: "sap.ui.integration",
-			properties: {
-				card: {type: "object"},
-				pageNumber: {type: "int", defaultValue: 0},
-				pageCount: {type: "int", defaultValue: 0},
-				pageSize: {type: "int", defaultValue: 0},
-				totalCount: {type: "int"},
-				skip: {type: "int"}
-			},
-			aggregations: {
-				_prevIcon: {type: "sap.ui.core.Icon", multiple: false, visibility: "hidden"},
-				_nextIcon: {type: "sap.ui.core.Icon", multiple: false, visibility: "hidden"}
-			},
-			events: {
-				animationComplete: {}
-			}
-		},
-		renderer: PaginatorRenderer
-	});
-
-	Paginator.create = function (oCard, oConfig) {
-		if (!oConfig) {
-			return null;
-		}
-
-		let vPageSize = oConfig.pageSize;
-		if (oCard.isSkeleton() && !oConfig.totalCount) {
-			// client side pagination for resolved manifest should directly show all items
-			vPageSize = oCard.getModelSizeLimit();
-		}
-
-		return new Paginator({
-			card: oCard,
-			totalCount: oConfig.totalCount,
-			pageSize: vPageSize,
-			skip: oConfig.skip,
-			visible: oConfig.visible
-		});
-	};
-
-	Paginator.prototype.init = function() {
-		this._listUpdateFinishedHandler = this._listUpdateFinished.bind(this);
-		this._dataChangedHandler = this._dataChanged.bind(this);
-
-		this.setAggregation("_prevIcon", new Icon({
-			src: "sap-icon://slim-arrow-left",
-			useIconTooltip: false,
-			decorative: false,
-			tooltip: oResourceBundle.getText("PAGINGBUTTON_PREVIOUS"),
-			press: this.previous.bind(this)
-		}));
-
-		this.setAggregation("_nextIcon", new Icon({
-			src: "sap-icon://slim-arrow-right",
-			useIconTooltip: false,
-			decorative: false,
-			tooltip: oResourceBundle.getText("PAGINGBUTTON_NEXT"),
-			press: this.next.bind(this)
-		}));
-	};
-
-	Paginator.prototype.exit = function () {
-		var oCard = this.getCard(),
-			oContent,
-			oList;
-
-		if (oCard) {
-			if (this._dataChangedHandler) {
-				oCard.detachEvent("_contentDataChange", this._dataChangedHandler);
-			}
-
-			oContent = oCard.getCardContent();
-
-			if (oContent) {
-				oList = oContent.getAggregation("_content");
-
-				if (oList && EventProvider.hasListener(oList, "updateFinished", this._listUpdateFinishedHandler)) {
-					oList.detachEvent("updateFinished", this._listUpdateFinishedHandler);
-				}
-			}
-		}
-
-		delete this._listUpdateFinishedHandler;
-		delete this._iPreviousStartIndex;
-		delete this._oClonedContent;
-	};
-
-	Paginator.prototype.isServerSide = function() {
-		return this.getTotalCount();
-	};
-
-	Paginator.prototype._dataChanged = function() {
-		var oCard = this.getCard(),
-			oContent = oCard.getCardContent();
-
-		if (!oContent || !oContent.isA("sap.ui.integration.cards.BaseContent")) {
-			this.setPageCount(0);
-			return;
-		}
-
-		oContent.getLoadDependenciesPromise()
-			.then((bLoadSuccessful) => {
-				if (bLoadSuccessful) {
-					this._initFromContent(oContent);
-				}
-			});
-	};
-
-	Paginator.prototype._initFromContent = function(oContent) {
-		if (!oContent.hasData()) {
-			this.setPageCount(0);
-			return;
-		}
-
-		this.setModel(oContent.getModel());
-
-		const oList = oContent.getAggregation("_content");
-		const bInitialized = EventProvider.hasListener(oList, "updateFinished", this._listUpdateFinishedHandler);
-
-		if (this._hasAnimation() && !bInitialized) {
-			oList.attachEvent("updateFinished", this._listUpdateFinishedHandler);
-
-			if (this.isServerSide()) {
-				oContent.getAggregation("_loadingPlaceholder").addDelegate({
-					onAfterRendering: this.onPlaceholderAfterRendering.bind(this)
-				});
-			}
-		}
-
-		if (bInitialized) {
-			this._clearAnimation(this);
-		}
-
-		const iTotalCount = this.getTotalCount() || oContent.getDataLength();
-
-		this.setPageCount(Math.ceil(iTotalCount / this.getPageSize()));
-		this.setPageNumber(Math.min(Math.max(0, this.getPageNumber()), this._getLastPageNumber()));
-
-		this.sliceData();
-	};
-
-	Paginator.prototype.setCard = function(oCard) {
-		this.setProperty("card", oCard, true);
-
-		if (oCard) {
-			oCard.attachEvent("_contentDataChange", this._dataChangedHandler);
-		}
-		return this;
-	};
-
-	Paginator.prototype.sliceData = function() {
-		const oCard = this.getCard();
-
-		if (!oCard) {
-			return;
-		}
-
-		const oPaginatorModel = this.getModel("paginator"),
-			oContent = oCard.getCardContent(),
-			oCardLoadingProvider = oCard.getAggregation("_loadingProvider"),
-			oContentLoadingProvider = oContent.getAggregation("_loadingProvider"),
-			iStartIndex = this.getPageNumber() * this.getPageSize(),
-			bIsPageChanged =  this._iPreviousStartIndex !== undefined && this._iPreviousStartIndex !== iStartIndex,
-			bIsServerSide = this.isServerSide();
-
-		oPaginatorModel.setData({
-			skip: iStartIndex,
-			size: this.getPageSize(),
-			pageIndex: this.getPageNumber()
-		});
-
-		if (bIsPageChanged) {
-			this._prepareAnimation(iStartIndex);
-		}
-
-		if (bIsServerSide && bIsPageChanged) {
-			// if the paginator model doesn't have bindings,
-			// we need to call "refreshAllData" method,
-			// otherwise don't call it
-			if (!oPaginatorModel.getBindings().length) {
-				oCard.refreshAllData();
-			}
-
-			if (this._hasAnimation()) {
-				oContentLoadingProvider.setAwaitPagination(true);
-				oCardLoadingProvider.setAwaitPagination(true);
-			}
-		} else if (!bIsServerSide && oContent.isA("sap.ui.integration.cards.BaseContent")) {
-			oContent.sliceData(iStartIndex, iStartIndex + this.getPageSize());
-		}
-
-		this._iPreviousStartIndex = iStartIndex;
-	};
-
-	/**
-	 * Goes back to the first page
-	 */
-	Paginator.prototype.reset = function () {
-		this.setPageNumber(0).sliceData();
-	};
-
-	Paginator.prototype._prepareAnimation = function (iStartIndex) {
-		if (!this._hasAnimation()) {
-			return;
-		}
-
-		var oContentDomRef = this.getCard().getCardContent().getDomRef(),
-			oContentDomRefCloned = oContentDomRef.cloneNode(true);
-
-		this._bActiveAnimation = true;
-		this._bReverseAnimation = this._iPreviousStartIndex > iStartIndex;
-
-		oContentDomRefCloned.removeAttribute("id");
-
-		oContentDomRefCloned.querySelectorAll("*[id]").forEach(function (oElement) {
-			oElement.removeAttribute("id");
-		});
-
-		oContentDomRefCloned.classList.add("sapFCardContentCloned");
-		if (this._bReverseAnimation) {
-			oContentDomRefCloned.classList.add("sapFCardContentReverseAnim");
-		}
-
-		if (this.isServerSide()) {
-			this._oClonedContent = oContentDomRefCloned;
-		} else {
-			oContentDomRef.classList.add("sapFCardContentOriginal");
-
-			if (this._bReverseAnimation) {
-				oContentDomRef.classList.add("sapFCardContentReverseAnim");
-			}
-
-			oContentDomRef.parentElement.insertBefore(oContentDomRefCloned, oContentDomRef);
-		}
-	};
-
-	Paginator.prototype._clearAnimation = function () {
-		if (!this._hasAnimation() || !this._bActiveAnimation) {
-			return;
-		}
-
-		var oCard = this.getCard(),
-			oContent = oCard.getCardContent(),
-			oContentDomRef = oContent.getDomRef(),
-			oContentDomRefCloned = oContentDomRef.previousSibling,
-			oCardLoadingProvider,
-			oContentLoadingProvider;
-
-		oCardLoadingProvider = oCard.getAggregation("_loadingProvider");
-		oContentLoadingProvider = oContent.getAggregation("_loadingProvider");
-
-		if (oContentLoadingProvider.getAwaitPagination()) {
-			oContentLoadingProvider.setAwaitPagination(false);
-			oCardLoadingProvider.setAwaitPagination(false);
-		} else {
-			if (oContentDomRefCloned) {
-				oContentDomRefCloned.parentNode.removeChild(oContentDomRefCloned);
-			}
-
-			oContentDomRef.classList.remove("sapFCardContentOriginal");
-			oContentDomRef.classList.remove("sapFCardContentTransition");
-			oContentDomRef.classList.remove("sapFCardContentReverseAnim");
-
-			oContent.hideLoadingPlaceholders();
-			oCardLoadingProvider.setLoading(false);
-			this._bActiveAnimation = false;
-		}
-
-		this.fireAnimationComplete();
-	};
-
-	Paginator.prototype._listUpdateFinished = function () {
-		if (!this._bActiveAnimation || this.isServerSide()) {
-			return;
-		}
-
-		var oContent = this.getCard().getCardContent(),
-			oContentDomRef = oContent.getDomRef(),
-			oContentDomRefCloned = oContentDomRef.previousSibling;
-
-		if (!oContentDomRefCloned) {
-			return;
-		}
-
-		oContentDomRefCloned.addEventListener("transitionend", function () {
-			oContentDomRefCloned.parentNode.removeChild(oContentDomRefCloned);
-
-			oContentDomRef.classList.remove("sapFCardContentOriginal");
-			oContentDomRef.classList.remove("sapFCardContentTransition");
-			oContentDomRef.classList.remove("sapFCardContentReverseAnim");
-
-			this._bActiveAnimation = false;
-		}.bind(this));
-
-		oContentDomRef.classList.add("sapFCardContentTransition");
-		oContentDomRefCloned.classList.add("sapFCardContentTransition");
-	};
-
-	Paginator.prototype._isSkeletonCard = function () {
-		return this.getCard().isSkeleton();
-	};
-
-	Paginator.prototype.onPlaceholderAfterRendering = function () {
-		if (!this._oClonedContent || this._isSkeletonCard()) {
-			return;
-		}
-
-		var oCard = this.getCard(),
-			oContent = oCard.getCardContent(),
-			oContentDomRef = oContent.getDomRef(),
-			oContentDomRefCloned = this._oClonedContent;
-
-		oContentDomRef.classList.add("sapFCardContentOriginal");
-		oContentDomRef.parentElement.insertBefore(oContentDomRefCloned, oContentDomRef);
-
-		if (this._bReverseAnimation) {
-			oContentDomRef.classList.add("sapFCardContentReverseAnim");
-		}
-
-		this._oClonedContent.addEventListener("transitionend", function () {
-			setTimeout(this._clearAnimation.bind(this), iServerSideAfterTransitionDelay);
-		}.bind(this));
-
-		this._oClonedContent = null;
-
-		setTimeout(function () {
-			oContentDomRefCloned.classList.add("sapFCardContentTransition");
-			oContentDomRef.classList.add("sapFCardContentTransition");
-		}, 30);
-	};
-
-	Paginator.prototype._getNavigationArrow = function (sDirection) {
-		return this.getAggregation("_" + sDirection + "Icon");
-	};
-
-	Paginator.prototype._hasAnimation = function () {
-		return bHasAnimations && this.getCard().getCardContent().isA("sap.ui.integration.cards.ListContent") && !this._isSkeletonCard();
-	};
-
-	Paginator.prototype._hasActiveLoadingProvider = function () {
-		var oCard = this.getCard();
-
-		return oCard && oCard.hasActiveLoadingProvider();
-	};
-
-	/**
-	 * @ui5-restricted
-	 * @private
-	 */
-	Paginator.prototype.previous = function () {
-		if (this._bActiveAnimation || this._hasActiveLoadingProvider()) {
-			return;
-		}
-
-		this.setPageNumber(Math.max(0, this.getPageNumber() - 1));
-		this.sliceData();
-	};
-
-	/**
-	 * @ui5-restricted
-	 * @private
-	 */
-	Paginator.prototype.next = function () {
-		if (this._bActiveAnimation || this._hasActiveLoadingProvider()) {
-			return;
-		}
-
-		this.setPageNumber(Math.min(this._getLastPageNumber(), this.getPageNumber() + 1));
-		this.sliceData();
-	};
-
-	Paginator.prototype.onmousedown = function(oEvent) {
-		var oTarget = oEvent.target,
-			sDataSlide = oTarget.getAttribute("data-slide");
-
-		if (sDataSlide && !oTarget.classList.contains("sapMCrslActive")) {
-			this.setPageNumber(parseInt(sDataSlide) - 1);
-			this.sliceData();
-		}
-	};
-
-	/**
-	 * @returns {object} Paginator configuration with static values.
-	 */
-	Paginator.prototype.getStaticConfiguration = function () {
-		return {
-			pageCount: this.getPageCount(),
-			pageIndex: this.getPageNumber()
-		};
-	};
-
-	Paginator.prototype._getLastPageNumber = function () {
-		return Math.max(0, this.getPageCount() - 1);
-	};
-
-	return Paginator;
-});

package/src/sap/ui/integration/controls/PaginatorRenderer.js

@@ -1,114 +0,0 @@
-/*!
- * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-
-sap.ui.define([
-	"sap/m/library",
-	"sap/base/strings/capitalize",
-	"sap/ui/core/InvisibleRenderer",
-	"sap/ui/core/Lib"
-], function(mLibrary, capitalize, InvisibleRenderer, Library) {
-	"use strict";
-
-	var oResourceBundle = Library.getResourceBundleFor("sap.m");
-
-	var _BULLETS_TO_NUMBERS_THRESHOLD = 5;
-
-	/**
-	 * PaginatorRenderer renderer.
-	 * @namespace
-	 */
-	var PaginatorRenderer = {
-		apiVersion: 2
-	};
-
-	PaginatorRenderer.render = function (oRm, oControl) {
-		var sId = oControl.getId(),
-			iPageNumber = oControl.getPageNumber(),
-			iPageCount = oControl.getPageCount(),
-			i,
-			sTextBetweenNumbers;
-
-		// If there is only one page - do not render the indicator
-		if (iPageCount <= 1 || !oControl.getVisible()) {
-			InvisibleRenderer.render(oRm, oControl, oControl.TagName);
-			return;
-		}
-
-		oRm.openStart("div", oControl)
-			.class("sapUiIntPaginator")
-			.openEnd();
-
-		oRm.openStart("div")
-			.class("sapMCrslControls")
-			.openEnd();
-
-		oRm.openStart("div")
-			.class("sapMCrslControlsContainer")
-			.openEnd();
-
-		this._renderArrow(oRm, oControl, "previous");
-
-		oRm.openStart("div", sId + "-pageIndicator");
-
-		if (iPageCount < _BULLETS_TO_NUMBERS_THRESHOLD) {
-			oRm.class("sapMCrslBulleted")
-				.openEnd();
-
-			for (i = 0; i < iPageCount; i++) {
-				oRm.openStart("span")
-					.accessibilityState({
-						role: "img",
-						label: oResourceBundle.getText("CAROUSEL_POSITION", [i + 1, iPageCount])
-					});
-
-				oRm.attr("data-slide", i + 1);
-
-				if (i === iPageNumber) {
-					oRm.class("sapMCrslActive");
-				}
-
-				oRm.openEnd()
-
-					.close("span");
-			}
-		} else {
-			oRm.class("sapMCrslNumeric")
-				.openEnd();
-
-			sTextBetweenNumbers = oResourceBundle.getText("CAROUSEL_PAGE_INDICATOR_TEXT", [iPageNumber + 1, iPageCount]);
-			oRm.openStart("span", sId + "-" + "slide-number")
-				.openEnd()
-				.text(sTextBetweenNumbers)
-				.close("span");
-		}
-
-		oRm.close("div");
-
-		this._renderArrow(oRm, oControl, "next");
-
-		oRm.close("div")
-			.close("div")
-			.close("div");
-	};
-
-	PaginatorRenderer._renderArrow = function (oRm, oControl, sDirection) {
-		oRm.openStart("div")
-			.class("sapMCrsl" + capitalize(sDirection.slice(0, 4)))
-			.openEnd();
-
-		oRm.openStart("div")
-			.class("sapMCrslArrowInner")
-			.openEnd();
-
-		oRm.renderControl(oControl._getNavigationArrow(sDirection === "previous" ? "prev" : "next"));
-
-		oRm.close("div")
-			.close("div");
-	};
-
-	return PaginatorRenderer;
-
-}, /* bExport= */ true);

package/src/sap/ui/integration/model/PagingModelListBinding.js

@@ -1,40 +0,0 @@
-/*!
- * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-
-sap.ui.define([
-	"sap/ui/model/json/JSONListBinding"
-], function (
-	JSONListBinding
-) {
-	"use strict";
-
-	/**
-	 * Creates a new PagingModelListBinding object.
-	 *
-	 * @class
-	 *
-	 * Extends the JSONModel to provide pagination.
-	 *
-	 * @extends sap.ui.model.json.JSONListBinding
-	 *
-	 * @author SAP SE
-	 * @version 1.129.0
-	 * @constructor
-	 * @private
-	 * @alias sap.ui.integration.model.PagingModelListBinding
-	 */
-	var PagingModelListBinding = JSONListBinding.extend("sap.ui.integration.model.PagingModelListBinding", {});
-
-	PagingModelListBinding.prototype.update = function () {
-		JSONListBinding.prototype.update.call(this);
-
-		if (this._iStartIndex !== undefined) {
-			this.aIndices = this.aIndices.slice(this._iStartIndex, this._iEndIndex);
-		}
-	};
-
-	return PagingModelListBinding;
-});