@ui5/webcomponents 0.0.0-97cba4b0b → 0.0.0-99b763015

package/src/popup-utils/OpenedPopupsRegistry.ts

@@ -1,76 +0,0 @@
-import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
-import Popup from "../Popup.js";
-
-type RegisteredPopupT = {
-	instance: Popup;
-	parentPopovers: Array<Popup>;
-}
-
-let openedRegistry: Array<RegisteredPopupT> = [];
-
-const addOpenedPopup = (instance: Popup, parentPopovers: Array<Popup> = []) => {
-	if (!openedRegistry.some(popup => popup.instance === instance)) {
-		openedRegistry.push({
-			instance,
-			parentPopovers,
-		});
-	}
-
-	_updateTopModalPopup();
-
-	if (openedRegistry.length === 1) {
-		attachGlobalListener();
-	}
-};
-
-const removeOpenedPopup = (instance: Popup) => {
-	openedRegistry = openedRegistry.filter(el => {
-		return el.instance !== instance;
-	});
-
-	_updateTopModalPopup();
-
-	if (!openedRegistry.length) {
-		detachGlobalListener();
-	}
-};
-
-const getOpenedPopups = () => {
-	return [...openedRegistry];
-};
-
-const _keydownListener = (event: KeyboardEvent) => {
-	if (!openedRegistry.length) {
-		return;
-	}
-
-	if (isEscape(event)) {
-		openedRegistry[openedRegistry.length - 1].instance.close(true);
-	}
-};
-
-const attachGlobalListener = () => {
-	document.addEventListener("keydown", _keydownListener);
-};
-
-const detachGlobalListener = () => {
-	document.removeEventListener("keydown", _keydownListener);
-};
-
-const _updateTopModalPopup = () => {
-	let popup;
-	let hasModal = false;
-
-	for (let i = openedRegistry.length - 1; i >= 0; i--) {
-		popup = openedRegistry[i].instance;
-
-		if (!hasModal && popup.isModal) {
-			popup.isTopModalPopup = true;
-			hasModal = true;
-		} else {
-			popup.isTopModalPopup = false;
-		}
-	}
-};
-
-export { addOpenedPopup, removeOpenedPopup, getOpenedPopups };

package/src/popup-utils/PopoverRegistry.ts

@@ -1,166 +0,0 @@
-import { isClickInRect } from "@ui5/webcomponents-base/dist/util/PopupUtils.js";
-import type { Interval } from "@ui5/webcomponents-base/dist/types.js";
-import type Popover from "../Popover.js";
-import { instanceOfPopover } from "../Popover.js";
-import { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from "./OpenedPopupsRegistry.js";
-
-type RegisteredPopover = {
-	instance: Popover;
-	parentPopovers: Array<Popover>;
-}
-
-let updateInterval: Interval;
-const intervalTimeout = 300;
-const openedRegistry: Array<RegisteredPopover> = [];
-
-const repositionPopovers = () => {
-	openedRegistry.forEach(popover => {
-		popover.instance.reposition();
-	});
-};
-
-const closePopoversIfLostFocus = () => {
-	if (document.activeElement!.tagName === "IFRAME") {
-		getRegistry().reverse().forEach(popup => popup.instance.close(false, false, true));
-	}
-};
-
-const runUpdateInterval = () => {
-	updateInterval = setInterval(() => {
-		repositionPopovers();
-
-		closePopoversIfLostFocus();
-	}, intervalTimeout);
-};
-
-const stopUpdateInterval = () => {
-	clearInterval(updateInterval);
-};
-
-const attachGlobalScrollHandler = () => {
-	document.body.addEventListener("scroll", repositionPopovers, { capture: true });
-};
-
-const detachGlobalScrollHandler = () => {
-	document.body.removeEventListener("scroll", repositionPopovers, { capture: true });
-};
-
-const attachScrollHandler = (popover: Popover) => {
-	popover && popover.shadowRoot!.addEventListener("scroll", repositionPopovers, { capture: true });
-};
-
-const detachScrollHandler = (popover: Popover) => {
-	popover && popover.shadowRoot!.removeEventListener("scroll", repositionPopovers, { capture: true });
-};
-
-const attachGlobalClickHandler = () => {
-	document.addEventListener("mousedown", clickHandler);
-};
-
-const detachGlobalClickHandler = () => {
-	document.removeEventListener("mousedown", clickHandler);
-};
-
-const clickHandler = (event: MouseEvent) => {
-	const openedPopups = getOpenedPopups();
-
-	if (openedPopups.length === 0) {
-		return;
-	}
-
-	const isTopPopupPopover = instanceOfPopover(openedPopups[openedPopups.length - 1].instance);
-
-	if (!isTopPopupPopover) {
-		return;
-	}
-
-	// loop all open popovers
-	for (let i = (openedPopups.length - 1); i !== -1; i--) {
-		const popup = openedPopups[i].instance;
-
-		// if popup is modal, opener is clicked, popup is dialog skip closing
-		if (popup.isModal || (popup as Popover).isOpenerClicked(event)) {
-			return;
-		}
-
-		if (isClickInRect(event, popup.getBoundingClientRect())) {
-			break;
-		}
-
-		popup.close();
-	}
-};
-
-const addOpenedPopover = (instance: Popover) => {
-	const parentPopovers = getParentPopoversIfNested(instance);
-
-	addOpenedPopup(instance, parentPopovers);
-	openedRegistry.push({
-		instance,
-		parentPopovers,
-	});
-
-	attachScrollHandler(instance);
-
-	if (openedRegistry.length === 1) {
-		attachGlobalScrollHandler();
-		attachGlobalClickHandler();
-		runUpdateInterval();
-	}
-};
-
-const removeOpenedPopover = (instance: Popover) => {
-	const popoversToClose = [instance];
-
-	for (let i = 0; i < openedRegistry.length; i++) {
-		const indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);
-		if (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {
-			popoversToClose.push(openedRegistry[i].instance);
-		}
-	}
-
-	for (let i = popoversToClose.length - 1; i >= 0; i--) {
-		for (let j = 0; j < openedRegistry.length; j++) {
-			let indexOfItemToRemove = -1;
-			if (popoversToClose[i] === openedRegistry[j].instance) {
-				indexOfItemToRemove = j;
-			}
-
-			if (indexOfItemToRemove >= 0) {
-				removeOpenedPopup(openedRegistry[indexOfItemToRemove].instance);
-				detachScrollHandler(openedRegistry[indexOfItemToRemove].instance);
-				const itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);
-				itemToClose[0].instance.close(false, true);
-			}
-		}
-	}
-
-	if (!openedRegistry.length) {
-		detachGlobalScrollHandler();
-		detachGlobalClickHandler();
-		stopUpdateInterval();
-	}
-};
-
-const getRegistry = () => {
-	return openedRegistry;
-};
-
-const getParentPopoversIfNested = (instance: Popover) => {
-	let currentElement = instance.parentNode;
-	const parentPopovers: Array<Popover> = [];
-
-	while (currentElement && currentElement.parentNode) {
-		for (let i = 0; i < openedRegistry.length; i++) {
-			if (currentElement === openedRegistry[i].instance) {
-				parentPopovers.push(currentElement as Popover);
-			}
-		}
-
-		currentElement = currentElement.parentNode;
-	}
-
-	return parentPopovers;
-};
-
-export { addOpenedPopover, removeOpenedPopover, getRegistry };

package/src/timepicker-utils/TimeSlider.ts

@@ -1,120 +0,0 @@
-type HoursConfiguration = {
-	minHour: number,
-	maxHour: number
-	isTwelveHoursFormat: boolean,
-}
-
-type HourType = "hour0_23" | "hour1_24" | "hour0_11" | "hour1_12";
-
-const generateTimeItemsArray = (x: number, step = 1) => {
-	const array: Array<string> = [];
-	for (let i = 0; i < x; i++) {
-		if (i % step === 0) {
-			let tempString = i.toString();
-			if (tempString.length === 1) {
-				tempString = `0${tempString}`;
-			}
-
-			array.push(tempString);
-		}
-	}
-
-	return array;
-};
-
-const getHours = (config: HoursConfiguration, max: number | undefined) => {
-	let hoursValueArray = [];
-
-	if (config.isTwelveHoursFormat) {
-		hoursValueArray = generateTimeItemsArray(max || 12, 1);
-	} else {
-		hoursValueArray = generateTimeItemsArray(max || 24, 1);
-	}
-
-	if (config.minHour === 1) {
-		for (let i = 0; i < hoursValueArray.length; i++) {
-			const tempValue = parseInt(hoursValueArray[i]) + 1;
-
-			if (tempValue.toString().length === 1) {
-				hoursValueArray[i] = `0${tempValue.toString()}`;
-			} else {
-				hoursValueArray[i] = tempValue.toString();
-			}
-		}
-	}
-
-	return hoursValueArray;
-};
-
-const getMinutes = (max: number | undefined, step: number) => {
-	return generateTimeItemsArray(max || 60, step);
-};
-
-const getSeconds = (max: number | undefined, step: number) => {
-	return generateTimeItemsArray(max || 60, step);
-};
-
-const getHoursConfigByFormat = (type: HourType) => {
-	const config: HoursConfiguration = {
-		minHour: 0,
-		maxHour: 0,
-		isTwelveHoursFormat: false,
-	};
-
-	if (type === "hour0_23") {
-		config.minHour = 0;
-		config.maxHour = 23;
-		config.isTwelveHoursFormat = false;
-	} else if (type === "hour1_24") {
-		config.minHour = 1;
-		config.maxHour = 24;
-		config.isTwelveHoursFormat = false;
-	} else if (type === "hour0_11") {
-		config.minHour = 0;
-		config.maxHour = 11;
-		config.isTwelveHoursFormat = true;
-	} else if (type === "hour1_12") {
-		config.minHour = 1;
-		config.maxHour = 12;
-		config.isTwelveHoursFormat = true;
-	}
-
-	return config;
-};
-
-const getTimeControlsByFormat = (formatArray: Array<{ type: string }>, hoursConfig: HoursConfiguration) => {
-	const timeControls = [false, false, false, false]; // hours, minutes, seconds and am/pm
-
-	for (let i = 0; i < formatArray.length; i++) {
-		if (hoursConfig.maxHour !== 0) {
-			timeControls[0] = true;
-		}
-		if (hoursConfig.maxHour !== 0 && hoursConfig.isTwelveHoursFormat) {
-			timeControls[0] = true;
-		}
-		if (formatArray[i].type === "minute") {
-			timeControls[1] = true;
-		}
-		if (formatArray[i].type === "second") {
-			timeControls[2] = true;
-		}
-		if (formatArray[i].type === "amPmMarker") {
-			timeControls[3] = true;
-		}
-	}
-
-	return timeControls;
-};
-
-export {
-	getHours,
-	getMinutes,
-	getSeconds,
-	getHoursConfigByFormat,
-	getTimeControlsByFormat,
-};
-
-export type {
-	HourType,
-	HoursConfiguration,
-};

package/src/types/AvatarColorScheme.ts

@@ -1,89 +0,0 @@
-/**
- * Different types of AvatarColorScheme.
- *
- * @readonly
- * @enum {string}
- * @public
- * @author SAP SE
- * @alias sap.ui.webc.main.types.AvatarColorScheme
- */
-enum AvatarColorScheme {
-	/**
-	 *
-	 * @public
-	 * @type {Accent1}
-	 */
-	Accent1 = "Accent1",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent2}
-	 */
-	Accent2 = "Accent2",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent3}
-	 */
-	Accent3 = "Accent3",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent4}
-	 */
-	Accent4 = "Accent4",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent5}
-	 */
-	Accent5 = "Accent5",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent6}
-	 */
-	Accent6 = "Accent6",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent7}
-	 */
-	Accent7 = "Accent7",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent8}
-	 */
-	Accent8 = "Accent8",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent9}
-	 */
-	Accent9 = "Accent9",
-
-	/**
-	 *
-	 * @public
-	 * @type {Accent10}
-	 */
-	Accent10 = "Accent10",
-
-	/**
-	 *
-	 * @public
-	 * @type {Placeholder}
-	 */
-	Placeholder = "Placeholder",
-}
-
-export default AvatarColorScheme;

package/src/types/AvatarGroupType.ts

@@ -1,28 +0,0 @@
-/**
- * Different types of AvatarGroupType.
- *
- * @readonly
- * @enum {string}
- * @public
- * @author SAP SE
- * @alias sap.ui.webc.main.types.AvatarGroupType
- */
-enum AvatarGroupType {
-	/**
-	 * The avatars are displayed as partially overlapped on top of each other and the entire group has one click or tap area.
-	 *
-	 * @public
-	 * @type {Group}
-	 */
-	Group = "Group",
-
-	/**
-	 * The avatars are displayed side-by-side and each avatar has its own click or tap area.
-	 *
-	 * @public
-	 * @type {Individual}
-	 */
-	Individual = "Individual",
-}
-
-export default AvatarGroupType;

package/src/types/AvatarShape.ts

@@ -1,26 +0,0 @@
-/**
- * Different types of AvatarShape.
- *
- * @readonly
- * @enum {string}
- * @public
- * @author SAP SE
- * @alias sap.ui.webc.main.types.AvatarShape
- */
-enum AvatarShape {
-	/**
-	 * Circular shape.
-	 * @public
-	 * @type {Circle}
-	 */
-	Circle = "Circle",
-
-	/**
-	 * Square shape.
-	 * @public
-	 * @type {Square}
-	 */
-	Square = "Square",
-}
-
-export default AvatarShape;

package/src/types/AvatarSize.ts

@@ -1,52 +0,0 @@
-/**
- * Different types of AvatarSize.
- *
- * @readonly
- * @enum {string}
- * @public
- * @author SAP SE
- * @alias sap.ui.webc.main.types.AvatarSize
- */
-enum AvatarSize {
-	/**
-	 * component size - 2rem
-	 * font size - 1rem
-	 * @public
-	 * @type { XS }
-	 */
-	XS = "XS",
-
-	/**
-	 * component size - 3rem
-	 * font size - 1.5rem
-	 * @public
-	 * @type { S }
-	 */
-	S = "S",
-
-	/**
-	 * component size - 4rem
-	 * font size - 2rem
-	 * @public
-	 * @type { M }
-	 */
-	M = "M",
-
-	/**
-	 * component size - 5rem
-	 * font size - 2.5rem
-	 * @public
-	 * @type { L }
-	 */
-	L = "L",
-
-	/**
-	 * component size - 7rem
-	 * font size - 3rem
-	 * @public
-	 * @type { XL }
-	 */
-	XL = "XL",
-}
-
-export default AvatarSize;

package/src/types/BreadcrumbsDesign.ts

@@ -1,28 +0,0 @@
-/**
- * Different  Breadcrumbs designs.
- *
- * @readonly
- * @enum {string}
- * @public
- * @author SAP SE
- * @alias sap.ui.webc.main.types.BreadcrumbsDesign
- */
-enum BreadcrumbsDesign {
-	/**
-	 * Shows the current page as the last item in the trail.
-	 * The last item contains only plain text and is not a link.
-	 *
-	 * @public
-	 * @type {Standard}
-	 */
-	Standard = "Standard",
-
-	/**
-	 * All items are displayed as links.
-	 * @public
-	 * @type {NoCurrentPage}
-	 */
-	NoCurrentPage = "NoCurrentPage",
-}
-
-export default BreadcrumbsDesign;

package/src/types/BreadcrumbsSeparatorStyle.ts

@@ -1,55 +0,0 @@
-/**
- * Different Breadcrumbs separator styles.
- *
- * @readonly
- * @enum {string}
- * @public
- * @author SAP SE
- * @alias sap.ui.webc.main.types.BreadcrumbsSeparatorStyle
- */
-enum BreadcrumbsSeparatorStyle {
-
-	/**
-	 * The separator appears as "/".
-	 * @public
-	 * @type {Slash}
-	 */
-	Slash = "Slash",
-
-	/**
-	 * The separator appears as "\".
-	 * @public
-	 * @type {BackSlash}
-	 */
-	BackSlash = "BackSlash",
-
-	/**
-	 * The separator appears as "\\".
-	 * @public
-	 * @type {DoubleBackSlash}
-	 */
-	DoubleBackSlash = "DoubleBackSlash",
-
-	/**
-	 * The separator appears as ">>".
-	 * @public
-	 * @type {DoubleGreaterThan}
-	 */
-	DoubleGreaterThan = "DoubleGreaterThan",
-
-	/**
-	 * The separator appears as "//" .
-	 * @public
-	 * @type {DoubleSlash}
-	 */
-	DoubleSlash = "DoubleSlash",
-
-	/**
-	 * The separator appears as ">".
-	 * @public
-	 * @type {GreaterThan}
-	 */
-	GreaterThan = "GreaterThan",
-}
-
-export default BreadcrumbsSeparatorStyle;

package/src/types/BusyIndicatorSize.ts

@@ -1,33 +0,0 @@
-/**
- * Different BusyIndicator sizes.
- *
- * @readonly
- * @enum {string}
- * @public
- * @author SAP SE
- * @alias sap.ui.webc.main.types.BusyIndicatorSize
- */
-enum BusyIndicatorSize {
-	/**
-	 * small size
-	 * @public
-	 * @type {Small}
-	 */
-	Small = "Small",
-
-	/**
-	 * medium size
-	 * @public
-	 * @type {Medium}
-	 */
-	Medium = "Medium",
-
-	/**
-	 * large size
-	 * @public
-	 * @type {Large}
-	 */
-	Large = "Large",
-}
-
-export default BusyIndicatorSize;