inviton-powerduck 0.0.164 → 0.0.166

package/common/utils/clipboard-provider.ts

@@ -1,3 +1,4 @@
+import { globalState } from '../../app/global-state';
 import { PortalUtils } from './utils';
 
 /**
@@ -10,46 +11,48 @@ export default class ClipboardProvider {
 	 * @param text Text for clipboard copy
 	 */
 	static copyToClipboard(text: string): boolean {
-		const container = document.createElement('div');
-		document.body.appendChild(container);
+		let succeeded = false;
+		let cleanUp = () => {};
 
-		const dummyElem = document.createElement('textarea');
-		dummyElem.id = `txt-${PortalUtils.randomString(8)}`;
-		dummyElem.style.fontSize = '12pt';
-		dummyElem.style.border = '0';
-		dummyElem.style.padding = '0';
-		dummyElem.style.margin = '0';
-		dummyElem.style.position = 'absolute';
-		dummyElem.style.left = '0';
-		dummyElem.setAttribute('readonly', '');
-		dummyElem.style.opacity = '0.001';
+		try {
+			const container = document.createElement('div');
+			document.body.appendChild(container);
 
-		const yPosition = window.pageYOffset || document.documentElement.scrollTop;
-		dummyElem.style.top = `${yPosition}px`;
-		dummyElem.value = text;
+			const dummyElem = document.createElement('textarea');
+			dummyElem.id = `txt-${PortalUtils.randomString(8)}`;
+			dummyElem.style.fontSize = '12pt';
+			dummyElem.style.border = '0';
+			dummyElem.style.padding = '0';
+			dummyElem.style.margin = '0';
+			dummyElem.style.position = 'absolute';
+			dummyElem.style.left = '0';
+			dummyElem.setAttribute('readonly', '');
+			dummyElem.style.opacity = '0.001';
 
-		let fakeHandler: any;
-		let fakeHandlerCallback: any;
-		let cleanUp = () => {
-			container.removeEventListener('click', fakeHandlerCallback);
-			fakeHandler = null;
-			fakeHandlerCallback = null;
-			document.body.removeChild(container);
-			cleanUp = null;
-		};
+			const yPosition = globalState.pageYOffset || document.documentElement.scrollTop;
+			dummyElem.style.top = `${yPosition}px`;
+			dummyElem.value = text;
 
-		fakeHandlerCallback = () => {
-			cleanUp();
-		};
-		fakeHandler = container.addEventListener('click', fakeHandlerCallback);
+			let fakeHandler: any;
+			let fakeHandlerCallback: any;
+			cleanUp = () => {
+				container.removeEventListener('click', fakeHandlerCallback);
+				fakeHandler = null;
+				fakeHandlerCallback = null;
+				document.body.removeChild(container);
+				cleanUp = null;
+			};
 
-		container.appendChild(dummyElem);
-		dummyElem.focus();
-		dummyElem.select();
-		dummyElem.setSelectionRange(0, dummyElem.value.length);
+			fakeHandlerCallback = () => {
+				cleanUp();
+			};
+			fakeHandler = container.addEventListener('click', fakeHandlerCallback);
+
+			container.appendChild(dummyElem);
+			dummyElem.focus();
+			dummyElem.select();
+			dummyElem.setSelectionRange(0, dummyElem.value.length);
 
-		let succeeded = false;
-		try {
 			succeeded = document.execCommand('copy');
 		} catch (err) {
 			succeeded = false;

package/common/utils/cookie.ts

@@ -1,5 +1,6 @@
 import { Temporal } from '@js-temporal/polyfill';
 import { DomainHelper } from './domain-helper';
+import { globalState } from '../../app/global-state';
 
 // Cookie manipulation abstraction
 export class CookieProvider {
@@ -15,6 +16,10 @@ export class CookieProvider {
 		value: string,
 		expiration?: Temporal.PlainDateTime,
 	) {
+        if (!globalState.windowExists) {
+            return;
+        }
+
 		let domain = DomainHelper.getCookieDomain();
 		if (domain.length > 0) {
 			domain = `;domain=.${domain}`;
@@ -36,6 +41,10 @@ export class CookieProvider {
 	 * @param name  Name of the cookie
 	 */
 	static read(name: string): string {
+        if (!globalState.windowExists) {
+            return null;
+        }
+
 		name = `${name}=`;
 		const ca = document.cookie.split(';');
 		for (let i = 0; i < ca.length; i++) {

package/common/utils/dropdown-utils.ts

@@ -1,3 +1,4 @@
+import { globalState } from '../../app/global-state';
 import { PortalUtils } from './utils';
 
 export default class DropdownUtils {
@@ -7,6 +8,10 @@ export default class DropdownUtils {
 		clonedRootCssClass: string,
 		hide: boolean,
 	): void {
+        if (!globalState.windowExists) {
+            return;
+        }
+
 		if (DropdownUtils[cacheKey] == null) {
 			DropdownUtils[cacheKey] = true;
 

package/common/utils/string-utils.ts

@@ -1,42 +1,48 @@
+import { globalState } from "../../app/global-state";
+
 export default class StringUtils {
-	static getRandomString = (length: number) => {
-		const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-		const charactersLength = characters.length;
-		let result = '';
-
-		for (let i = 0; i < length; i++) {
-			result += characters.charAt(Math.floor(Math.random() * charactersLength));
-		}
-
-		return result;
-	};
-
-	static normalizeFileName = (name: string) => {
-		const nameSplit = name.split('.');
-		const extension = nameSplit.pop();
-		const justName = nameSplit.join('').replace(/\W/g, '');
-		return `${justName}-${StringUtils.getRandomString(8)}.${extension}`;
-	};
-
-	static truncateString = (
-		str: string,
-		maxLength: number,
-		ellipsis: string = '...',
-	) => {
-		if (!str) {
-			return '';
-		}
-
-		if (str.length > maxLength) {
-			return str.slice(0, maxLength)?.trim() + ellipsis;
-		}
-
-		return str;
-	};
-
-	static stripHtmlTags = (html: string) => {
-		const div = document.createElement('div');
-		div.innerHTML = html;
-		return div.textContent || div.innerText || '';
-	};
+    static getRandomString = (length: number) => {
+        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+        const charactersLength = characters.length;
+        let result = '';
+
+        for (let i = 0; i < length; i++) {
+            result += characters.charAt(Math.floor(Math.random() * charactersLength));
+        }
+
+        return result;
+    };
+
+    static normalizeFileName = (name: string) => {
+        const nameSplit = name.split('.');
+        const extension = nameSplit.pop();
+        const justName = nameSplit.join('').replace(/\W/g, '');
+        return `${justName}-${StringUtils.getRandomString(8)}.${extension}`;
+    };
+
+    static truncateString = (
+        str: string,
+        maxLength: number,
+        ellipsis: string = '...',
+    ) => {
+        if (!str) {
+            return '';
+        }
+
+        if (str.length > maxLength) {
+            return str.slice(0, maxLength)?.trim() + ellipsis;
+        }
+
+        return str;
+    };
+
+    static stripHtmlTags = (html: string) => {
+        if (!globalState.windowExists) {
+            return html;
+        }
+
+        const div = document.createElement('div');
+        div.innerHTML = html;
+        return div.textContent || div.innerText || '';
+    };
 }

package/common/utils/upload-image-helper.ts

@@ -1,4 +1,5 @@
 import type { ImageResponse, OnUploadImageResponse } from '../../data/image';
+import { globalState } from '../../app/global-state';
 import PowerduckState from '../../app/powerduck-state';
 import { AppHttpProvider } from '../api-http';
 import { BrowserImageCompression } from './broswer-image-compression';
@@ -46,7 +47,7 @@ export class UploadImageHelper {
 	}
 
 	static onUploadImage(e: File): OnUploadImageResponse {
-		const urlCreator = window.URL || window.webkitURL;
+		const urlCreator = globalState.URL || globalState.webkitURL;
 		const imageUrl = urlCreator.createObjectURL(e);
 
 		return {

package/common/utils/utils.ts

@@ -1,3 +1,4 @@
+import { globalState } from '../../app/global-state';
 import PowerduckState from '../../app/powerduck-state';
 import { latinize } from '../extensions/string-extensions';
 import TemporalUtils from './temporal-utils';
@@ -12,7 +13,7 @@ export class PortalUtils {
 	 */
 	static isInIframe(): boolean {
 		try {
-			return window.self !== window.top;
+			return globalState.self !== globalState.top;
 		} catch (e) {
 			return true;
 		}
@@ -22,7 +23,7 @@ export class PortalUtils {
 	 * Determines if current device runs iOS
 	 */
 	static isIOS(): boolean {
-		return ((/iPad|iPhone|iPod/.test(navigator.userAgent) && !(window as any).MSStream) || navigator.userAgent.match(/(iPad)/) != null || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));
+		return ((/iPad|iPhone|iPod/.test(navigator.userAgent) && !globalState.MSStream) || navigator.userAgent.match(/(iPad)/) != null || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));
 	}
 
 	/**
@@ -88,7 +89,9 @@ export class PortalUtils {
 	static randomString(length: number): string {
 		let result = '';
 		const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
-		for (let i = length; i > 0; --i) { result += chars[Math.floor(Math.random() * chars.length)]; }
+		for (let i = length; i > 0; --i) {
+			result += chars[Math.floor(Math.random() * chars.length)];
+		}
 		return result;
 	}
 
@@ -112,8 +115,12 @@ export class PortalUtils {
 		fileName: string,
 		callback: () => void,
 	): void {
-		if ((window.navigator as any).msSaveOrOpenBlob) {
-			(window.navigator as any).msSaveOrOpenBlob(blob, fileName);
+		if (!globalState.windowExists) {
+			return;
+		}
+
+		if ((globalState.navigator as any).msSaveOrOpenBlob) {
+			(globalState.navigator as any).msSaveOrOpenBlob(blob, fileName);
 			callback();
 		} else {
 			const _OBJECT_URL = URL.createObjectURL(blob);
@@ -131,7 +138,7 @@ export class PortalUtils {
 					document.getElementById(randomId).click();
 
 					setTimeout(() => {
-						window.URL.revokeObjectURL(_OBJECT_URL);
+						globalState.URL.revokeObjectURL(_OBJECT_URL);
 						document.body.removeChild(dummyLink);
 					}, 5000);
 
@@ -156,7 +163,7 @@ export class PortalUtils {
 	 * @param data Accompanying action data
 	 */
 	static postActionMessage(actionName: string, data: any): void {
-		window.top.postMessage(`INV-${JSON.stringify({
+		globalState.top.postMessage(`INV-${JSON.stringify({
 			action: actionName,
 			data,
 		})}`, '*');
@@ -166,6 +173,10 @@ export class PortalUtils {
 	 * Determines width of the scrollbar
 	 */
 	static getScrollbarWidth(): number {
+        if (!globalState.windowExists) {
+            return 0;
+        }
+
 		const outer = document.createElement('div');
 		outer.style.visibility = 'hidden';
 		outer.style.width = '100px';
@@ -207,10 +218,15 @@ export class PortalUtils {
 	static isChromeDesktopBrowser(): boolean {
 		if (PortalUtils._isChromeBrowser == null) {
 			let retVal = false;
-			const isChromium = (window as any).chrome;
-			const winNav = window.navigator;
+			if (!globalState.windowExists) {
+				PortalUtils._isChromeBrowser = retVal;
+				return false;
+			}
+
+			const isChromium = globalState.chrome;
+			const winNav = globalState.navigator;
 			const vendorName = winNav.vendor;
-			const isOpera = typeof (window as any).opr !== 'undefined';
+			const isOpera = typeof globalState.opr !== 'undefined';
 			const isIEedge = winNav.userAgent.includes('Edg');
 			const isIOSChrome = winNav.userAgent.match('CriOS');
 
@@ -345,6 +361,10 @@ export class PortalUtils {
 		scrollPos: number,
 		offset?: number,
 	) {
+        if (!globalState.windowExists) {
+            return;
+        }
+
 		if ((element as any).inviDom || (element as any).jquery) {
 			element = element[0];
 		}
@@ -358,7 +378,7 @@ export class PortalUtils {
 		}
 
 		// Open dialogs should not scroll unless scrolling inside the dialog
-		if ((window as any).inviton && (window as any).inviton.dialogUtils && (window as any).inviton.dialogUtils.dialogIsOpen()) {
+		if (globalState.inviton && globalState.inviton.dialogUtils && globalState.inviton.dialogUtils.dialogIsOpen()) {
 			const nodeName = (<HTMLElement>element).nodeName.toLowerCase();
 			if (nodeName == 'html' || nodeName == 'body') {
 				return;
@@ -377,11 +397,11 @@ export class PortalUtils {
 
 	static handleMobileMenuClick(): void {
 		try {
-			if ($('html').hasClass('nav-open') && $(window).width() < 768) {
+			if ($('html').hasClass('nav-open') && $(globalState).width() < 768) {
 				setTimeout(() => {
-					if ((window as any)._nowDashboard?.misc.navbar_menu_visible == 1) {
+					if (globalState._nowDashboard?.misc.navbar_menu_visible == 1) {
 						$('html').removeClass('nav-open');
-						(window as any)._nowDashboard.misc.navbar_menu_visible = 0;
+						globalState._nowDashboard.misc.navbar_menu_visible = 0;
 						setTimeout(() => {
 							$('.navbar-toggle').removeClass('toggled');
 							$('#bodyClick').remove();

package/components/app/navigation-guard.ts

@@ -1,3 +1,5 @@
+import { globalState } from '../../app/global-state';
+
 export interface NavigationBeforeLeaveArgs {
 	to?: any; // IAppRoute
 	from?: any;
@@ -38,8 +40,9 @@ export default class NavigationGuardFactory {
 
 		return {
 			created() {
+				// eslint-disable-next-line ts/no-this-alias
 				instance = this;
-				window.addEventListener('beforeunload', windowNavigationHandler);
+				globalState.addEventListener('beforeunload', windowNavigationHandler);
 			},
 			beforeRouteLeave(
 				to,
@@ -53,7 +56,7 @@ export default class NavigationGuardFactory {
 					allowsAsync: true,
 					next(result) {
 						if (result != false) {
-							window.removeEventListener('beforeunload', windowNavigationHandler);
+							globalState.removeEventListener('beforeunload', windowNavigationHandler);
 							instance = null;
 						}
 

package/components/app/root-dynamic-component-container.tsx

@@ -1,12 +1,13 @@
 import type { DynamicComponentLazyLoadedModalArgs, IDynamicComponentContainer } from './dynamic-component-contracts';
 import { toNative, Vue } from 'vue-facing-decorator';
+import { globalState } from '../../app/global-state';
 import { Component } from '../../app/vuetsx';
 import DynamicComponentContainer from './dynamic-component-container';
 
 @Component
 class RootDynamicComponentContainerComponent extends Vue implements IDynamicComponentContainer {
 	created() {
-		(window as any).RootDynamicContainerInstance = this;
+		globalState.RootDynamicContainerInstance = this;
 	}
 
 	getInstance<T>(uuid: string): T {

package/components/app/vue-plugin-jsxtransform.ts

@@ -1,3 +1,5 @@
+import { globalState } from '../../app/global-state';
+
 export const VueJsxTransform = {
 	install(vue) {
 		vue.mixin(vue.extend({
@@ -23,7 +25,7 @@ export const VueJsxTransform = {
 
 					if (data?.onClick != null) {
 						console.error(data);
-						(window as any).kurek = data;
+						globalState.kurek = data;
 					}
 
 					return originalCreateElement(

package/components/chart-js/line-chart-flot.tsx

@@ -2,6 +2,7 @@ import type { Temporal } from '@js-temporal/polyfill';
 import type { LineChartArgs, LineChartDataArgs } from './ts/line-chart-contracts';
 import { Prop, toNative } from 'vue-facing-decorator';
 
+import { globalState } from '../../app/global-state';
 import TsxComponent, { Component } from '../../app/vuetsx';
 import { toDisplayString } from '../../common/extensions/temporal-extensions';
 import { isNullOrEmpty } from '../../common/utils/is-null-or-empty';
@@ -11,8 +12,8 @@ import arrowLeftIcon from './img/arrow-left.gif';
 import arrowRightIcon from './img/arrow-right.gif';
 import arrowTopIcon from './img/arrow-up.gif';
 import './thirdparty/flot/jquery.flot-patched.js';
-import './thirdparty/flot/jquery.flot.pie.js';
 
+import './thirdparty/flot/jquery.flot.pie.js';
 import './thirdparty/flot/jquery.flot.stack.js';
 import './thirdparty/flot/jquery.flot.crosshair.js';
 import './thirdparty/flot/jquery.flot.resize.js';
@@ -41,11 +42,11 @@ class LineChartFlotComponent extends TsxComponent<LineChartArgs> implements Line
 	}
 
 	created() {
-		window.addEventListener('resize', this.resizeFlot);
+		globalState.addEventListener('resize', this.resizeFlot);
 	}
 
 	unmounted() {
-		window.removeEventListener('resize', this.resizeFlot);
+		globalState.removeEventListener('resize', this.resizeFlot);
 	}
 
 	resizeFlot() {

package/components/chart-js/line-chart.tsx

@@ -4,6 +4,7 @@ import { Prop, toNative } from 'vue-facing-decorator';
 import TsxComponent, { Component } from '../../app/vuetsx';
 import ChartColorHelper from './ts/color-helper';
 import 'chartjs-plugin-zoom';
+import { globalState } from '../../app/global-state';
 
 @Component
 class LineChartComponent extends TsxComponent<LineChartArgs> implements LineChartArgs {
@@ -43,6 +44,10 @@ class LineChartComponent extends TsxComponent<LineChartArgs> implements LineChar
 	}
 
 	bindChart() {
+        if (!globalState.windowExists) {
+            return;
+        }
+
 		this.$nextTick(() => {
 			const canvas = document.getElementById(this._uuid) as HTMLCanvasElement;
 			canvas.width = canvas.parentElement.offsetWidth;

package/components/chart-js/pie-chart.tsx

@@ -1,5 +1,6 @@
 import Chart from 'chart.js';
 import { Prop, toNative } from 'vue-facing-decorator';
+import { globalState } from '../../app/global-state';
 import PowerduckState from '../../app/powerduck-state';
 import TsxComponent, { Component } from '../../app/vuetsx';
 import ChartColorHelper from './ts/color-helper';
@@ -152,16 +153,16 @@ class PieChartComponent extends TsxComponent<PieArgs> implements PieArgs {
 	}
 
 	created() {
-		window.addEventListener('resize', this.setSize);
+		globalState.addEventListener('resize', this.setSize);
 	}
 
 	unmounted() {
-		window.removeEventListener('resize', this.setSize);
+		globalState.removeEventListener('resize', this.setSize);
 	}
 
 	setSize() {
 		if (this.getSize != null) {
-			this.size = this.getSize(window.innerWidth);
+			this.size = this.getSize(globalState.innerWidth);
 		}
 	}
 

package/components/collapse/index.tsx

@@ -1,6 +1,7 @@
 import { Prop, toNative } from 'vue-facing-decorator';
 import TsxComponent, { Component } from '../../app/vuetsx';
 import { PortalUtils } from '../../common/utils/utils';
+import { globalState } from '../../app/global-state';
 
 interface CollapseArgs {
 	cssClass?: string;
@@ -16,10 +17,18 @@ class CollapseComponent extends TsxComponent<CollapseArgs> implements CollapseAr
 	}
 
 	toggle() {
+        if (!globalState.windowExists) {
+            return;
+        }
+
 		$(this.getInnerButton()).trigger('click');
 	}
 
 	isShown(): boolean {
+        if (!globalState.windowExists) {
+            return false;
+        }
+
 		return this.getInnerButton().getAttribute('aria-expanded') == 'true';
 	}
 

package/components/container-with-breakpoints/ts/breakpoint-handler.ts

@@ -1,7 +1,8 @@
+import { globalState } from '../../../app/global-state';
 import { remove } from '../../../common/extensions/array-extensions';
 
-if ((window as any).__powerduckBreakpointHandler == null) {
-	(window as any).__powerduckBreakpointHandler = {
+if (globalState.__powerduckBreakpointHandler == null) {
+	globalState.__powerduckBreakpointHandler = {
 		_breakpointsBound: false,
 		_handlers: [],
 	};
@@ -9,7 +10,7 @@ if ((window as any).__powerduckBreakpointHandler == null) {
 
 export class BreakpointHandler {
 	private static get handlers() {
-		return (window as any).__powerduckBreakpointHandler._handlers;
+		return globalState.__powerduckBreakpointHandler._handlers;
 	}
 
 	static addResizeHandler(handler: () => any) {
@@ -22,12 +23,12 @@ export class BreakpointHandler {
 	}
 
 	static bindResizeHandler() {
-		if ((window as any).__powerduckBreakpointHandler._breakpointsBound == true) {
+		if (globalState.__powerduckBreakpointHandler._breakpointsBound == true) {
 			return;
 		}
 
-		(window as any).__powerduckBreakpointHandler._breakpointsBound = true;
-		window.addEventListener('resize', BreakpointHandler.onWindowHasResized);
+		globalState.__powerduckBreakpointHandler._breakpointsBound = true;
+		globalState.addEventListener('resize', BreakpointHandler.onWindowHasResized);
 		BreakpointHandler.onWindowHasResized();
 	}
 

package/components/counter/index.tsx

@@ -1,4 +1,5 @@
 import { toNative, Vue } from 'vue-facing-decorator';
+import { globalState } from '../../app/global-state';
 import { Component } from '../../app/vuetsx';
 
 @Component
@@ -47,7 +48,7 @@ class CounterComponentComponent extends Vue {
 			'November',
 			'December',
 		];
-		const color = (window as any).Chart.helpers.color;
+		const color = globalState.Chart.helpers.color;
 		const barChartData = {
 			labels: [
 				'January',

package/components/counter/testall.tsx

@@ -10,6 +10,7 @@ import type { ImageDropdownDataItem } from '../dropdown/image-dropdown';
 import type { TimegridCalendarAddClickedArgs, TimegridCalendarEvent } from '../fullcalendar/timegrid-calendar';
 import { Temporal } from '@js-temporal/polyfill';
 import { Prop, toNative } from 'vue-facing-decorator';
+import { globalState } from '../../app/global-state';
 import TsxComponent, { Component } from '../../app/vuetsx';
 import { PowerduckViewModelBase } from '../../common/base-component';
 import Accordion from '../accordion/accordion';
@@ -92,7 +93,7 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 	}
 
 	mounted() {
-		(window as any)._helloInstance = this;
+		globalState._helloInstance = this;
 	}
 
 	getLineChartHeaderOptions(): CardHeaderDropdownArgs[] {
@@ -218,15 +219,17 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 					autoClose={true}
 					value={this.dateRange}
 					changed={(e) => {
-						this.dateRange = e
+						this.dateRange = e;
 					}}
 				/>
-				<DatetimePicker label="Pick a date"
+				<DatetimePicker
+					label="Pick a date"
 					value={this.date}
 					showTime={true}
 					changed={(e) => {
 						this.date = e;
-					}} />
+					}}
+				/>
 				<NumericInput
 					label="Spinner number input"
 					value={this.numberVal}
@@ -330,11 +333,11 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 								<p>Some modal content1</p>
 							</ModalSection>
 							{this.boolValue == true
-								&& (
-									<ModalSection icon="icon icon-settings" navCaption="Settings2">
-										<p>Some modal content2</p>
-									</ModalSection>
-								)}
+							&& (
+								<ModalSection icon="icon icon-settings" navCaption="Settings2">
+									<p>Some modal content2</p>
+								</ModalSection>
+							)}
 
 							<ModalSection icon="icon icon-settings" navCaption="Settings4">
 								<p>Some modal content4444</p>