inviton-powerduck 0.0.71 → 0.0.73

package/common/base-component.tsx

@@ -10,368 +10,306 @@ import { isNullOrEmpty } from "./utils/is-null-or-empty";
 import NotificationProvider from './../components/ui/notification';
 import PowerduckState from "../app/powerduck-state";
 import { IValidation, ValidationState } from './static-wrappers/interfaces/validation-interface';
+import ScrollUtils from "./scroll-utils";
 
 export abstract class PowerduckViewModelBase extends Vue {
-    blockRoot: boolean = true;
-    authorized: boolean = true;
-    v$: Validation;
+	blockRoot: boolean = true;
+	authorized: boolean = true;
+	v$: Validation;
 
-    constructor(optionBuilder: OptionBuilder, vueInstance: any) {
-        super(optionBuilder, vueInstance);
-        this.v$ = useVuelidate({
+	constructor(optionBuilder: OptionBuilder, vueInstance: any) {
+		super(optionBuilder, vueInstance);
+		this.v$ = useVuelidate({
 			$scope: vueInstance
 		}) as any as Validation;
-    }
-
-    /**
-     * Current interface language
-     */
-    get appLanguage(): Language {
-        return PowerduckState.getCurrentLanguage();
-    }
-
-    /**
-     * Try GET data from Inviton API enpoint
-     */
-    public async tryGetDataByArgs<TData, TArgs = {}>(args: TryCallApiArgs<TData, TArgs>): Promise<TData> {
-        return this.tryCallApiByArgs(args, false);
-    }
-
-    /**
-     * Try POST data to Inviton API endpoint
-     */
-    public async tryPostDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TryPostApiResponse<TData>> {
-        var retVal = await this.tryCallApiByArgs(args, true);
-        if (retVal != null && retVal["ajaxErr"] != null) {
-            return {
-                data: null as any,
-                error: retVal["ajaxErr"],
-                result: TryCallApiResult.Error,
-            };
-        } else {
-            return {
-                data: retVal,
-                error: null as any,
-                result: TryCallApiResult.Success,
-            };
-        }
-    }
-
-    /**
-     * Try PATCH data to Inviton API endpoint
-     * just decorator
-     */
-    public async tryPatchDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TryPatchApiResponse<TData>> {
-        return await this.tryPostDataByArgs(args);
-    }
-
-    public async tryDeleteDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TData> {
-        return this.tryCallApiByArgs(args, false);
-    }
-
-    private async tryCallApiByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>, includeError: boolean): Promise<TData> {
-        var retVal: TData;
-        let handle: any = null;
-
-        if (args.blockRoot != false) {
-            handle = setTimeout(() => {
-                this.blockRoot = true;
-            }, 850);
-        }
-
-        var apiMethod = args.apiMethod as any;
-        var promise = apiMethod(args.requestArgs, args.timeout);
-
-        try {
-            retVal = await promise;
-        } catch (e: any) {
-            let err: AjaxError = e;
-
-            if (args.blockRoot != false) {
-                this.blockRoot = false;
-            }
-
-            if (e == "not authorized, token expired") {
-                err = {
-                    authorized: false,
-                    responseText: PowerduckState.getResourceValue('loginExpired'),
-                } as any;
-            }
-
-            if (err.authorized == false || e == "not authorized, token expired") {
-                (window as any).loginModalRootInstance.show();
-            }
-
-            if (!err.authorized && args.toggleAuthorization) {
-                this.authorized = err.authorized;
-            }
-
-            if (args.showError != false) {
-                let parsedMsg = PowerduckState.parseErrorMessage(err.responseText);
-                if (!isNullOrEmpty(parsedMsg)) {
-                    this.showErrorMessage(parsedMsg);
-                } else if (err.responseText) {
-                    this.showErrorMessage(err.responseText);
-                } else if ((err as any).message) {
-                    this.showErrorMessage((err as any).message);
-                }
-            }
-
-            if (includeError) {
-                retVal = {
-                    ajaxErr: err,
-                } as any;
-            } else {
-                retVal = null as any;
-            }
-        }
-
-        if (args.blockRoot != false) {
-            try {
-                clearTimeout(handle);
-            } catch (error) { }
-
-            if (this.blockRoot == true) {
-                this.blockRoot = false;
-            }
-        }
-
-        return retVal;
-    }
-
-    /**
-     * Get children components of given type
-     *
-     * @param typeName Name of the type
-     */
-    getChildrenByType<T>(typeName: string): Array<T> {
-        return PortalUtils.getChildrenByType(this, typeName);
-    }
-
-    /**
-     * Displays unobtrusive error message
-     * @param errMsg Error message
-     */
-    showErrorMessage(errMsg: string): void {
-        NotificationProvider.showErrorMessage(errMsg);
-    }
-
-    /**
-     * Displays unobtrusive success message
-     * @param successMsg Success message
-     */
-    showSuccessMessage(successMsg: string): void {
-        NotificationProvider.showSuccessMessage(successMsg);
-    }
-
-    /**
-     * Parse variable into number
-     * @param val
-     * @param defaultValue
-     */
-    getNumericValue(val: any, defaultValue?: number) {
-        if (val != null) {
-            try {
-                val = Number(val);
-                if (isNaN(val)) {
-                    val = defaultValue;
-                }
-            } catch (e) {
-                val = defaultValue;
-            }
-        } else {
-            val = defaultValue;
-        }
-
-        return val;
-    }
-
-    /**
-     * Validates current viewModel state based on given valdiation ruleset
-     */
-    async validate(showErrorMessage?: boolean, silent?: boolean): Promise<boolean> {
-        if (localStorage.getItem("disableValidation") == "1") {
-            return true;
-        }
-
-        if (this.v$ == null) {
-            throw "Validation rules not specified, has to be specified in @Component declaration!";
-        }
-
-        var isInvalid = !(await this.v$.$validate());
-        if (isInvalid) {
-            if (showErrorMessage != false) {
-                this.showValidationErrorMessage();
-            }
-
-            if (silent != true) {
-                this.validationIncludeDirty = true;
-                this.$nextTick(() => {
-                    this.scrollToFirstPossibleError($(this.unwrapRootElement()));
-                });
-            }
-        }
-
-        return !isInvalid;
-    }
-
-    unwrapRootElement(): HTMLElement {
-        if ((this.$el as any).$getChildSlots != null) {
-            return (((this.$el as any).$getChildSlots() || [])[0]?.el || this.$el) as any;
-        }
-
-        return this.$el as any;
-    }
-
-    showValidationErrorMessage() {
-        this.showErrorMessage(PowerduckState.getResourceValue('errorsOnForm'));
-    }
-
-    scrollToFirstPossibleError(context: JQuery) {
-        setTimeout(() => {
-            var scrollContext = context.find(".form-group.has-danger, .input-group.has-danger").first();
-            if (scrollContext.length == 0) {
-                scrollContext = $(".modal.show .form-group.has-danger, .modal.show .input-group.has-danger").first();
-            }
-
-            if (scrollContext.length > 0) {
-                //Prevents multiple scrolling in one run
-                let lastScroll = (PowerduckState as any)._lastValidationScroll || 0;
-                let now = new Date().getTime();
-                if (now - lastScroll < 800) {
-                    return;
-                } else {
-                    (PowerduckState as any)._lastValidationScroll = now;
-                }
-
-                this.scrollToElem(scrollContext.first()[0]);
-            }
-        }, 10);
-    }
-
-    /**
-     * Scrolls to element
-     * @param elem
-     */
-    scrollToElem(elem: typeof Vue | Element | typeof Vue[] | Element[], mobileOffset?: boolean | number, mobileOffsetSmoothing?: boolean, animated?: boolean, instant?: boolean): void {
-        if (elem == null) {
-            return;
-        }
-
-		let offset = 0;
-		let otherHeaderHeight = $("nav.navbar.fixed-top").height();
-        if (otherHeaderHeight == null) {
-            otherHeaderHeight = $("header").height();
-        }
-
-        if (($(window).width() as number < 768 && mobileOffset != false) || otherHeaderHeight > 0) {
-            if ((mobileOffset as number) > 1) {
-                offset = mobileOffset as number;
-            } else {
-                offset = $(".topnavbar-wrap").height();
-                if (offset == 0 || offset == null || isNaN(offset)) {
-                    offset = otherHeaderHeight;
-                }
-            }
-        }
-
-        let itemTop = $(elem).first().offset()?.top;
-        let modalParent = $(elem as HTMLElement).closest(".modal");
-        if (modalParent.length == 0) {
-            modalParent = null;
-        } else {
-            itemTop = modalParent.scrollTop() + itemTop - 95;
-        }
-
-        if (isNaN(offset)) {
-            offset = 0;
-        }
-
-        this.scrollToPos(itemTop - offset, modalParent, animated, instant);
-    }
-
-    /**
-     * Scrolls to position
-     * @param elem
-     */
-    scrollToPos(position: number, context?: JQuery, animated?: boolean, instant?: boolean): void {
-		if (instant != true) {
-			setTimeout(() => {
-             (context?.length > 0 ? context[0] : window).scrollTo({
-                    top: position,
-                    behavior: (animated != false ? 'smooth' : 'instant') as any
-                });
-            });
+	}
+
+	/**
+	 * Current interface language
+	 */
+	get appLanguage(): Language {
+		return PowerduckState.getCurrentLanguage();
+	}
+
+	/**
+	 * Try GET data from Inviton API enpoint
+	 */
+	public async tryGetDataByArgs<TData, TArgs = {}>(args: TryCallApiArgs<TData, TArgs>): Promise<TData> {
+		return this.tryCallApiByArgs(args, false);
+	}
+
+	/**
+	 * Try POST data to Inviton API endpoint
+	 */
+	public async tryPostDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TryPostApiResponse<TData>> {
+		var retVal = await this.tryCallApiByArgs(args, true);
+		if (retVal != null && retVal["ajaxErr"] != null) {
+			return {
+				data: null as any,
+				error: retVal["ajaxErr"],
+				result: TryCallApiResult.Error,
+			};
 		} else {
-			(context?.length > 0 ? context[0] : window).scrollTo({
-                top: position,
-                behavior: (animated != false ? 'smooth' : 'instant') as any
-            });
+			return {
+				data: retVal,
+				error: null as any,
+				result: TryCallApiResult.Success,
+			};
 		}
-    }
-
-    /**
-     * Determines if DIRTY should be included in validation
-     */
-    validationIncludeDirty: boolean = false;
-
-    /**
-     * Obtains validation state of given property
-     * @param valProp Validation property
-     */
-    validationStateOf(valProp: IValidation | IValidation[], customMessage?: string): ValidationState {
-        let retVal: ValidationState = null as any;
-        if (!PortalUtils.isArray(valProp)) {
-            retVal = ValidationHelper.getValidationDisplayState(valProp as any, this.validationIncludeDirty);
-        } else {
-            let validationResult: ValidationState;
-            for (let i = 0, len = (valProp as IValidation[]).length; i < len; i++) {
-                validationResult = ValidationHelper.getValidationDisplayState(valProp[i], this.validationIncludeDirty);
-                if (!validationResult.valid) {
-                    retVal = validationResult;
-                    break;
-                }
-            }
-        }
-
-        if (retVal?.valid == false) {
-            if (!isNullOrEmpty(customMessage as any)) {
-                retVal = retVal || {} as any;
-                retVal.errorMessage = customMessage as string;
-            }
-        }
-
-        return retVal;
-    }
-
-    /**
-     * Resets validation state of the viewModel
-     */
-    resetValidation() {
-        ValidationHelper.resetValidation(this);
-        this.validationIncludeDirty = false;
-    }
+	}
+
+	/**
+	 * Try PATCH data to Inviton API endpoint
+	 * just decorator
+	 */
+	public async tryPatchDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TryPatchApiResponse<TData>> {
+		return await this.tryPostDataByArgs(args);
+	}
+
+	public async tryDeleteDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TData> {
+		return this.tryCallApiByArgs(args, false);
+	}
+
+	private async tryCallApiByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>, includeError: boolean): Promise<TData> {
+		var retVal: TData;
+		let handle: any = null;
+
+		if (args.blockRoot != false) {
+			handle = setTimeout(() => {
+				this.blockRoot = true;
+			}, 850);
+		}
+
+		var apiMethod = args.apiMethod as any;
+		var promise = apiMethod(args.requestArgs, args.timeout);
+
+		try {
+			retVal = await promise;
+		} catch (e: any) {
+			let err: AjaxError = e;
+
+			if (args.blockRoot != false) {
+				this.blockRoot = false;
+			}
+
+			if (e == "not authorized, token expired") {
+				err = {
+					authorized: false,
+					responseText: PowerduckState.getResourceValue('loginExpired'),
+				} as any;
+			}
+
+			if (err.authorized == false || e == "not authorized, token expired") {
+				(window as any).loginModalRootInstance.show();
+			}
+
+			if (!err.authorized && args.toggleAuthorization) {
+				this.authorized = err.authorized;
+			}
+
+			if (args.showError != false) {
+				let parsedMsg = PowerduckState.parseErrorMessage(err.responseText);
+				if (!isNullOrEmpty(parsedMsg)) {
+					this.showErrorMessage(parsedMsg);
+				} else if (err.responseText) {
+					this.showErrorMessage(err.responseText);
+				} else if ((err as any).message) {
+					this.showErrorMessage((err as any).message);
+				}
+			}
+
+			if (includeError) {
+				retVal = {
+					ajaxErr: err,
+				} as any;
+			} else {
+				retVal = null as any;
+			}
+		}
+
+		if (args.blockRoot != false) {
+			try {
+				clearTimeout(handle);
+			} catch (error) { }
+
+			if (this.blockRoot == true) {
+				this.blockRoot = false;
+			}
+		}
+
+		return retVal;
+	}
+
+	/**
+	 * Get children components of given type
+	 *
+	 * @param typeName Name of the type
+	 */
+	getChildrenByType<T>(typeName: string): Array<T> {
+		return PortalUtils.getChildrenByType(this, typeName);
+	}
+
+	/**
+	 * Displays unobtrusive error message
+	 * @param errMsg Error message
+	 */
+	showErrorMessage(errMsg: string): void {
+		NotificationProvider.showErrorMessage(errMsg);
+	}
+
+	/**
+	 * Displays unobtrusive success message
+	 * @param successMsg Success message
+	 */
+	showSuccessMessage(successMsg: string): void {
+		NotificationProvider.showSuccessMessage(successMsg);
+	}
+
+	/**
+	 * Parse variable into number
+	 * @param val
+	 * @param defaultValue
+	 */
+	getNumericValue(val: any, defaultValue?: number) {
+		if (val != null) {
+			try {
+				val = Number(val);
+				if (isNaN(val)) {
+					val = defaultValue;
+				}
+			} catch (e) {
+				val = defaultValue;
+			}
+		} else {
+			val = defaultValue;
+		}
+
+		return val;
+	}
+
+	/**
+	 * Validates current viewModel state based on given valdiation ruleset
+	 */
+	async validate(showErrorMessage?: boolean, silent?: boolean): Promise<boolean> {
+		if (localStorage.getItem("disableValidation") == "1") {
+			return true;
+		}
+
+		if (this.v$ == null) {
+			throw "Validation rules not specified, has to be specified in @Component declaration!";
+		}
+
+		var isInvalid = !(await this.v$.$validate());
+		if (isInvalid) {
+			if (showErrorMessage != false) {
+				this.showValidationErrorMessage();
+			}
+
+			if (silent != true) {
+				this.validationIncludeDirty = true;
+				this.$nextTick(() => {
+					this.scrollToFirstPossibleError($(this.unwrapRootElement()));
+				});
+			}
+		}
+
+		return !isInvalid;
+	}
+
+	unwrapRootElement(): HTMLElement {
+		if ((this.$el as any).$getChildSlots != null) {
+			return (((this.$el as any).$getChildSlots() || [])[0]?.el || this.$el) as any;
+		}
+
+		return this.$el as any;
+	}
+
+	showValidationErrorMessage() {
+		this.showErrorMessage(PowerduckState.getResourceValue('errorsOnForm'));
+	}
+
+	scrollToFirstPossibleError(context: JQuery) {
+		ScrollUtils.scrollToFirstPossibleError(context);
+	}
+
+	/**
+	 * Scrolls to element
+	 * @param elem
+	 */
+	scrollToElem(elem: typeof Vue | Element | typeof Vue[] | Element[], mobileOffset?: boolean | number, mobileOffsetSmoothing?: boolean, animated?: boolean, instant?: boolean): void {
+		ScrollUtils.scrollToElem(elem, mobileOffset, mobileOffsetSmoothing, animated, instant);
+	}
+
+	/**
+	 * Scrolls to position
+	 * @param elem
+	 */
+	scrollToPos(position: number, context?: JQuery, animated?: boolean, instant?: boolean): void {
+		ScrollUtils.scrollToPos(position, context, animated, instant);
+	}
+
+	/**
+	 * Determines if DIRTY should be included in validation
+	 */
+	validationIncludeDirty: boolean = false;
+
+	/**
+	 * Obtains validation state of given property
+	 * @param valProp Validation property
+	 */
+	validationStateOf(valProp: IValidation | IValidation[], customMessage?: string): ValidationState {
+		let retVal: ValidationState = null as any;
+		if (!PortalUtils.isArray(valProp)) {
+			retVal = ValidationHelper.getValidationDisplayState(valProp as any, this.validationIncludeDirty);
+		} else {
+			let validationResult: ValidationState;
+			for (let i = 0, len = (valProp as IValidation[]).length; i < len; i++) {
+				validationResult = ValidationHelper.getValidationDisplayState(valProp[i], this.validationIncludeDirty);
+				if (!validationResult.valid) {
+					retVal = validationResult;
+					break;
+				}
+			}
+		}
+
+		if (retVal?.valid == false) {
+			if (!isNullOrEmpty(customMessage as any)) {
+				retVal = retVal || {} as any;
+				retVal.errorMessage = customMessage as string;
+			}
+		}
+
+		return retVal;
+	}
+
+	/**
+	 * Resets validation state of the viewModel
+	 */
+	resetValidation() {
+		ValidationHelper.resetValidation(this);
+		this.validationIncludeDirty = false;
+	}
 }
 
 interface TryCallApiArgs<TData, TArgs> {
-    apiMethod: (data?: TArgs) => Promise<TData>;
-    timeout?: number;
-    requestArgs?: TArgs;
-    showError?: boolean;
-    blockRoot?: boolean;
-    toggleAuthorization?: boolean;
-    toggleAuthorizationOnNullUser?: boolean;
+	apiMethod: (data?: TArgs) => Promise<TData>;
+	timeout?: number;
+	requestArgs?: TArgs;
+	showError?: boolean;
+	blockRoot?: boolean;
+	toggleAuthorization?: boolean;
+	toggleAuthorizationOnNullUser?: boolean;
 }
 
 export interface TryPostApiResponse<TData> {
-    data: TData;
-    result: TryCallApiResult;
-    error: AjaxError;
+	data: TData;
+	result: TryCallApiResult;
+	error: AjaxError;
 }
 
 export interface TryPatchApiResponse<TData> extends TryPostApiResponse<TData> { }
 
 interface PortalActionMessage {
-    action: string;
-    data: any;
+	action: string;
+	data: any;
 }

package/common/keyboard-open-tracker.ts

@@ -0,0 +1,44 @@
+export default class KeyboardOpenTracker {
+	static bind() {
+		if ((window as any)._keyboardOpenTrackerBound == true) {
+			return;
+		}
+
+		(window as any)._keyboardOpenTrackerBound = true;
+
+		const getOrientation = () => {
+			return window.screen.width > window.screen.height ? 'landscape' : 'portrait';
+		}
+
+		const getScreenHeight = () => {
+			return window.screen.height; // Constant physical screen height
+		}
+
+		let lastOrientation = getOrientation();
+		const handleResize = () => {
+			const currentOrientation = getOrientation();
+			const currentInnerHeight = window.innerHeight;
+			const screenHeight = getScreenHeight();
+
+			// Different thresholds for portrait/landscape
+			const THRESHOLD_PORTRAIT = 150;
+			const THRESHOLD_LANDSCAPE = 100;
+
+			const isPortrait = currentOrientation === 'portrait';
+			const threshold = isPortrait ? THRESHOLD_PORTRAIT : THRESHOLD_LANDSCAPE;
+
+			// Reset baseline when orientation changes
+			if (currentOrientation !== lastOrientation) {
+				lastOrientation = currentOrientation;
+				console.log(`[Resize] Orientation changed → ${currentOrientation}`);
+			}
+
+			const heightDiff = screenHeight - currentInnerHeight;
+			const isKeyboardOpen = heightDiff > threshold;
+			document.body.classList.toggle('powerduck-keyboard-open', isKeyboardOpen);
+		}
+
+		window.addEventListener('resize', handleResize);
+		handleResize(); // Run initially
+	}
+}

package/common/scroll-utils.ts

@@ -0,0 +1,87 @@
+import { Vue } from "vue-facing-decorator";
+import PowerduckState from "../app/powerduck-state";
+
+export default class ScrollUtils {
+    static scrollToFirstPossibleError(context: JQuery) {
+        setTimeout(() => {
+            var scrollContext = context.find(".form-group.has-danger, .input-group.has-danger").first();
+            if (scrollContext.length == 0) {
+                scrollContext = $(".modal.show .form-group.has-danger, .modal.show .input-group.has-danger").first();
+            }
+
+            if (scrollContext.length > 0) {
+                //Prevents multiple scrolling in one run
+                let lastScroll = (PowerduckState as any)._lastValidationScroll || 0;
+                let now = new Date().getTime();
+                if (now - lastScroll < 800) {
+                    return;
+                } else {
+                    (PowerduckState as any)._lastValidationScroll = now;
+                }
+
+                this.scrollToElem(scrollContext.first()[0]);
+            }
+        }, 10);
+    }
+
+    /**
+     * Scrolls to element
+     * @param elem
+     */
+    static scrollToElem(elem: typeof Vue | Element | typeof Vue[] | Element[], mobileOffset?: boolean | number, mobileOffsetSmoothing?: boolean, animated?: boolean, instant?: boolean): void {
+        if (elem == null) {
+            return;
+        }
+
+        let offset = 0;
+        let otherHeaderHeight = $("nav.navbar.fixed-top").height();
+        if (otherHeaderHeight == null) {
+            otherHeaderHeight = $("header").height();
+        }
+
+        if (($(window).width() as number < 768 && mobileOffset != false) || otherHeaderHeight > 0) {
+            if ((mobileOffset as number) > 1) {
+                offset = mobileOffset as number;
+            } else {
+                offset = $(".topnavbar-wrap").height();
+                if (offset == 0 || offset == null || isNaN(offset)) {
+                    offset = otherHeaderHeight;
+                }
+            }
+        }
+
+        let itemTop = $(elem).first().offset()?.top;
+        let modalParent = $(elem as HTMLElement).closest(".modal");
+        if (modalParent.length == 0) {
+            modalParent = null;
+        } else {
+            itemTop = modalParent.scrollTop() + itemTop - 95;
+        }
+
+        if (isNaN(offset)) {
+            offset = 0;
+        }
+
+        this.scrollToPos(itemTop - offset, modalParent, animated, instant);
+    }
+
+    /**
+     * Scrolls to position
+     * @param elem
+     */
+    static scrollToPos(position: number, context?: JQuery, animated?: boolean, instant?: boolean): void {
+        if (instant != true) {
+            setTimeout(() => {
+                (context?.length > 0 ? context[0] : window).scrollTo({
+                    top: position,
+                    behavior: (animated != false ? 'smooth' : 'instant') as any
+                });
+            });
+        } else {
+            (context?.length > 0 ? context[0] : window).scrollTo({
+                top: position,
+                behavior: (animated != false ? 'smooth' : 'instant') as any
+            });
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inviton-powerduck",
-  "version": "0.0.71",
+  "version": "0.0.73",
   "type": "module",
   "scripts": {
     "build": " vite build && vue-tsc  --declaration --emitDeclarationOnly",