inviton-powerduck 0.0.114 → 0.0.115

package/README.md

@@ -1,6 +1,7 @@
 # Inviton Powerduck framework
+
 ![alt text](powerduck-logo-small.webp?raw=true)
 
 Framework containing main TSX components and frontend utility functions for use in projects.
 
-Built using Vue3 + vue-facing-decorator package.
+Built using Vue3 + vue-facing-decorator package.

package/app/powerduck-initializer.ts

@@ -1,49 +1,50 @@
-import PowerduckState, { PowerduckStateInitArgs } from './powerduck-state';
-import { IPowerduckSystemResources } from './powerduck-system-resources';
-import jquery from "jquery";
-import moment from "moment";
-import select2 from "select2";
-import { Language } from '../common/enums/language';
-import { LanguageUtils } from '../common/utils/language-utils';
+import type { Language } from '../common/enums/language';
+import type { PowerduckStateInitArgs } from './powerduck-state';
+import type { IPowerduckSystemResources } from './powerduck-system-resources';
+import jquery from 'jquery';
+import moment from 'moment';
+import select2 from 'select2';
 import { isNullOrEmpty } from '../common/utils/is-null-or-empty';
+import { LanguageUtils } from '../common/utils/language-utils';
+import PowerduckState from './powerduck-state';
 
 export interface PoweduckInitFrameworkArgs {
-    supportedLanguages?: Language[]
+	supportedLanguages?: Language[];
 }
 
 export default class PowerduckInitializer {
-    static initFramework(args?: PoweduckInitFrameworkArgs) {
-        window["jQuery"] = jquery;
-        window["$"] = window["jQuery"];
-        window["moment"] = moment;
-        window["select2"] = select2();
+	static initFramework(args?: PoweduckInitFrameworkArgs) {
+		window.jQuery = jquery;
+		window.$ = window.jQuery;
+		window.moment = moment;
+		window.select2 = select2();
 
-        if ((window as any).__viteErrHandlerBound != true) {
-            (window as any).__viteErrHandlerBound = true;
+		if ((window as any).__viteErrHandlerBound != true) {
+			(window as any).__viteErrHandlerBound = true;
 
-            window.addEventListener('vite:preloadError', (event) => {
-                const key = PowerduckState.getAppPrefix() + 'errLastReload';
-                const lastTry = Number(localStorage.getItem(key) || "0");
-                if (new Date().getTime() - lastTry > 3000) {
-                    localStorage.setItem(key, new Date().getTime().toString());
+			window.addEventListener('vite:preloadError', (event) => {
+				const key = `${PowerduckState.getAppPrefix()}errLastReload`;
+				const lastTry = Number(localStorage.getItem(key) || '0');
+				if (new Date().getTime() - lastTry > 3000) {
+					localStorage.setItem(key, new Date().getTime().toString());
 
-                    if ((window as any).__routerNextTo != null && !isNullOrEmpty((window as any).__routerNextTo.path)) {
-                        location.href = (window as any).__routerNextTo.path;
-                    } else {
-                        location.reload();
-                    }
-                }
-            });
-        }
+					if ((window as any).__routerNextTo != null && !isNullOrEmpty((window as any).__routerNextTo.path)) {
+						location.href = (window as any).__routerNextTo.path;
+					} else {
+						location.reload();
+					}
+				}
+			});
+		}
 
-        if (args != null) {
-            if (args.supportedLanguages?.length as number > 0) {
-                LanguageUtils.supportedLanguages = args.supportedLanguages as Language[];
-            }
-        }
-    }
+		if (args != null) {
+			if (args.supportedLanguages?.length as number > 0) {
+				LanguageUtils.supportedLanguages = args.supportedLanguages as Language[];
+			}
+		}
+	}
 
-    static initState<TResoures extends IPowerduckSystemResources>(resources: TResoures, args?: PowerduckStateInitArgs) {
-        PowerduckState.initialize(resources, args);
-    }
-}
+	static initState<TResoures extends IPowerduckSystemResources>(resources: TResoures, args?: PowerduckStateInitArgs) {
+		PowerduckState.initialize(resources, args);
+	}
+}

package/app/powerduck-state.ts

@@ -1,182 +1,180 @@
-import { Language } from "../common/enums/language";
-import { ModalSectionMode } from "../common/enums/modal";
-import { isNullOrEmpty } from "../common/utils/is-null-or-empty";
-import { IDynamicComponentContainer } from "../components/app/dynamic-component-contracts";
-import { IPowerduckSystemResources } from "./powerduck-system-resources";
-
+import type { IDynamicComponentContainer } from '../components/app/dynamic-component-contracts';
+import type { IPowerduckSystemResources } from './powerduck-system-resources';
+import { Language } from '../common/enums/language';
+import { ModalSectionMode } from '../common/enums/modal';
+import { isNullOrEmpty } from '../common/utils/is-null-or-empty';
 
 type PublicStaticMethods<T> = {
-    [K in keyof T]: T[K] extends (...args: any[]) => any ? T[K] : never;
+	[K in keyof T]: T[K] extends (...args: any[]) => any ? T[K] : never;
 };
 
 // Extract the public static methods from PowerduckState
 export type PowerduckStateInitArgs = Partial<PublicStaticMethods<typeof PowerduckState>> & {
-    keyPrefix: string
+	keyPrefix: string;
 };
 
 export default class PowerduckState {
-    private static _resources: IPowerduckSystemResources;
-    private static _language: Language;
-    private static _fullBlockerHtml = document.querySelector(".loading-full-overlay")?.outerHTML || `<div class="loading-full-overlay"><div class="loading-inner"><div class="loading-indicator-wrap"><div class="holdon-white holdon-overlay holdon-element"><div class="holdon-content"><div class="sk-rect"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div></div></div></div></div></div>`;
-    private static _blockerHtml = '<div class="holdon-white holdon-overlay holdon-element"><div class="holdon-content"><div class="sk-rect"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div></div></div>';
-    private static _blockerSelector = ".holdon-overlay";
-    private static _stickyMap: { [index: string]: IStickyDeclaration } = {}
-    private static _prefix: string = '';
-
-    static initialize(resources: IPowerduckSystemResources, args?: PowerduckStateInitArgs) {
-        PowerduckState._resources = resources;
-        PowerduckState._prefix = args.keyPrefix;
-
-        if (args != null) {
-            for (const key in args) {
-                PowerduckState[key] = args[key];
-            }
-        }
-    }
-
-    static getAppPrefix(): string {
-        return PowerduckState._prefix;
-    }
-
-    static getCurrentLanguage(): Language {
-        return this._language ?? Language.sk;
-    }
-
-    static getIntransparentBlockerHtml(): string {
-        return PowerduckState._fullBlockerHtml;
-    }
-
-    static getBlockerHtml(): string {
-        return PowerduckState._blockerHtml;
-    }
-
-    static getBlockerSelector(): string {
-        return PowerduckState._blockerSelector;
-    }
-
-    static getResourceValue(key: keyof IPowerduckSystemResources) {
-        if (this._resources != null) {
-            return this._resources[key] || `{{${key}}}`;
-        }
-
-        return `{{${key}}}`;
-    }
-
-    static getCdnPath() {
-        return '';
-    }
-
-    static getAssetRootDirectory() {
-        return PowerduckState.getCdnPath() + "/assets";
-    }
+	private static _resources: IPowerduckSystemResources;
+	private static _language: Language;
+	private static _fullBlockerHtml = document.querySelector('.loading-full-overlay')?.outerHTML || `<div class="loading-full-overlay"><div class="loading-inner"><div class="loading-indicator-wrap"><div class="holdon-white holdon-overlay holdon-element"><div class="holdon-content"><div class="sk-rect"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div></div></div></div></div></div>`;
+	private static _blockerHtml = '<div class="holdon-white holdon-overlay holdon-element"><div class="holdon-content"><div class="sk-rect"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div></div></div>';
+	private static _blockerSelector = '.holdon-overlay';
+	private static _stickyMap: { [index: string]: IStickyDeclaration } = {};
+	private static _prefix: string = '';
+
+	static initialize(resources: IPowerduckSystemResources, args?: PowerduckStateInitArgs) {
+		PowerduckState._resources = resources;
+		PowerduckState._prefix = args.keyPrefix;
+
+		if (args != null) {
+			for (const key in args) {
+				PowerduckState[key] = args[key];
+			}
+		}
+	}
+
+	static getAppPrefix(): string {
+		return PowerduckState._prefix;
+	}
+
+	static getCurrentLanguage(): Language {
+		return this._language ?? Language.sk;
+	}
+
+	static getIntransparentBlockerHtml(): string {
+		return PowerduckState._fullBlockerHtml;
+	}
+
+	static getBlockerHtml(): string {
+		return PowerduckState._blockerHtml;
+	}
+
+	static getBlockerSelector(): string {
+		return PowerduckState._blockerSelector;
+	}
+
+	static getResourceValue(key: keyof IPowerduckSystemResources) {
+		if (this._resources != null) {
+			return this._resources[key] || `{{${key}}}`;
+		}
+
+		return `{{${key}}}`;
+	}
+
+	static getCdnPath() {
+		return '';
+	}
+
+	static getAssetRootDirectory() {
+		return `${PowerduckState.getCdnPath()}/assets`;
+	}
 
 	static getFilesPath() {
 		return '';
 	}
 
-    static getCurrentRouteQuery(): any {
-        return null;
-    }
+	static getCurrentRouteQuery(): any {
+		return null;
+	}
 
 	static getRouter(): any {
 		return null;
 	}
 
-    static getBootstrapOnStyle(): 'primary' | 'info' {
-        return 'primary';
-    }
-
-    static getFormControlCssClass(): string {
-        return 'form-control maxwidth-input'
-    }
-
-    static getGeonamesUsername(): string {
-        return null;
-    }
-
-    static getGoogleMapsApiKey(): string {
-        return null;
-    }
-
-    static getModalSectionMode(): ModalSectionMode {
-        if ((PowerduckState as any)._modalSectionMode == null) {
-            if (localStorage.getItem(PowerduckState._prefix + "modalSectionMode") != null) {
-                (PowerduckState as any)._modalSectionMode = Number(localStorage.getItem(PowerduckState._prefix + "modalSectionMode"));
-            } else {
-                PowerduckState.setModalSectionMode(ModalSectionMode.navPills);
-            }
-        }
-
-        return (PowerduckState as any)._modalSectionMode;
-    }
-
-    static setModalSectionMode(mode: ModalSectionMode): void {
-        localStorage.setItem(PowerduckState._prefix + "modalSectionMode", mode.toString());
-        (PowerduckState as any)._modalSectionMode = mode;
-    }
-
-    static parseErrorMessage(respText: string): string {
-        let parsedErr: any;
-        if (respText == null || respText.indexOf("{") != 0) {
-            return respText;
-        }
-
-        try {
-            parsedErr = JSON.parse(respText);
-        } catch (error) {
-            parsedErr = respText as any;
-        }
-
-        if (!isNullOrEmpty(parsedErr?.messages)) {
-            let msgBuilder = "";
-            parsedErr.messages.forEach((msgData) => {
-                if (!isNullOrEmpty(msgData.message)) {
-                    if (msgBuilder.length > 0) {
-                        msgBuilder += "\n\n";
-                    }
-
-                    msgBuilder += msgData.message;
-                }
-            });
-
-            return msgBuilder;
-        }
-
-        return null;
-    }
-
-    static get rootDynamicComponentContainer(): IDynamicComponentContainer {
-        return window["RootDynamicContainerInstance"];
-    }
-
-
-    static registerStickyTabs(id: string, state: IStickyDeclaration): void {
-        PowerduckState._stickyMap[id] = state
-    }
-
-    static unregisterStickyTabs(id: string): void {
-        if (PowerduckState._stickyMap[id] != null) {
-            try {
-                delete PowerduckState._stickyMap[id]
-            } catch (e) { }
-        }
-    }
-
-    static get stickyTabs(): IStickyDeclaration {
-        for (let id in PowerduckState._stickyMap) {
-            if (PowerduckState._stickyMap[id].HasSticky) {
-                return PowerduckState._stickyMap[id]
-            }
-        }
-
-        return {
-            AllowTabChange: true,
-            HasSticky: false,
-        }
-    }
+	static getBootstrapOnStyle(): 'primary' | 'info' {
+		return 'primary';
+	}
+
+	static getFormControlCssClass(): string {
+		return 'form-control maxwidth-input';
+	}
+
+	static getGeonamesUsername(): string {
+		return null;
+	}
+
+	static getGoogleMapsApiKey(): string {
+		return null;
+	}
+
+	static getModalSectionMode(): ModalSectionMode {
+		if ((PowerduckState as any)._modalSectionMode == null) {
+			if (localStorage.getItem(`${PowerduckState._prefix}modalSectionMode`) != null) {
+				(PowerduckState as any)._modalSectionMode = Number(localStorage.getItem(`${PowerduckState._prefix}modalSectionMode`));
+			} else {
+				PowerduckState.setModalSectionMode(ModalSectionMode.navPills);
+			}
+		}
+
+		return (PowerduckState as any)._modalSectionMode;
+	}
+
+	static setModalSectionMode(mode: ModalSectionMode): void {
+		localStorage.setItem(`${PowerduckState._prefix}modalSectionMode`, mode.toString());
+		(PowerduckState as any)._modalSectionMode = mode;
+	}
+
+	static parseErrorMessage(respText: string): string {
+		let parsedErr: any;
+		if (respText == null || respText.indexOf('{') != 0) {
+			return respText;
+		}
+
+		try {
+			parsedErr = JSON.parse(respText);
+		} catch (error) {
+			parsedErr = respText as any;
+		}
+
+		if (!isNullOrEmpty(parsedErr?.messages)) {
+			let msgBuilder = '';
+			parsedErr.messages.forEach((msgData) => {
+				if (!isNullOrEmpty(msgData.message)) {
+					if (msgBuilder.length > 0) {
+						msgBuilder += '\n\n';
+					}
+
+					msgBuilder += msgData.message;
+				}
+			});
+
+			return msgBuilder;
+		}
+
+		return null;
+	}
+
+	static get rootDynamicComponentContainer(): IDynamicComponentContainer {
+		return window.RootDynamicContainerInstance;
+	}
+
+	static registerStickyTabs(id: string, state: IStickyDeclaration): void {
+		PowerduckState._stickyMap[id] = state;
+	}
+
+	static unregisterStickyTabs(id: string): void {
+		if (PowerduckState._stickyMap[id] != null) {
+			try {
+				delete PowerduckState._stickyMap[id];
+			} catch (e) { }
+		}
+	}
+
+	static get stickyTabs(): IStickyDeclaration {
+		for (const id in PowerduckState._stickyMap) {
+			if (PowerduckState._stickyMap[id].HasSticky) {
+				return PowerduckState._stickyMap[id];
+			}
+		}
+
+		return {
+			AllowTabChange: true,
+			HasSticky: false,
+		};
+	}
 }
 
 interface IStickyDeclaration {
-    HasSticky: boolean
-    AllowTabChange: boolean
+	HasSticky: boolean;
+	AllowTabChange: boolean;
 }

package/app/powerduck-system-resources.ts

@@ -1,55 +1,55 @@
 export interface IPowerduckSystemResources {
-	requestTimeout: string
-	yes: string
+	requestTimeout: string;
+	yes: string;
 	no: string;
-	all: string
-	add: string
-	error: string
-	errorFetchingData: string
+	all: string;
+	add: string;
+	error: string;
+	errorFetchingData: string;
 	allTogether: string;
-	edit: string
-	remove: string
-	warning: string
-	cancel: string
-	negationBase: string
-	continue: string
-	back: string
-	submit: string
-	close: string
-	save: string
-	search: string
-	searchedValue: string
-	image: string
-	noResultsFound: string
-	colVisLabel: string
-	deletePromptSingular: string
-	dtMassOperationWarningText: string
-	dtLayoutMobile: string
-	dtLayoutTable: string
-	dtLayoutCompact: string
-	recordsDtLabel: string
-	dtCountText: string
-	dtCountFilteredOutOf: string
-	dtNoMobileFilter: string
-	dtOnlyExclusive: string
-	itemsOutOfArray: string
-	fileDownloadTitle: string
-	imageCrop: string
-	uploadImage: string
-	copyToClipboard: string
-	copyToClipboardSuccess: string
-	loginExpired: string
-	gpsLabel: string
-	gpsSubtitle: string
-	gpsLatitudeCaption: string
-	gpsLongitudeCaption: string
-	currencyCode: string
-	photosErrorMessage: string
-	photosInitialMessage: string
-	photosInvalidFileMessage: string
-	quickEdit: string
-	quickEditItemsCount: string
-	quickEditErrorNamed: string
+	edit: string;
+	remove: string;
+	warning: string;
+	cancel: string;
+	negationBase: string;
+	continue: string;
+	back: string;
+	submit: string;
+	close: string;
+	save: string;
+	search: string;
+	searchedValue: string;
+	image: string;
+	noResultsFound: string;
+	colVisLabel: string;
+	deletePromptSingular: string;
+	dtMassOperationWarningText: string;
+	dtLayoutMobile: string;
+	dtLayoutTable: string;
+	dtLayoutCompact: string;
+	recordsDtLabel: string;
+	dtCountText: string;
+	dtCountFilteredOutOf: string;
+	dtNoMobileFilter: string;
+	dtOnlyExclusive: string;
+	itemsOutOfArray: string;
+	fileDownloadTitle: string;
+	imageCrop: string;
+	uploadImage: string;
+	copyToClipboard: string;
+	copyToClipboardSuccess: string;
+	loginExpired: string;
+	gpsLabel: string;
+	gpsSubtitle: string;
+	gpsLatitudeCaption: string;
+	gpsLongitudeCaption: string;
+	currencyCode: string;
+	photosErrorMessage: string;
+	photosInitialMessage: string;
+	photosInvalidFileMessage: string;
+	quickEdit: string;
+	quickEditItemsCount: string;
+	quickEditErrorNamed: string;
 
 	languageSK: string;
 	languageEN: string;

package/app/vuestsx-extended.ts

@@ -1,5 +1,5 @@
-import { PowerduckViewModelBase } from "../common/base-component";
+import { PowerduckViewModelBase } from '../common/base-component';
 
 export abstract class TsxComponentExtendedBase<P> extends PowerduckViewModelBase {
-    private vueTsxProps: Readonly<{ ref?: string; key?: string | number }> & Readonly<P>;
+	private vueTsxProps: Readonly<{ ref?: string; key?: string | number }> & Readonly<P>;
 }