inviton-powerduck 0.0.164 → 0.0.166

package/components/input/datetime-picker.tsx

@@ -3,9 +3,11 @@ import type { Temporal } from '@js-temporal/polyfill';
 import type { DropdownButtonItemArgs } from '../dropdown-button/dropdown-button-item';
 import type { FormItemWrapperArgs, MarginType } from '../form/form-item-wrapper';
 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 TsxComponent, { Component } from '../../app/vuetsx';
+import { capitalize } from '../../common/extensions/string-extensions';
 import { toJsDate, toWire } from '../../common/extensions/temporal-extensions';
 import { isNullOrEmpty } from '../../common/utils/is-null-or-empty';
 import TemporalUtils from '../../common/utils/temporal-utils';
@@ -14,7 +16,6 @@ import FormItemWrapper from '../form/form-item-wrapper';
 import DateInputHelper, { DateInputUsage } from './ts/dateInputHelper';
 import 'bootstrap-datetime-picker';
 import 'bootstrap-datetime-picker/css/bootstrap-datetimepicker.min.css';
-import { capitalize } from '../../common/extensions/string-extensions';
 
 interface DatetimePickerArgs extends FormItemWrapperArgs {
 	value: Temporal.PlainDateTime;
@@ -307,6 +308,10 @@ class DatetimePickerComponent extends TsxComponent<DatetimePickerArgs> implement
 	}
 
 	mounted() {
+		if (!globalState.windowExists) {
+			return;
+		}
+
 		this.ensureLocale();
 
 		if (!this.useNativeElement()) {
@@ -340,6 +345,10 @@ class DatetimePickerComponent extends TsxComponent<DatetimePickerArgs> implement
 	}
 
 	updated() {
+		if (!globalState.windowExists) {
+			return;
+		}
+
 		if (!this.useNativeElement()) {
 			this.refreshJqInputDate();
 			(this.getDtpJq() as any).datetimepicker('update');

package/components/input/localized-url-input.tsx

@@ -2,6 +2,7 @@ import type { ILocalizedText } from '../../common/localized-text';
 import type { DropdownButtonItemArgs } from '../dropdown-button/dropdown-button-item';
 import type { FormItemWrapperArgs, MarginType } from '../form/form-item-wrapper';
 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 { Language } from '../../common/enums/language';
@@ -118,7 +119,7 @@ class LocalizedUrlInputComponent extends TsxComponent<LocalizedUrlInputArgs> imp
 			url = `http://${url}`;
 		}
 
-		window.open(url, '_blank');
+		globalState.open(url, '_blank');
 	}
 
 	handleModalValueChange(newValue: string, lang?: LanguageUtils.LanguageListItem) {

package/components/input/ts/bootstrapInputSpinner.ts

@@ -4,6 +4,8 @@
  * License: MIT, see file 'LICENSE'
  */
 
+import { globalState } from '../../../app/global-state';
+
 // the default editor for parsing and rendering
 const I18nEditor = function (
 	this: any,
@@ -36,8 +38,11 @@ const I18nEditor = function (
 
 let triggerKeyPressed = false;
 const patchJqueryVal = () => {
-	if ((window as any).__bisValuePatched != true) {
-		(window as any).__bisValuePatched = true;
+	if (globalState.__bisValuePatched != true) {
+		globalState.__bisValuePatched = true;
+		if (!globalState.windowExists) {
+			return;
+		}
 
 		const originalVal = $.fn.val;
 		($ as any).fn.val = function (value) {

package/components/input/ts/dateInputHelper.ts

@@ -1,3 +1,4 @@
+import { globalState } from '../../../app/global-state';
 import PowerduckState from '../../../app/powerduck-state';
 import { PortalUtils } from '../../../common/utils/utils';
 
@@ -10,7 +11,7 @@ export default class DateInputHelper {
 	static useNativeElement(showTime: boolean): boolean {
 		return (
 			DateInputHelper.nativeSupported(showTime)
-			&& (PortalUtils.isTouchDevice() || (window as any).cordova != null || PortalUtils.isChromeDesktopBrowser() || navigator.userAgent.toLowerCase().includes('firefox'))
+			&& (PortalUtils.isTouchDevice() || globalState.cordova != null || PortalUtils.isChromeDesktopBrowser() || navigator.userAgent.toLowerCase().includes('firefox'))
 		);
 	}
 
@@ -114,18 +115,18 @@ export default class DateInputHelper {
 	}
 
 	private static getValueFromCache(key: string): any {
-		if ((window as any)._DateTimePickerCache == null) {
-			(window as any)._DateTimePickerCache = {};
+		if (globalState._DateTimePickerCache == null) {
+			globalState._DateTimePickerCache = {};
 		}
 
-		return (window as any)._DateTimePickerCache[key];
+		return globalState._DateTimePickerCache[key];
 	}
 
 	private static cacheValue(key: string, value: any): void {
-		if ((window as any)._DateTimePickerCache == null) {
-			(window as any)._DateTimePickerCache = {};
+		if (globalState._DateTimePickerCache == null) {
+			globalState._DateTimePickerCache = {};
 		}
 
-		return ((window as any)._DateTimePickerCache[key] = value);
+		return (globalState._DateTimePickerCache[key] = value);
 	}
 }

package/components/memory-cache/index.ts

@@ -1,3 +1,5 @@
+import { globalState } from '../../app/global-state';
+
 export class MemoryCacheConfig {
 	static windowRootName: string = 'powerduck';
 	static cacheObjectKey: string = '_cache';
@@ -12,15 +14,15 @@ class MemoryCacheImpl {
 
 	private getCacheRoot(): any {
 		const repository = this._repository;
-		if ((window as any)[repository] == null) {
-			(window as any)[repository] = {};
+		if (globalState[repository] == null) {
+			globalState[repository] = {};
 		}
 
-		if ((window as any)[repository][MemoryCacheConfig.cacheObjectKey] == null) {
-			(window as any)[repository][MemoryCacheConfig.cacheObjectKey] = {};
+		if (globalState[repository][MemoryCacheConfig.cacheObjectKey] == null) {
+			globalState[repository][MemoryCacheConfig.cacheObjectKey] = {};
 		}
 
-		return (window as any)[repository][MemoryCacheConfig.cacheObjectKey];
+		return globalState[repository][MemoryCacheConfig.cacheObjectKey];
 	}
 
 	getItem<T>(key: string): T {

package/components/modal/modal-utils.ts

@@ -1,5 +1,6 @@
 import type { Vue } from 'vue-facing-decorator';
 import { Modal as BootstrapModal } from 'bootstrap';
+import { globalState } from '../../app/global-state';
 
 type VueType = typeof Vue.prototype;
 
@@ -136,6 +137,6 @@ export class ModalUtils {
 	}
 
 	private static _getModalJquery(modalElem: Element | IVue): JQuery {
-		return (window as any).jQuery(modalElem as any);
+		return globalState.jQuery(modalElem as any);
 	}
 }

package/components/modal/modal.tsx

@@ -1,6 +1,7 @@
 import type { ModalOnBeforeShownArgs, ModalOnShownArgs } from './modal-utils';
 import { Modal as BootstrapModal } from 'bootstrap';
 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 { PortalUtils } from '../../common/utils/utils';
@@ -195,12 +196,12 @@ class ModalComponent extends TsxComponent<ModalArgs> implements ModalArgs {
 
 				const onMouseUp = () => {
 					endDrag();
-					window.removeEventListener('mousemove', onMouseMove);
-					window.removeEventListener('mouseup', onMouseUp);
+					globalState.removeEventListener('mousemove', onMouseMove);
+					globalState.removeEventListener('mouseup', onMouseUp);
 				};
 
-				window.addEventListener('mousemove', onMouseMove);
-				window.addEventListener('mouseup', onMouseUp);
+				globalState.addEventListener('mousemove', onMouseMove);
+				globalState.addEventListener('mouseup', onMouseUp);
 			});
 
 			// Reset on modal hide

package/components/modal/ts/file-manager-dialog.ts

@@ -1,3 +1,4 @@
+import { globalState } from '../../../app/global-state';
 import PowerduckState from '../../../app/powerduck-state';
 import NotificationProvider from '../../ui/notification';
 import { ModalUtils } from '../modal-utils';
@@ -53,7 +54,7 @@ export class FileManagerDialog {
 		const context = $('#fileManagerDialog').find('.dialog-frame');
 		context.find('iframe').remove();
 
-		(window as any).onMceDialogCallback = function (cbArgs) {
+		globalState.onMceDialogCallback = function (cbArgs) {
 			self.tryRemoveCallback();
 			args.callback(cbArgs);
 			self.hideManagerDialog();
@@ -90,7 +91,7 @@ export class FileManagerDialog {
 
 	private static tryRemoveCallback() {
 		try {
-			delete (window as any).onMceDialogCallback;
+			delete globalState.onMceDialogCallback;
 		} catch (e) { }
 	}
 }

package/components/share/share-modal.tsx

@@ -1,4 +1,5 @@
 import { toNative } from 'vue-facing-decorator';
+import { globalState } from '../../app/global-state';
 import TsxComponent, { Component } from '../../app/vuetsx';
 import { PortalUtils } from '../../common/utils/utils';
 import Modal from '../modal/modal';
@@ -60,25 +61,25 @@ class ShareModalComponent extends TsxComponent<ShareComponentBindingArgs> implem
 	}
 
 	private facebookShare(): void {
-		window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.getUrl()}`);
+		globalState.open(`https://www.facebook.com/sharer/sharer.php?u=${this.getUrl()}`);
 	}
 
 	private twitterShare(): void {
 		const text = this.shareTitle;
 		const url = `https://twitter.com/intent/tweet?url=${this.getUrl()}&text=${encodeURIComponent(text)}`;
-		window.open(url);
+		globalState.open(url);
 	}
 
 	private facebookMessengerShare(): void {
 		if (this.isInAppBrowser()) {
-			alert('ERROR - Unable to open in Facebook browser, open the entry in your system browser and try again');
+			globalState.alert('ERROR - Unable to open in Facebook browser, open the entry in your system browser and try again');
 			return;
 		}
 
 		if (this.isMobile()) {
-			window.open(`fb-messenger://share?link=${encodeURIComponent(this.getUrl())}&app_id=${encodeURIComponent(this.FB_APP_ID)}`, '_system');
+			globalState.open(`fb-messenger://share?link=${encodeURIComponent(this.getUrl())}&app_id=${encodeURIComponent(this.FB_APP_ID)}`, '_system');
 		} else {
-			window.open(`https://www.facebook.com/dialog/send?link=${
+			globalState.open(`https://www.facebook.com/dialog/send?link=${
 				encodeURIComponent(this.getUrl())
 			}&app_id=${
 				encodeURIComponent(this.FB_APP_ID)
@@ -89,30 +90,30 @@ class ShareModalComponent extends TsxComponent<ShareComponentBindingArgs> implem
 
 	private whatsAppShare(): void {
 		if (this.isMobile()) {
-			window.open(`whatsapp://send?text=${encodeURIComponent(this.getUrl())}`);
+			globalState.open(`whatsapp://send?text=${encodeURIComponent(this.getUrl())}`);
 		} else {
-			window.open(`https://web.whatsapp.com/send?text=${encodeURIComponent(this.getUrl())}`);
+			globalState.open(`https://web.whatsapp.com/send?text=${encodeURIComponent(this.getUrl())}`);
 		}
 	}
 
 	private redditShare(): void {
-		window.open(`https://reddit.com/submit?url=${encodeURIComponent(this.getUrl())}&title=${encodeURIComponent(this.shareTitle)}`);
+		globalState.open(`https://reddit.com/submit?url=${encodeURIComponent(this.getUrl())}&title=${encodeURIComponent(this.shareTitle)}`);
 	}
 
 	private pinterestShare(): void {
-		window.open(`https://pinterest.com/pin/create/button/?url=${encodeURIComponent(this.getUrl())}&description=${encodeURIComponent(this.shareTitle)}`);
+		globalState.open(`https://pinterest.com/pin/create/button/?url=${encodeURIComponent(this.getUrl())}&description=${encodeURIComponent(this.shareTitle)}`);
 	}
 
 	private linkedInShare(): void {
-		window.open(`https://www.linkedin.com/shareArticle?url=${encodeURIComponent(this.getUrl())}&title=${encodeURIComponent(this.shareTitle)}`);
+		globalState.open(`https://www.linkedin.com/shareArticle?url=${encodeURIComponent(this.getUrl())}&title=${encodeURIComponent(this.shareTitle)}`);
 	}
 
 	private emailShare(): void {
-		window.location.href = `mailto:?body=${encodeURIComponent(this.shareTitle)}<br><br>${this.getUrl()}`;
+		globalState.location.href = `mailto:?body=${encodeURIComponent(this.shareTitle)}<br><br>${this.getUrl()}`;
 	}
 
 	private smsShare(): void {
-		window.open(`sms:?body=${encodeURIComponent(`${this.shareTitle}, ${this.getUrl()}`)}`);
+		globalState.open(`sms:?body=${encodeURIComponent(`${this.shareTitle}, ${this.getUrl()}`)}`);
 	}
 
 	private copyToClipboard(): void {

package/components/share/share.tsx

@@ -1,4 +1,5 @@
 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 { PortalUtils } from '../../common/utils/utils';
@@ -48,25 +49,25 @@ class ShareComponentComponent extends TsxComponent<ShareComponentArgs> implement
 	}
 
 	private facebookShare(): void {
-		window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.getUrl()}`);
+		globalState.open(`https://www.facebook.com/sharer/sharer.php?u=${this.getUrl()}`);
 	}
 
 	private twitterShare(): void {
 		const text = this.shareTitle;
 		const url = `https://twitter.com/intent/tweet?url=${this.getUrl()}&text=${encodeURIComponent(text)}`;
-		window.open(url);
+		globalState.open(url);
 	}
 
 	private facebookMessengerShare(): void {
 		if (this.isInAppBrowser()) {
-			alert('ERROR - Unable to open in Facebook browser, open the entry in your system browser and try again');
+			globalState.alert('ERROR - Unable to open in Facebook browser, open the entry in your system browser and try again');
 			return;
 		}
 
 		if (this.isMobile()) {
-			window.open(`fb-messenger://share?link=${encodeURIComponent(this.getUrl())}&app_id=${encodeURIComponent(this.FB_APP_ID)}`, '_system');
+			globalState.open(`fb-messenger://share?link=${encodeURIComponent(this.getUrl())}&app_id=${encodeURIComponent(this.FB_APP_ID)}`, '_system');
 		} else {
-			window.open(`https://www.facebook.com/dialog/send?link=${
+			globalState.open(`https://www.facebook.com/dialog/send?link=${
 				encodeURIComponent(this.getUrl())
 			}&app_id=${
 				encodeURIComponent(this.FB_APP_ID)
@@ -77,30 +78,30 @@ class ShareComponentComponent extends TsxComponent<ShareComponentArgs> implement
 
 	private whatsAppShare(): void {
 		if (this.isMobile()) {
-			window.open(`whatsapp://send?text=${encodeURIComponent(this.getUrl())}`);
+			globalState.open(`whatsapp://send?text=${encodeURIComponent(this.getUrl())}`);
 		} else {
-			window.open(`https://web.whatsapp.com/send?text=${encodeURIComponent(this.getUrl())}`);
+			globalState.open(`https://web.whatsapp.com/send?text=${encodeURIComponent(this.getUrl())}`);
 		}
 	}
 
 	private redditShare(): void {
-		window.open(`https://reddit.com/submit?url=${encodeURIComponent(this.getUrl())}&title=${encodeURIComponent(this.shareTitle)}`);
+		globalState.open(`https://reddit.com/submit?url=${encodeURIComponent(this.getUrl())}&title=${encodeURIComponent(this.shareTitle)}`);
 	}
 
 	private pinterestShare(): void {
-		window.open(`https://pinterest.com/pin/create/button/?url=${encodeURIComponent(this.getUrl())}&description=${encodeURIComponent(this.shareTitle)}`);
+		globalState.open(`https://pinterest.com/pin/create/button/?url=${encodeURIComponent(this.getUrl())}&description=${encodeURIComponent(this.shareTitle)}`);
 	}
 
 	private linkedInShare(): void {
-		window.open(`https://www.linkedin.com/shareArticle?url=${encodeURIComponent(this.getUrl())}&title=${encodeURIComponent(this.shareTitle)}`);
+		globalState.open(`https://www.linkedin.com/shareArticle?url=${encodeURIComponent(this.getUrl())}&title=${encodeURIComponent(this.shareTitle)}`);
 	}
 
 	private emailShare(): void {
-		window.location.href = `mailto:?body=${encodeURIComponent(this.shareTitle)}<br><br>${this.getUrl()}`;
+		globalState.location.href = `mailto:?body=${encodeURIComponent(this.shareTitle)}<br><br>${this.getUrl()}`;
 	}
 
 	private smsShare(): void {
-		window.open(`sms:?body=${encodeURIComponent(`${this.shareTitle}, ${this.getUrl()}`)}`);
+		globalState.open(`sms:?body=${encodeURIComponent(`${this.shareTitle}, ${this.getUrl()}`)}`);
 	}
 
 	private copyToClipboard(): void {

package/components/swiper/swiper.tsx

@@ -1,6 +1,6 @@
 import type { Vue } from 'vue-facing-decorator';
 import SwiperCore from 'swiper';
-import { Navigation, Pagination, Autoplay } from 'swiper/modules';
+import { Navigation, Pagination, Autoplay, FreeMode } from 'swiper/modules';
 import { AutoplayOptions } from 'swiper/types';
 import { Prop, toNative } from 'vue-facing-decorator';
 import TsxComponent, { Component } from '../../app/vuetsx';
@@ -15,6 +15,7 @@ SwiperCore.use([
 	Navigation,
 	Pagination,
 	Autoplay,
+	FreeMode,
 ]);
 
 interface SwiperArgs {
@@ -24,6 +25,7 @@ interface SwiperArgs {
 	slidesPerGroup?: number;
 	spaceBetween?: number;
 	freeMode?: boolean;
+	clickable?: boolean;
 	grabCursor?: boolean;
 	speed?: number;
 	autoplay?: AutoplayOptions;
@@ -55,6 +57,7 @@ class SwiperComponent extends TsxComponent<SwiperArgs> implements SwiperArgs {
 	@Prop() slidesPerGroup?: number;
 	@Prop() spaceBetween?: number;
 	@Prop() freeMode?: boolean;
+	@Prop() clickable?: boolean;
 	@Prop() grabCursor?: boolean;
 	@Prop() speed: number;
 	@Prop() autoplay: AutoplayOptions;
@@ -76,12 +79,13 @@ class SwiperComponent extends TsxComponent<SwiperArgs> implements SwiperArgs {
 					spaceBetween: this.spaceBetween > 0 ? this.spaceBetween : 0,
 					pagination: this.shouldRenderPagination()
 						? {
-								el: this.$refs.swiperPagination,
-								type: 'bullets',
-							}
+							el: this.$refs.swiperPagination,
+							type: 'bullets',
+							clickable: this.clickable
+						}
 						: {
-								el: null,
-							},
+							el: null,
+						},
 				};
 
 				if (this.slidesPerView != null) {
@@ -188,15 +192,15 @@ class SwiperComponent extends TsxComponent<SwiperArgs> implements SwiperArgs {
 		return (
 			<div class="swiper">
 				{this.shouldRenderPagination()
-				&& (
-					<div
-						ref="swiperPagination"
-						class={`swiper-pagination swiper-pagination-bullets swiper-pagination-horizontal ${this.zoomed
-							? 'hide-swiper-pagination-bulets'
-							: ''}`}
-					>
-					</div>
-				)}
+					&& (
+						<div
+							ref="swiperPagination"
+							class={`swiper-pagination swiper-pagination-bullets swiper-pagination-horizontal ${this.zoomed
+								? 'hide-swiper-pagination-bulets'
+								: ''}`}
+						>
+						</div>
+					)}
 
 				<div class="swiper-wrapper">
 					{this.$slots?.default()}

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "inviton-powerduck",
 	"type": "module",
-	"version": "0.0.164",
+	"version": "0.0.166",
 	"files": [
 		"app/",
 		"common/",

package/common/cdn-webpack-shim.ts

@@ -1,5 +0,0 @@
-export const cdnWebpackShim = () => {
-	const isDebugMode = location.href.includes('localhost') || location.href.includes('//192.168');
-	// @ts-expect-error FIXME: __webpack_public_path__ in not defined
-	__webpack_public_path__ = isDebugMode ? '/dist-dev/' : `${window.resourceCdnPath}/dist/`;
-};