inviton-powerduck 0.0.76 → 0.0.78

package/common/enum-translation/language-translator.ts

@@ -3,6 +3,6 @@ import { Language } from "./../enums/language";
 
 export default class LanguageTranslator {
     static getString(lang: Language | Language) {
-        return PowerduckState.getResourceValue('language' + lang as any);
+        return PowerduckState.getResourceValue('language' + lang?.toUpperCase() as any);
     }
 }

package/common/utils/language-utils.ts

@@ -63,7 +63,7 @@ export namespace LanguageUtils {
             return newOption;
         };
 
-        for (const langCode of [Language.sk, Language.en, Language.cs, Language, Language.pl, Language.it, Language.hu]) {
+        for (const langCode of [Language.sk, Language.en, Language.cs, Language, Language.pl, Language.it, Language.hu, Language.de]) {
             if (supportedLanguages.includes(langCode as any)) {
                 retVal.push(getLanguage(langCode as any));
             }

package/components/datatable/datatable-static.tsx

@@ -4,125 +4,125 @@ import DataTable, { TableColumn, RowIndexMode, DataTableFilterMode, DataTableOnS
 import { IWebApiClient, WebClientApiMethod } from "../../common/IWebClient";
 
 interface DataTableStaticArgs {
-    id: string;
-    cssClass?: string
-    columns: TableColumn[];
-    rows: any[];
-    fullSizeTable?: boolean;
-    fullSizeHasButtonBelow?: boolean;
-    topVisible?: boolean;
-    allowMassOperations?: boolean;
-    allowExport?: boolean;
-    hidePagination?: boolean;
-    checkboxesVisible?: boolean;
-    preserveOrderBy?: boolean;
-    preserveFilter?: boolean
-    checkboxButtonsVisible?: boolean;
-    sortableRows?: boolean;
-    rowCheckstateChanged?: (row: any, checked: boolean, selectedRows: any[]) => void;
-    sortComplete?: (args: DataTableOnSortedArgs) => void;
+	id: string;
+	cssClass?: string
+	columns: TableColumn[];
+	rows: any[];
+	fullSizeTable?: boolean;
+	fullSizeHasButtonBelow?: boolean;
+	topVisible?: boolean;
+	allowMassOperations?: boolean;
+	allowExport?: boolean;
+	hidePagination?: boolean;
+	checkboxesVisible?: boolean;
+	preserveOrderBy?: boolean;
+	preserveFilter?: boolean
+	checkboxButtonsVisible?: boolean;
+	sortableRows?: boolean;
+	rowCheckstateChanged?: (row: any, checked: boolean, selectedRows: any[]) => void;
+	sortComplete?: (args: DataTableOnSortedArgs) => void;
 }
 
 @Component
 export class DataTableStaticComponent extends TsxComponent<DataTableStaticArgs> implements DataTableStaticArgs, IWebApiClient {
-    @Prop() id: string;
-    @Prop() cssClass: string
-    @Prop() columns: TableColumn[];
-    @Prop() rows: any[];
-    @Prop() fullSizeTable: boolean;
-    @Prop() fullSizeHasButtonBelow: boolean;
-    @Prop() topVisible: boolean;
-    @Prop() allowMassOperations: boolean;
-    @Prop() allowExport: boolean;
-    @Prop() checkboxesVisible!: boolean;
-    @Prop() hidePagination!: boolean;
-    @Prop() preserveOrderBy!: boolean;
-    @Prop() preserveFilter!: boolean
-    @Prop() checkboxesTitle!: string;
-    @Prop() checkboxButtonsVisible!: boolean;
-    @Prop() sortableRows!: boolean;
-    @Prop() rowCheckstateChanged?: (row: any, checked: boolean, selectedRows: any[]) => void;
-    @Prop() sortComplete?: (args: DataTableOnSortedArgs) => void;
+	@Prop() id: string;
+	@Prop() cssClass: string
+	@Prop() columns: TableColumn[];
+	@Prop() rows: any[];
+	@Prop() fullSizeTable: boolean;
+	@Prop() fullSizeHasButtonBelow: boolean;
+	@Prop() topVisible: boolean;
+	@Prop() allowMassOperations: boolean;
+	@Prop() allowExport: boolean;
+	@Prop() checkboxesVisible!: boolean;
+	@Prop() hidePagination!: boolean;
+	@Prop() preserveOrderBy!: boolean;
+	@Prop() preserveFilter!: boolean
+	@Prop() checkboxesTitle!: string;
+	@Prop() checkboxButtonsVisible!: boolean;
+	@Prop() sortableRows!: boolean;
+	@Prop() rowCheckstateChanged?: (row: any, checked: boolean, selectedRows: any[]) => void;
+	@Prop() sortComplete?: (args: DataTableOnSortedArgs) => void;
 
-    webClient: boolean = true;
-    apiArgs: any = {};
+	webClient: boolean = true;
+	apiArgs: any = {};
 
-    mounted() {
-        this.reloadData();
-    }
+	mounted () {
+		this.reloadData();
+	}
 
-    updated() {
-        this.reloadData();
-    }
+	updated () {
+		this.reloadData();
+	}
 
-    exportExcel(): void {
-        this.getTable().exportExcel();
-    }
+	exportExcel (): void {
+		this.getTable().exportExcel();
+	}
 
-    normalizeStringForSearch(str: string): string {
-        return this.getTable().normalizeStringForSearch(str);
-    }
+	normalizeStringForSearch (str: string): string {
+		return this.getTable().normalizeStringForSearch(str);
+	}
 
-    private post(data: any): Promise<any> {
-        let self = this;
-        return new Promise(function (resolve, reject) {
-            let rowArr = [...(self.rows || [])];
+	private post (data: any): Promise<any> {
+		let self = this;
+		return new Promise(function (resolve, reject) {
+			let rowArr = [...(self.rows || [])];
 
-            resolve({
-                TotalCount: rowArr.length,
-                TotalFilteredCount: rowArr.length,
-                Rows: rowArr,
-                InitRows: self.rows
-            });
-        });
-    }
+			resolve({
+				TotalCount: rowArr.length,
+				TotalFilteredCount: rowArr.length,
+				Rows: rowArr,
+				InitRows: self.rows
+			});
+		});
+	}
 
-    private getTable(): typeof DataTable.prototype {
-        return this.$refs.innerTable as typeof DataTable.prototype;
-    }
+	private getTable (): typeof DataTable.prototype {
+		return this.$refs.innerTable as typeof DataTable.prototype;
+	}
 
-    reloadData(): void {
-        this.getTable().reloadData();
-    }
+	reloadData (): void {
+		this.getTable().reloadData();
+	}
 
-    getSelectedRows(): any[] {
-        return this.getTable().getSelectedRows();
-    }
+	getSelectedRows (): any[] {
+		return this.getTable().getSelectedRows();
+	}
 
-    getCssClass(): string {
-        return `dt-static${this.cssClass ? ' ' + this.cssClass : ''}`;
-    }
+	getCssClass (): string {
+		return `dt-static${this.cssClass ? ' ' + this.cssClass : ''}`;
+	}
 
-    render(h) {
-        return (
-            <DataTable
-                id={this.id}
-                ref={"innerTable"}
-                apiClient={this}
-                apiArgs={this.apiArgs}
-                rowIndexMode={RowIndexMode.Index}
-                apiMethod={WebClientApiMethod.Post}
-                filterMode={DataTableFilterMode.Clientside}
-                checkboxButtonsVisible={this.checkboxButtonsVisible}
-                preserveFilter={this.preserveFilter}
-                checkboxesVisible={this.checkboxesVisible}
-                rowCheckstateChanged={this.rowCheckstateChanged}
-                columns={this.columns}
-                cssClass={this.getCssClass()}
-                topVisible={this.topVisible == true}
-                bottomVisible={false}
-                hidePagination={this.hidePagination}
-                allowMassOperations={this.allowMassOperations}
-                allowExport={this.allowExport}
-                fullSizeTable={this.fullSizeTable}
-                sortableRows={this.sortableRows}
-                sortComplete={this.sortComplete}
-                preserveOrderBy={this.preserveOrderBy}
-                fullSizeHasButtonBelow={this.fullSizeTable}
-            />
-        );
-    }
+	render (h) {
+		return (
+			<DataTable
+				id={this.id}
+				ref={"innerTable"}
+				apiClient={this}
+				apiArgs={this.apiArgs}
+				rowIndexMode={RowIndexMode.Index}
+				apiMethod={WebClientApiMethod.Post}
+				filterMode={DataTableFilterMode.Clientside}
+				checkboxButtonsVisible={this.checkboxButtonsVisible}
+				preserveFilter={this.preserveFilter}
+				checkboxesVisible={this.checkboxesVisible}
+				rowCheckstateChanged={this.rowCheckstateChanged}
+				columns={this.columns}
+				cssClass={this.getCssClass()}
+				topVisible={this.topVisible == true}
+				bottomVisible={false}
+				hidePagination={this.hidePagination}
+				allowMassOperations={this.allowMassOperations}
+				allowExport={this.allowExport}
+				fullSizeTable={this.fullSizeTable}
+				sortableRows={this.sortableRows}
+				sortComplete={this.sortComplete}
+				preserveOrderBy={this.preserveOrderBy}
+				fullSizeHasButtonBelow={this.fullSizeTable}
+			/>
+		);
+	}
 }
 
 const DataTableStatic = toNative(DataTableStaticComponent)
-export default DataTableStatic
+export default DataTableStatic

package/components/input/css/pin.css

@@ -0,0 +1,32 @@
+.pin {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	align-items: stretch;
+	flex-wrap: wrap;
+	width: 100%;
+	border: none;
+	/* gap: auto; */
+}
+
+.pin .pin-input,
+.pin .formwrap-nomargin,
+.pin .pin-input .form-control {
+	width: 46px;
+	height: 50px;
+	border-radius: 10px;
+	text-align: center;
+}
+
+.pin .pin-input,
+.pin .pin-input .form-control {
+	background-color: #F2F4FF;
+}
+
+.pin .pin-input .form-control {
+	border: none;
+}
+
+.pin .pin-input .form-control:focus {
+	box-shadow: none;
+}

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

@@ -1,7 +1,6 @@
-import { Prop, toNative, Watch } from "vue-facing-decorator";
+import { Prop, toNative } from "vue-facing-decorator";
 import LocalizedText from "../../common/localized-text";
 import TsxComponent, { Component } from "../../app/vuetsx";
-import { ILocalizedString } from "../../common/utils/localized-string";
 import { Language } from "../../common/enums/language";
 import { isNullOrEmpty } from "../../common/utils/is-null-or-empty";
 import LocalizedStringTextarea from "./localized-string-textarea";
@@ -39,33 +38,31 @@ class LocalizedInfoInputComponent extends TsxComponent<LocalizedInfoInputArgs> i
         return this.value[lang];
     }
 
-    getValue(value: LocalizedText): ILocalizedString {
+    getValue(value: LocalizedText): LocalizedText {
         if (value == null) {
             return {
-                Czech: null,
-                English: null,
-                German: null,
-                Italian: null,
-                Latvian: null,
-                Polish: null,
-                Slovak: null,
-                Hungarian: null,
+                cs: null,
+                en: null,
+                de: null,
+                it: null,
+                pl: null,
+                sk: null,
+                hu: null,
             };
         }
 
         return {
-            Czech: this.getValueForTmrLanguage(Language.cs),
-            English: this.getValueForTmrLanguage(Language.en),
-            German: this.getValueForTmrLanguage(Language.de),
-            Italian: this.getValueForTmrLanguage(Language.it),
-            Latvian: null,
-            Polish: this.getValueForTmrLanguage(Language.pl),
-            Slovak: this.getValueForTmrLanguage(Language.sk),
-            Hungarian: this.getValueForTmrLanguage(Language.hu),
+            cs: this.getValueForTmrLanguage(Language.cs),
+            en: this.getValueForTmrLanguage(Language.en),
+            de: this.getValueForTmrLanguage(Language.de),
+            it: this.getValueForTmrLanguage(Language.it),
+            pl: this.getValueForTmrLanguage(Language.pl),
+            sk: this.getValueForTmrLanguage(Language.sk),
+            hu: this.getValueForTmrLanguage(Language.hu),
         };
     }
 
-    valueChanged(e: ILocalizedString) {
+    valueChanged(e: LocalizedText): void {
         if (e == null) {
             this.changed(null);
             return;
@@ -78,13 +75,13 @@ class LocalizedInfoInputComponent extends TsxComponent<LocalizedInfoInputArgs> i
             }
         };
 
-        addLocalizedValue(Language.sk, e.Slovak);
-        addLocalizedValue(Language.cs, e.Czech);
-        addLocalizedValue(Language.en, e.English);
-        addLocalizedValue(Language.de, e.German);
-        addLocalizedValue(Language.pl, e.Polish);
-        addLocalizedValue(Language.it, e.Italian);
-        addLocalizedValue(Language.hu, e.Hungarian);
+        addLocalizedValue(Language.sk, e.sk);
+        addLocalizedValue(Language.cs, e.cs);
+        addLocalizedValue(Language.en, e.en);
+        addLocalizedValue(Language.de, e.de);
+        addLocalizedValue(Language.pl, e.pl);
+        addLocalizedValue(Language.it, e.it);
+        addLocalizedValue(Language.hu, e.hu);
         this.changed(retObj);
     }
 

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

@@ -9,16 +9,17 @@ import { ButtonLayout } from "../button/button-layout";
 import { DropdownButtonItemArgs } from "../dropdown-button/dropdown-button-item";
 import { PortalUtils } from "../../common/utils/utils";
 import { LanguageUtils } from "../../common/utils/language-utils";
-import LocalizedStringHelper, { ILocalizedString } from "../../common/utils/localized-string";
+import LocalizedStringHelper from "../../common/utils/localized-string";
 import { Language } from "../../common/enums/language";
 import { isNullOrEmpty } from "../../common/utils/is-null-or-empty";
 import globalIcon from './img/global.png';
 import PowerduckState from "../../app/powerduck-state";
+import LocalizedText from "../../common/localized-text";
 import "./css/localized-string-input.css";
 
 interface LocalizedStringInputArgs extends FormItemWrapperArgs {
-    value: ILocalizedString;
-    changed: (e: ILocalizedString) => void;
+    value: LocalizedText;
+    changed: (e: LocalizedText) => void;
     supportedLanguages?: Language[];
     placeholder?: string;
 }
@@ -28,8 +29,8 @@ class LocalizedStringInputComponent extends TsxComponent<LocalizedStringInputArg
     @Prop() label!: string;
     @Prop() labelButtons!: DropdownButtonItemArgs[];
     @Prop() subtitle!: string;
-    @Prop() value!: ILocalizedString;
-    @Prop() changed: (e: ILocalizedString) => void;
+    @Prop() value!: LocalizedText;
+    @Prop() changed: (e: LocalizedText) => void;
     @Prop() supportedLanguages?: Language[];
     @Prop() marginType?: MarginType;
     @Prop() maxWidth?: number;
@@ -44,11 +45,11 @@ class LocalizedStringInputComponent extends TsxComponent<LocalizedStringInputArg
     @Prop() prependIcon: string;
     @Prop() appendClicked: () => void;
     @Prop() prependClicked: () => void;
-    currentValue: ILocalizedString = null;
+    currentValue: LocalizedText = null;
     modalWillShow: boolean = false;
     uuid: string = "lsw-" + PortalUtils.randomString(10);
 
-    raiseChangeEvent(newValue: ILocalizedString): void {
+    raiseChangeEvent(newValue: LocalizedText): void {
         this.populateValidationDeclaration();
 
         if (this.changed != null) {

package/components/input/localized-string-textarea.tsx

@@ -1,4 +1,4 @@
-import { Prop, toNative, Watch } from "vue-facing-decorator";
+import { Prop, toNative } from "vue-facing-decorator";
 import TsxComponent, { Component } from "../../app/vuetsx";
 import FormItemWrapper, { FormItemWrapperArgs, HintType, MarginType } from "../form/form-item-wrapper";
 import Tabs, { TabsRenderMode } from "../tabs/tabs";
@@ -6,13 +6,13 @@ import { TabPage } from "../tabs/tab-page";
 import { DropdownButtonItemArgs } from "../dropdown-button/dropdown-button-item";
 import TextArea from "./textarea";
 import { LanguageUtils } from "../../common/utils/language-utils";
-import { ILocalizedString } from "../../common/utils/localized-string";
 import { Language } from "../../common/enums/language";
 import PowerduckState from "../../app/powerduck-state";
+import LocalizedText from "../../common/localized-text";
 
 interface LocalizedStringInputArgs extends FormItemWrapperArgs {
-    value: ILocalizedString;
-    changed: (e: ILocalizedString) => void;
+    value: LocalizedText;
+	changed: (e: LocalizedText) => void;
     supportedLanguages?: Language[];
     placeholder?: string;
 }
@@ -22,8 +22,8 @@ class LocalizedStringTextareaComponent extends TsxComponent<LocalizedStringInput
     @Prop() label!: string;
     @Prop() labelButtons!: DropdownButtonItemArgs[];
     @Prop() subtitle!: string;
-    @Prop() value!: ILocalizedString;
-    @Prop() changed: (e: ILocalizedString) => void;
+	@Prop() value!: LocalizedText;
+	@Prop() changed: (e: LocalizedText) => void;
     @Prop() supportedLanguages?: Language[];
     @Prop() marginType?: MarginType;
     @Prop() maxWidth?: number;
@@ -37,9 +37,9 @@ class LocalizedStringTextareaComponent extends TsxComponent<LocalizedStringInput
     @Prop() prependIcon: string;
     @Prop() appendClicked: () => void;
     @Prop() prependClicked: () => void;
-    currentValue: ILocalizedString = null;
+	currentValue: LocalizedText = null;
 
-    raiseChangeEvent(newValue: ILocalizedString): void {
+	raiseChangeEvent (newValue: LocalizedText): void {
         this.populateValidationDeclaration();
 
         if (this.changed != null) {
@@ -52,12 +52,12 @@ class LocalizedStringTextareaComponent extends TsxComponent<LocalizedStringInput
     }
 
     changeValue(lang: Language, newValue: string): void {
-        let value = this.value || ({} as ILocalizedString);
+		let value = this.value || ({} as LocalizedText);
         value[lang] = newValue;
         this.raiseChangeEvent(value);
     }
 
-    getActualValue(lang: Language, value: ILocalizedString): string {
+	getActualValue (lang: Language, value: LocalizedText): string {
         if (value == null) {
             return null;
         }

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

@@ -13,15 +13,16 @@ import FlexFormItem from "../form/form-item-flex";
 import { FileManagerDialog, FileManagerModalFileType } from "../modal/ts/file-manager-dialog";
 import { PortalUtils } from "../../common/utils/utils";
 import { LanguageUtils } from "../../common/utils/language-utils";
-import LocalizedStringHelper, { ILocalizedString } from "../../common/utils/localized-string";
+import LocalizedStringHelper from "../../common/utils/localized-string";
 import { Language } from "../../common/enums/language";
 import { isNullOrEmpty } from "../../common/utils/is-null-or-empty";
 import globalIcon from './img/global.png';
 import PowerduckState from "../../app/powerduck-state";
+import LocalizedText from "../../common/localized-text";
 
 interface LocalizedUrlInputArgs extends FormItemWrapperArgs {
-    value: ILocalizedString;
-    changed: (e: ILocalizedString) => void;
+    value: LocalizedText;
+	changed: (e: LocalizedText) => void;
     supportedLanguages?: Language[];
     placeholder?: string;
 }
@@ -31,8 +32,8 @@ class LocalizedUrlInputComponent extends TsxComponent<LocalizedUrlInputArgs> imp
     @Prop() label!: string;
     @Prop() labelButtons!: DropdownButtonItemArgs[];
     @Prop() subtitle!: string;
-    @Prop() value!: ILocalizedString;
-    @Prop() changed: (e: ILocalizedString) => void;
+	@Prop() value!: LocalizedText;
+	@Prop() changed: (e: LocalizedText) => void;
     @Prop() supportedLanguages?: Language[];
     @Prop() marginType?: MarginType;
     @Prop() maxWidth?: number;
@@ -46,12 +47,12 @@ class LocalizedUrlInputComponent extends TsxComponent<LocalizedUrlInputArgs> imp
     @Prop() prependIcon: string;
     @Prop() appendClicked: () => void;
     @Prop() prependClicked: () => void;
-    currentValue: ILocalizedString = null;
+	currentValue: LocalizedText = null;
     modalWillShow: boolean = false;
     isModal: boolean = false;
     uuid: string = "lsw-" + PortalUtils.randomString(10);
 
-    raiseChangeEvent(newValue: ILocalizedString): void {
+	raiseChangeEvent (newValue: LocalizedText): void {
         this.populateValidationDeclaration();
 
         if (this.changed != null) {

package/components/input/pin-input.tsx

@@ -0,0 +1,146 @@
+import TsxComponent, { Component } from "../../app/vuetsx";
+import { Prop, toNative } from "vue-facing-decorator";
+import { isNullOrEmpty } from "../../common/utils/is-null-or-empty";
+import TextBox, { TextBoxTextType } from "./textbox";
+import "./css/pin.css";
+
+export enum PinInputType {
+	Alpha = "alpha",
+	Numeric = "numeric",
+	AlphaNumeric = "alphanumeric",
+}
+
+interface PinInputArgs {
+	length: number;
+	cssClass?: string;
+	inputType?: PinInputType;
+	value: string[];
+	changed: (value: string[]) => void;
+}
+
+@Component
+class PinInputComponent extends TsxComponent<PinInputArgs> implements PinInputArgs {
+	@Prop() length: number;
+	@Prop() cssClass!: string;
+	@Prop() inputType: PinInputType;
+	@Prop() value: string[];
+	@Prop() changed: (value: string[]) => void;
+	currentValue: string[] = null
+
+	mounted (): void {
+		this.currentValue = Array(this.length).fill("");
+	}
+
+	getCssClass (): string {
+		return `pin ${this.cssClass || ""}`;
+	}
+
+	getInputType (): PinInputType {
+		return this.inputType ?? PinInputType.Numeric;
+	}
+
+	get isFullyFilled (): boolean {
+		return this.currentValue?.every((p) => !isNullOrEmpty(p));
+	}
+
+	isValidInput (value: string): boolean {
+		const type = this.getInputType();
+		switch (type) {
+			case PinInputType.Alpha:
+				return /^[a-zA-Z]$/.test(value);
+			case PinInputType.Numeric:
+				return /^[0-9]$/.test(value);
+			case PinInputType.AlphaNumeric:
+				return /^[a-zA-Z0-9]$/.test(value);
+			default:
+				return false;
+		}
+	}
+
+	focusNext (index: number): void {
+		if (index < this.length - 1) {
+			const nextInput = this.getElement(index + 1);
+			$(nextInput.$el).find("input")?.focus();
+		}
+	}
+
+	focusPrev (index: number): void {
+		if (index > 0) {
+			const prevInput = this.getElement(index - 1);
+			$(prevInput.$el).find("input")?.focus();
+		}
+	}
+
+	updatePin (value: string, index: number): void {
+		if (!this.isValidInput(value)) {
+			return;
+		}
+
+		this.currentValue[index] = value.slice(-1);
+
+		if (this.isFullyFilled) {
+			this.blurAllInputs();
+		} else {
+			this.focusNext(index);
+		}
+
+		this.changed(this.currentValue);
+	}
+
+	blurAllInputs (): void {
+		for (let index = 0; index < this.currentValue?.length; index++) {
+			const input = this.getElement(index);
+			$(input.$el).find("input")?.blur();
+		}
+	}
+
+	getElement (index: number) {
+		if (index < 0 || index >= this.length) {
+			return null;
+		}
+
+		return this.$refs[`pin-${index}`] as typeof TextBox.prototype;
+	}
+
+	render (h) {
+		if (!this.currentValue) {
+			return null;
+		}
+
+		return (
+			<div class={this.getCssClass()}>
+				{Array.from({ length: this.length }, (_, index) => (
+					<TextBox
+						label=""
+						key={index}
+						wrap={false}
+						ref={`pin-${index}`}
+						nameAttr={`pin-${index}`}
+						maxLength={1}
+						cssClass="pin-input"
+						updateMode="input"
+						autoCompleteEnabled={false}
+						textType={TextBoxTextType.Password}
+						value={this.currentValue[index]}
+						keyDown={(e) => {
+							if (e.key == "Backspace") {
+								this.currentValue[index] = "";
+								this.focusPrev(index);
+								this.changed(this.currentValue);
+							}
+
+							if (!this.isValidInput(e.key)) {
+								e.preventDefault();
+								e.stopPropagation();
+							}
+						}}
+						changed={(e) => { this.updatePin(e, index); }}
+					/>
+				))}
+			</div>
+		);
+	}
+}
+
+const PinInput = toNative(PinInputComponent);
+export default PinInput;

package/components/ui/notification.ts

@@ -50,6 +50,11 @@ export enum NotificationAnimation {
 	FadeOutLeft = 'animate__animated animate__fadeOutLeft',
 }
 
+export class NotificationProviderConfig {
+    static defaultTimeout = 1000;
+    static defaultDelay = 4000;
+}
+
 interface NotificationDisplayArgs {
     /**
      * Notification message HTML, will not be escaped, ensure proper escaping if needed
@@ -82,12 +87,12 @@ interface NotificationDisplayArgs {
 	newestTop?: boolean;
 
     /**
-     * If not closed manually, after this timeout [in ms] ellapses, notification automatically hides (default 4000ms)
+     * If not closed manually, after this timeout [in ms] ellapses, notification automatically hides (default 1000ms)
      */
     timeout?: number;
 
 	/**
-	 * After this delay [in ms], timeout starts. (default 5000ms) (0 to disable)
+	 * After this delay [in ms], timeout starts. (default 4000ms) (0 to disable)
 	 */
 	delay?: number;
 
@@ -162,8 +167,8 @@ var NotificationUtils = (function () {
 			},
 			{
 				type: args.type || "primary",
-				timer: args.timeout || 4000,
-				delay: args.delay || 5000,
+				timer: args.timeout > -1 ? args.timeout : NotificationProviderConfig.defaultTimeout,
+				delay: args.delay > -1 ? args.delay : NotificationProviderConfig.defaultDelay,
 				placement: getPlacement(args),
 				z_index: 99999,
 				newest_on_top: (args.newestTop || false),

package/package.json

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