@ui5/webcomponents 0.0.0-1929d08ff → 0.0.0-1acdb5da5

package/dist/popup-utils/OpenedPopupsRegistry.js

@@ -1,50 +1,56 @@
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
-
 let openedRegistry = [];
-
 const addOpenedPopup = (instance, parentPopovers = []) => {
-	if (!openedRegistry.includes(instance)) {
-		openedRegistry.push({
-			instance,
-			parentPopovers,
-		});
-	}
-
-	if (openedRegistry.length === 1) {
-		attachGlobalListener();
-	}
+    if (!openedRegistry.some(popup => popup.instance === instance)) {
+        openedRegistry.push({
+            instance,
+            parentPopovers,
+        });
+    }
+    _updateTopModalPopup();
+    if (openedRegistry.length === 1) {
+        attachGlobalListener();
+    }
 };
-
-const removeOpenedPopup = instance => {
-	openedRegistry = openedRegistry.filter(el => {
-		return el.instance !== instance;
-	});
-
-	if (!openedRegistry.length) {
-		detachGlobalListener();
-	}
+const removeOpenedPopup = (instance) => {
+    openedRegistry = openedRegistry.filter(el => {
+        return el.instance !== instance;
+    });
+    _updateTopModalPopup();
+    if (!openedRegistry.length) {
+        detachGlobalListener();
+    }
 };
-
 const getOpenedPopups = () => {
-	return [...openedRegistry];
+    return [...openedRegistry];
 };
-
-const _keydownListener = event => {
-	if (!openedRegistry.length) {
-		return;
-	}
-
-	if (isEscape(event)) {
-		openedRegistry[openedRegistry.length - 1].instance.close(true);
-	}
+const _keydownListener = (event) => {
+    if (!openedRegistry.length) {
+        return;
+    }
+    if (isEscape(event)) {
+        openedRegistry[openedRegistry.length - 1].instance.close(true);
+    }
 };
-
 const attachGlobalListener = () => {
-	document.addEventListener("keydown", _keydownListener);
+    document.addEventListener("keydown", _keydownListener);
 };
-
 const detachGlobalListener = () => {
-	document.removeEventListener("keydown", _keydownListener);
+    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 };
+//# sourceMappingURL=OpenedPopupsRegistry.js.map

package/dist/popup-utils/OpenedPopupsRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenedPopupsRegistry.js","sourceRoot":"","sources":["../../src/popup-utils/OpenedPopupsRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAQhE,IAAI,cAAc,GAA4B,EAAE,CAAC;AAEjD,MAAM,cAAc,GAAG,CAAC,QAAe,EAAE,iBAA+B,EAAE,EAAE,EAAE;IAC7E,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,EAAE;QAC/D,cAAc,CAAC,IAAI,CAAC;YACnB,QAAQ;YACR,cAAc;SACd,CAAC,CAAC;KACH;IAED,oBAAoB,EAAE,CAAC;IAEvB,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;QAChC,oBAAoB,EAAE,CAAC;KACvB;AACF,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,QAAe,EAAE,EAAE;IAC7C,cAAc,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;QAC3C,OAAO,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,oBAAoB,EAAE,CAAC;IAEvB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;QAC3B,oBAAoB,EAAE,CAAC;KACvB;AACF,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAE,EAAE;IACjD,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;QAC3B,OAAO;KACP;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;QACpB,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KAC/D;AACF,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,IAAI,KAAK,CAAC;IACV,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,KAAK,IAAI,CAAC,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QACpD,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAEnC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE;YAC/B,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;YAC7B,QAAQ,GAAG,IAAI,CAAC;SAChB;aAAM;YACN,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;SAC9B;KACD;AACF,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import { isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Popup from \"../Popup.js\";\n\ntype RegisteredPopupT = {\n\tinstance: Popup;\n\tparentPopovers: Array<Popup>;\n}\n\nlet openedRegistry: Array<RegisteredPopupT> = [];\n\nconst addOpenedPopup = (instance: Popup, parentPopovers: Array<Popup> = []) => {\n\tif (!openedRegistry.some(popup => popup.instance === instance)) {\n\t\topenedRegistry.push({\n\t\t\tinstance,\n\t\t\tparentPopovers,\n\t\t});\n\t}\n\n\t_updateTopModalPopup();\n\n\tif (openedRegistry.length === 1) {\n\t\tattachGlobalListener();\n\t}\n};\n\nconst removeOpenedPopup = (instance: Popup) => {\n\topenedRegistry = openedRegistry.filter(el => {\n\t\treturn el.instance !== instance;\n\t});\n\n\t_updateTopModalPopup();\n\n\tif (!openedRegistry.length) {\n\t\tdetachGlobalListener();\n\t}\n};\n\nconst getOpenedPopups = () => {\n\treturn [...openedRegistry];\n};\n\nconst _keydownListener = (event: KeyboardEvent) => {\n\tif (!openedRegistry.length) {\n\t\treturn;\n\t}\n\n\tif (isEscape(event)) {\n\t\topenedRegistry[openedRegistry.length - 1].instance.close(true);\n\t}\n};\n\nconst attachGlobalListener = () => {\n\tdocument.addEventListener(\"keydown\", _keydownListener);\n};\n\nconst detachGlobalListener = () => {\n\tdocument.removeEventListener(\"keydown\", _keydownListener);\n};\n\nconst _updateTopModalPopup = () => {\n\tlet popup;\n\tlet hasModal = false;\n\n\tfor (let i = openedRegistry.length - 1; i >= 0; i--) {\n\t\tpopup = openedRegistry[i].instance;\n\n\t\tif (!hasModal && popup.isModal) {\n\t\t\tpopup.isTopModalPopup = true;\n\t\t\thasModal = true;\n\t\t} else {\n\t\t\tpopup.isTopModalPopup = false;\n\t\t}\n\t}\n};\n\nexport { addOpenedPopup, removeOpenedPopup, getOpenedPopups };\n"]}

package/dist/popup-utils/PopoverRegistry.d.ts

@@ -0,0 +1,9 @@
+import type Popover from "../Popover.js";
+type RegisteredPopover = {
+    instance: Popover;
+    parentPopovers: Array<Popover>;
+};
+declare const addOpenedPopover: (instance: Popover) => void;
+declare const removeOpenedPopover: (instance: Popover) => void;
+declare const getRegistry: () => RegisteredPopover[];
+export { addOpenedPopover, removeOpenedPopover, getRegistry };

package/dist/popup-utils/PopoverRegistry.js

@@ -1,145 +1,125 @@
 import { isClickInRect } from "@ui5/webcomponents-base/dist/util/PopupUtils.js";
+import { instanceOfPopover } from "../Popover.js";
 import { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from "./OpenedPopupsRegistry.js";
-
-let updateInterval = null;
+let updateInterval;
 const intervalTimeout = 300;
 const openedRegistry = [];
-
-const repositionPopovers = event => {
-	openedRegistry.forEach(popover => {
-		popover.instance.reposition();
-	});
+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, true);
+    document.body.addEventListener("scroll", repositionPopovers, { capture: true });
 };
-
 const detachGlobalScrollHandler = () => {
-	document.body.removeEventListener("scroll", repositionPopovers, true);
+    document.body.removeEventListener("scroll", repositionPopovers, { capture: true });
 };
-
-const runUpdateInterval = () => {
-	updateInterval = setInterval(() => {
-		repositionPopovers();
-	}, intervalTimeout);
+const attachScrollHandler = (popover) => {
+    popover && popover.shadowRoot.addEventListener("scroll", repositionPopovers, { capture: true });
 };
-
-const stopUpdateInterval = () => {
-	clearInterval(updateInterval);
+const detachScrollHandler = (popover) => {
+    popover && popover.shadowRoot.removeEventListener("scroll", repositionPopovers, { capture: true });
 };
-
 const attachGlobalClickHandler = () => {
-	document.addEventListener("mousedown", clickHandler);
+    document.addEventListener("mousedown", clickHandler);
 };
-
 const detachGlobalClickHandler = () => {
-	document.removeEventListener("mousedown", clickHandler);
-};
-
-const clickHandler = event => {
-	const openedPopups = getOpenedPopups();
-	const isTopPopupPopover = openedPopups[openedPopups.length - 1].instance.showAt;
-
-	if (openedPopups.length === 0 || !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.isOpenerClicked(event)) {
-			return;
-		}
-
-		if (isClickInRect(event, popup.getBoundingClientRect())) {
-			break;
-		}
-
-		popup.close();
-	}
-};
-
-const attachScrollHandler = popover => {
-	popover && popover.shadowRoot.addEventListener("scroll", repositionPopovers, true);
+    document.removeEventListener("mousedown", clickHandler);
 };
-
-const detachScrollHandler = popover => {
-	popover && popover.shadowRoot.removeEventListener("scroll", repositionPopovers);
+const clickHandler = (event) => {
+    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.isOpenerClicked(event)) {
+            return;
+        }
+        if (isClickInRect(event, popup.getBoundingClientRect())) {
+            break;
+        }
+        popup.close();
+    }
 };
-
-const addOpenedPopover = instance => {
-	const parentPopovers = getParentPopoversIfNested(instance);
-
-	addOpenedPopup(instance, parentPopovers);
-	openedRegistry.push({
-		instance,
-		parentPopovers,
-	});
-
-	attachScrollHandler(instance);
-
-	if (openedRegistry.length === 1) {
-		attachGlobalScrollHandler();
-		attachGlobalClickHandler();
-		runUpdateInterval();
-	}
+const addOpenedPopover = (instance) => {
+    const parentPopovers = getParentPopoversIfNested(instance);
+    addOpenedPopup(instance, parentPopovers);
+    openedRegistry.push({
+        instance,
+        parentPopovers,
+    });
+    attachScrollHandler(instance);
+    if (openedRegistry.length === 1) {
+        attachGlobalScrollHandler();
+        attachGlobalClickHandler();
+        runUpdateInterval();
+    }
 };
-
-const removeOpenedPopover = instance => {
-	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;
-			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 removeOpenedPopover = (instance) => {
+    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;
+    return openedRegistry;
 };
-
-const getParentPopoversIfNested = instance => {
-	let currentElement = instance.parentNode;
-	const parentPopovers = [];
-
-	while (currentElement.parentNode) {
-		for (let i = 0; i < openedRegistry.length; i++) {
-			if (currentElement && currentElement === openedRegistry[i].instance) {
-				parentPopovers.push(currentElement);
-			}
-		}
-
-		currentElement = currentElement.parentNode;
-	}
-
-	return parentPopovers;
+const getParentPopoversIfNested = (instance) => {
+    let currentElement = instance.parentNode;
+    const parentPopovers = [];
+    while (currentElement && currentElement.parentNode) {
+        for (let i = 0; i < openedRegistry.length; i++) {
+            if (currentElement === openedRegistry[i].instance) {
+                parentPopovers.push(currentElement);
+            }
+        }
+        currentElement = currentElement.parentNode;
+    }
+    return parentPopovers;
 };
-
 export { addOpenedPopover, removeOpenedPopover, getRegistry };
+//# sourceMappingURL=PopoverRegistry.js.map

package/dist/popup-utils/PopoverRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRegistry.js","sourceRoot":"","sources":["../../src/popup-utils/PopoverRegistry.ts"],"names":[],"mappings":"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","sourcesContent":["import { isClickInRect } from \"@ui5/webcomponents-base/dist/util/PopupUtils.js\";\nimport type { Interval } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type Popover from \"../Popover.js\";\nimport { instanceOfPopover } from \"../Popover.js\";\nimport { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from \"./OpenedPopupsRegistry.js\";\n\ntype RegisteredPopover = {\n\tinstance: Popover;\n\tparentPopovers: Array<Popover>;\n}\n\nlet updateInterval: Interval;\nconst intervalTimeout = 300;\nconst openedRegistry: Array<RegisteredPopover> = [];\n\nconst repositionPopovers = () => {\n\topenedRegistry.forEach(popover => {\n\t\tpopover.instance.reposition();\n\t});\n};\n\nconst closePopoversIfLostFocus = () => {\n\tif (document.activeElement!.tagName === \"IFRAME\") {\n\t\tgetRegistry().reverse().forEach(popup => popup.instance.close(false, false, true));\n\t}\n};\n\nconst runUpdateInterval = () => {\n\tupdateInterval = setInterval(() => {\n\t\trepositionPopovers();\n\n\t\tclosePopoversIfLostFocus();\n\t}, intervalTimeout);\n};\n\nconst stopUpdateInterval = () => {\n\tclearInterval(updateInterval);\n};\n\nconst attachGlobalScrollHandler = () => {\n\tdocument.body.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst detachGlobalScrollHandler = () => {\n\tdocument.body.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst attachScrollHandler = (popover: Popover) => {\n\tpopover && popover.shadowRoot!.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst detachScrollHandler = (popover: Popover) => {\n\tpopover && popover.shadowRoot!.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\n\nconst attachGlobalClickHandler = () => {\n\tdocument.addEventListener(\"mousedown\", clickHandler);\n};\n\nconst detachGlobalClickHandler = () => {\n\tdocument.removeEventListener(\"mousedown\", clickHandler);\n};\n\nconst clickHandler = (event: MouseEvent) => {\n\tconst openedPopups = getOpenedPopups();\n\n\tif (openedPopups.length === 0) {\n\t\treturn;\n\t}\n\n\tconst isTopPopupPopover = instanceOfPopover(openedPopups[openedPopups.length - 1].instance);\n\n\tif (!isTopPopupPopover) {\n\t\treturn;\n\t}\n\n\t// loop all open popovers\n\tfor (let i = (openedPopups.length - 1); i !== -1; i--) {\n\t\tconst popup = openedPopups[i].instance;\n\n\t\t// if popup is modal, opener is clicked, popup is dialog skip closing\n\t\tif (popup.isModal || (popup as Popover).isOpenerClicked(event)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isClickInRect(event, popup.getBoundingClientRect())) {\n\t\t\tbreak;\n\t\t}\n\n\t\tpopup.close();\n\t}\n};\n\nconst addOpenedPopover = (instance: Popover) => {\n\tconst parentPopovers = getParentPopoversIfNested(instance);\n\n\taddOpenedPopup(instance, parentPopovers);\n\topenedRegistry.push({\n\t\tinstance,\n\t\tparentPopovers,\n\t});\n\n\tattachScrollHandler(instance);\n\n\tif (openedRegistry.length === 1) {\n\t\tattachGlobalScrollHandler();\n\t\tattachGlobalClickHandler();\n\t\trunUpdateInterval();\n\t}\n};\n\nconst removeOpenedPopover = (instance: Popover) => {\n\tconst popoversToClose = [instance];\n\n\tfor (let i = 0; i < openedRegistry.length; i++) {\n\t\tconst indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);\n\t\tif (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {\n\t\t\tpopoversToClose.push(openedRegistry[i].instance);\n\t\t}\n\t}\n\n\tfor (let i = popoversToClose.length - 1; i >= 0; i--) {\n\t\tfor (let j = 0; j < openedRegistry.length; j++) {\n\t\t\tlet indexOfItemToRemove = -1;\n\t\t\tif (popoversToClose[i] === openedRegistry[j].instance) {\n\t\t\t\tindexOfItemToRemove = j;\n\t\t\t}\n\n\t\t\tif (indexOfItemToRemove >= 0) {\n\t\t\t\tremoveOpenedPopup(openedRegistry[indexOfItemToRemove].instance);\n\t\t\t\tdetachScrollHandler(openedRegistry[indexOfItemToRemove].instance);\n\t\t\t\tconst itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);\n\t\t\t\titemToClose[0].instance.close(false, true);\n\t\t\t}\n\t\t}\n\t}\n\n\tif (!openedRegistry.length) {\n\t\tdetachGlobalScrollHandler();\n\t\tdetachGlobalClickHandler();\n\t\tstopUpdateInterval();\n\t}\n};\n\nconst getRegistry = () => {\n\treturn openedRegistry;\n};\n\nconst getParentPopoversIfNested = (instance: Popover) => {\n\tlet currentElement = instance.parentNode;\n\tconst parentPopovers: Array<Popover> = [];\n\n\twhile (currentElement && currentElement.parentNode) {\n\t\tfor (let i = 0; i < openedRegistry.length; i++) {\n\t\t\tif (currentElement === openedRegistry[i].instance) {\n\t\t\t\tparentPopovers.push(currentElement as Popover);\n\t\t\t}\n\t\t}\n\n\t\tcurrentElement = currentElement.parentNode;\n\t}\n\n\treturn parentPopovers;\n};\n\nexport { addOpenedPopover, removeOpenedPopover, getRegistry };\n"]}

package/dist/timepicker-utils/TimeSlider.d.ts

@@ -0,0 +1,15 @@
+type HoursConfiguration = {
+    minHour: number;
+    maxHour: number;
+    isTwelveHoursFormat: boolean;
+};
+type HourType = "hour0_23" | "hour1_24" | "hour0_11" | "hour1_12";
+declare const getHours: (config: HoursConfiguration, max: number | undefined) => string[];
+declare const getMinutes: (max: number | undefined, step: number) => string[];
+declare const getSeconds: (max: number | undefined, step: number) => string[];
+declare const getHoursConfigByFormat: (type: HourType) => HoursConfiguration;
+declare const getTimeControlsByFormat: (formatArray: Array<{
+    type: string;
+}>, hoursConfig: HoursConfiguration) => boolean[];
+export { getHours, getMinutes, getSeconds, getHoursConfigByFormat, getTimeControlsByFormat, };
+export type { HourType, HoursConfiguration, };

package/dist/timepicker-utils/TimeSlider.js

@@ -1,103 +1,91 @@
 const generateTimeItemsArray = (x, step = 1) => {
-	const array = [];
-	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 array = [];
+    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, max) => {
-	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 = hoursValueArray[i] * 1 + 1;
-
-			if (tempValue.toString().length === 1) {
-				hoursValueArray[i] = `0${tempValue.toString()}`;
-			} else {
-				hoursValueArray[i] = tempValue.toString();
-			}
-		}
-	}
-
-	return hoursValueArray;
+    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, step) => {
-	return generateTimeItemsArray(max || 60, step);
+    return generateTimeItemsArray(max || 60, step);
 };
-
 const getSeconds = (max, step) => {
-	return generateTimeItemsArray(max || 60, step);
+    return generateTimeItemsArray(max || 60, step);
 };
-
-const getHoursConfigByFormat = type => {
-	const config = {};
-
-	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 getHoursConfigByFormat = (type) => {
+    const config = {
+        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, hoursConfig) => {
-	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,
+    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, };
+//# sourceMappingURL=TimeSlider.js.map

package/dist/timepicker-utils/TimeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSlider.js","sourceRoot":"","sources":["../../src/timepicker-utils/TimeSlider.ts"],"names":[],"mappings":"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","sourcesContent":["type HoursConfiguration = {\n\tminHour: number,\n\tmaxHour: number\n\tisTwelveHoursFormat: boolean,\n}\n\ntype HourType = \"hour0_23\" | \"hour1_24\" | \"hour0_11\" | \"hour1_12\";\n\nconst generateTimeItemsArray = (x: number, step = 1) => {\n\tconst array: Array<string> = [];\n\tfor (let i = 0; i < x; i++) {\n\t\tif (i % step === 0) {\n\t\t\tlet tempString = i.toString();\n\t\t\tif (tempString.length === 1) {\n\t\t\t\ttempString = `0${tempString}`;\n\t\t\t}\n\n\t\t\tarray.push(tempString);\n\t\t}\n\t}\n\n\treturn array;\n};\n\nconst getHours = (config: HoursConfiguration, max: number | undefined) => {\n\tlet hoursValueArray = [];\n\n\tif (config.isTwelveHoursFormat) {\n\t\thoursValueArray = generateTimeItemsArray(max || 12, 1);\n\t} else {\n\t\thoursValueArray = generateTimeItemsArray(max || 24, 1);\n\t}\n\n\tif (config.minHour === 1) {\n\t\tfor (let i = 0; i < hoursValueArray.length; i++) {\n\t\t\tconst tempValue = parseInt(hoursValueArray[i]) + 1;\n\n\t\t\tif (tempValue.toString().length === 1) {\n\t\t\t\thoursValueArray[i] = `0${tempValue.toString()}`;\n\t\t\t} else {\n\t\t\t\thoursValueArray[i] = tempValue.toString();\n\t\t\t}\n\t\t}\n\t}\n\n\treturn hoursValueArray;\n};\n\nconst getMinutes = (max: number | undefined, step: number) => {\n\treturn generateTimeItemsArray(max || 60, step);\n};\n\nconst getSeconds = (max: number | undefined, step: number) => {\n\treturn generateTimeItemsArray(max || 60, step);\n};\n\nconst getHoursConfigByFormat = (type: HourType) => {\n\tconst config: HoursConfiguration = {\n\t\tminHour: 0,\n\t\tmaxHour: 0,\n\t\tisTwelveHoursFormat: false,\n\t};\n\n\tif (type === \"hour0_23\") {\n\t\tconfig.minHour = 0;\n\t\tconfig.maxHour = 23;\n\t\tconfig.isTwelveHoursFormat = false;\n\t} else if (type === \"hour1_24\") {\n\t\tconfig.minHour = 1;\n\t\tconfig.maxHour = 24;\n\t\tconfig.isTwelveHoursFormat = false;\n\t} else if (type === \"hour0_11\") {\n\t\tconfig.minHour = 0;\n\t\tconfig.maxHour = 11;\n\t\tconfig.isTwelveHoursFormat = true;\n\t} else if (type === \"hour1_12\") {\n\t\tconfig.minHour = 1;\n\t\tconfig.maxHour = 12;\n\t\tconfig.isTwelveHoursFormat = true;\n\t}\n\n\treturn config;\n};\n\nconst getTimeControlsByFormat = (formatArray: Array<{ type: string }>, hoursConfig: HoursConfiguration) => {\n\tconst timeControls = [false, false, false, false]; // hours, minutes, seconds and am/pm\n\n\tfor (let i = 0; i < formatArray.length; i++) {\n\t\tif (hoursConfig.maxHour !== 0) {\n\t\t\ttimeControls[0] = true;\n\t\t}\n\t\tif (hoursConfig.maxHour !== 0 && hoursConfig.isTwelveHoursFormat) {\n\t\t\ttimeControls[0] = true;\n\t\t}\n\t\tif (formatArray[i].type === \"minute\") {\n\t\t\ttimeControls[1] = true;\n\t\t}\n\t\tif (formatArray[i].type === \"second\") {\n\t\t\ttimeControls[2] = true;\n\t\t}\n\t\tif (formatArray[i].type === \"amPmMarker\") {\n\t\t\ttimeControls[3] = true;\n\t\t}\n\t}\n\n\treturn timeControls;\n};\n\nexport {\n\tgetHours,\n\tgetMinutes,\n\tgetSeconds,\n\tgetHoursConfigByFormat,\n\tgetTimeControlsByFormat,\n};\n\nexport type {\n\tHourType,\n\tHoursConfiguration,\n};\n"]}