inviton-powerduck 0.0.63 → 0.0.65

package/common/resource-helper.ts

@@ -0,0 +1,86 @@
+export default class ResourceHelper {
+    static loadResourcesDynamically(files: { src: string, type: 'js' | 'css', mode?: 'normal' | 'module' }[]): Promise<boolean> {
+        return new Promise((resolve) => {
+            const loadScript = (src: string, mode?: 'normal' | 'module', retries = 3) => {
+                return new Promise((resolve, reject) => {
+                    const attemptLoad = (attempt) => {
+                        const script = document.createElement("script");
+                        script.src = src;
+                        script.async = true;
+
+                        if (mode == 'module') {
+                            script.type = 'module';
+                        }
+
+                        script.onload = () => resolve(`Loaded: ${src}`);
+                        script.onerror = () => {
+                            if (attempt < retries) {
+                                const delay = Math.floor(Math.random() * (1200 - 500 + 1)) + 500;
+                                console.warn(`Retrying ${src} in ${delay}ms... (${attempt + 1}/${retries})`);
+                                setTimeout(() => attemptLoad(attempt + 1), delay);
+                            } else {
+                                reject(new Error(`Failed to load: ${src}`));
+                            }
+                        };
+
+                        document.head.appendChild(script);
+                    };
+
+                    attemptLoad(0);
+                });
+            };
+
+            const loadCSS = (href: string, retries = 3) => {
+                return new Promise((resolve, reject) => {
+                    const attemptLoad = (attempt) => {
+                        const link = document.createElement("link");
+                        link.rel = "stylesheet";
+                        link.href = href;
+
+                        link.onload = () => resolve(`Loaded: ${href}`);
+                        link.onerror = () => {
+                            if (attempt < retries) {
+                                const delay = Math.floor(Math.random() * (1200 - 500 + 1)) + 500;
+                                console.warn(`Retrying ${href} in ${delay}ms... (${attempt + 1}/${retries})`);
+                                setTimeout(() => attemptLoad(attempt + 1), delay);
+                            } else {
+                                reject(new Error(`Failed to load: ${href}`));
+                            }
+                        };
+
+                        document.head.appendChild(link);
+                    };
+
+                    attemptLoad(0);
+                });
+            };
+
+            Promise.all(files.map(file => {
+                if (file.type == 'js') {
+                    return loadScript(file.src, file.mode).then(
+                        result => ({ status: "fulfilled", value: result }),
+                        error => ({ status: "rejected", reason: error })
+                    );
+                } else if (file.type == 'css') {
+                    return loadCSS(file.src).then(
+                        result => ({ status: "fulfilled", value: result }),
+                        error => ({ status: "rejected", reason: error })
+                    );
+                } else {
+                    return Promise.resolve({ status: "rejected", reason: new Error(`Unsupported file type: ${file}`) });
+                }
+            })).then(results => {
+                let allOk = true;
+                results.forEach(result => {
+                    if (result.status != "fulfilled") {
+                        console.error((result as any).reason);
+                        allOk = false;
+                    }
+                });
+
+                resolve(allOk);
+            });
+        });
+    }
+
+}

package/common/utils/date-localization-utils.ts

@@ -4,162 +4,162 @@ import { DateWrapper } from "../date-wrapper";
 import { capitalize } from "./capitalize-string";
 
 export default class DateLocalizationUtils {
-    private static readonly DATE_FORMAT_FOR_RANGE_PICKER = (function () {
-        const dummyDate = new Date(Date.UTC(2022, 11, 20));
-        const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-            day: '2-digit',
-            month: '2-digit',
-            year: "numeric",
-            timeZone: 'UTC'
-        });
-
-        return formatted.replace('20', 'DD').replace('12', 'MM').replace('2022', 'YYYY');
-    })();
-
-    private static readonly MONTH_IS_FIRST: boolean = (function () {
-        const dummyDate = new Date(Date.UTC(2024, 9, 20));
-        try {
-            const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                day: '2-digit',
-                month: '2-digit',
-                timeZone: 'UTC'
-            });
-
-            const monthIndex = formatted.indexOf('10');
-            const dayIndex = formatted.indexOf('20');
-            return monthIndex < dayIndex;
-
-        } catch (error) {
-            return false;
-        }
-    })();
-
-    private static readonly PATTERN_WITHOUT_YEAR: string = (function () {
-        const dummyDate = new Date(Date.UTC(2024, 9, 30));
-        try {
-            const monthName = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                day: '2-digit',
-                month: 'long',
-                timeZone: 'UTC'
-            }).split('30').join('').split('.').join('').trim();
-
-            const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                day: '2-digit',
-                month: 'long',
-                timeZone: 'UTC'
-            });
-
-            return formatted.replace(monthName, '{{month}}').replace('30', '{{day}}');
-
-        } catch (error) {
-            return '{{day}}. {{month}}'
-        }
-    })();
-
-    private static readonly PATTERN_WITH_YEAR: string = (function () {
-        const dummyDate = new Date(Date.UTC(2024, 9, 30));
-        try {
-            const monthName = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                day: '2-digit',
-                month: 'long',
-                timeZone: 'UTC'
-            }).split('30').join('').split('.').join('').trim();
-
-            const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                day: '2-digit',
-                year: 'numeric',
-                month: 'long',
-                timeZone: 'UTC'
-            });
-
-            return formatted.replace(monthName, '{{month}}').replace('30', '{{day}}').replace('2024', '{{year}}');
-
-        } catch (error) {
-            return '{{day}}. {{month}}'
-        }
-    })();
-
-    private static readonly PATTERN_PLACEHOLDERED: string = (function () {
-        const dummyDate = new Date(Date.UTC(2024, 9, 30));
-        try {
-            const monthName = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                month: 'long',
-                timeZone: 'UTC'
-            });
-
-            const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                year: 'numeric',
-                month: 'long',
-                timeZone: 'UTC'
-            });
-
-            return formatted.replace(monthName, '{{date}}').replace('30', '{{day}}').replace('2024', '{{year}}');
-
-        } catch (error) {
-            return '{{day}}. {{month}}'
-        }
-    })();
-
-    static formatRange = (from: DateWrapper, to: DateWrapper): string => {
-        if (from.getMonth() == to.getMonth()) {
-            const convertDate = new Date(Date.UTC(from.getFullYear(), from.getMonth(), from.getDate()));
-            convertDate.setDate(28);
-
-            const monthName = convertDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                day: '2-digit',
-                month: 'long',
-                timeZone: 'UTC'
-            }).split('28').join('').split('.').join('').trim();
-
-            return this.PATTERN_WITH_YEAR
-                .replace('{{day}}', `${from.getDate()} - ${to.getDate()}`)
-                .replace('{{month}}', monthName)
-                .replace('{{year}}', from.getFullYear().toString());
-        } else if (from.getFullYear() == to.getFullYear()) {
-            const fromDate = this.getFormatted(from, this.PATTERN_WITHOUT_YEAR, 'numeric', 'short');
-            const toDate = this.getFormatted(to, this.PATTERN_WITHOUT_YEAR, 'numeric', 'short');
-            const rangeVal = `${fromDate} - ${toDate}`
-            return this.PATTERN_PLACEHOLDERED.replace('{{date}}', rangeVal).replace('{{year}}', to.getFullYear().toString());
-        } else {
-            const fromVal = this.getFormatted(from, this.PATTERN_WITH_YEAR, 'numeric', 'short', 'numeric');
-            const toVal = this.getFormatted(to, this.PATTERN_WITH_YEAR, 'numeric', 'short', 'numeric');
-            return `${fromVal} - ${toVal}`
-        }
-    }
-
-    static getFormatedDateWithoutTime = (dte: DateWrapper, showYear: boolean, day: "numeric" | "2-digit" | undefined, month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | undefined, year?: "numeric" | "2-digit" | undefined) => {
-        if (showYear) {
-            return this.getFormatted(dte, this.PATTERN_WITH_YEAR, day, month);
-        } else {
-            return this.getFormatted(dte, this.PATTERN_WITHOUT_YEAR, day, month);
-        }
-    }
-
-    private static getFormatted = (dte: DateWrapper, pattern: string, day: "numeric" | "2-digit" | undefined, month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | undefined, year?: "numeric" | "2-digit" | undefined): string => {
-        let monthVal: string;
-        try {
-            monthVal = capitalize(dte.innerDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
-                month: month,
-                timeZone: 'UTC'
-            }));
-        } catch (error) {
-            monthVal = (dte.getMonth() + 1).toString();
-        }
-
-        let dayVal: string;
-        if (day == '2-digit') {
-            dayVal = dte.getDate().toString();
-            if (dayVal.length == 1) {
-                dayVal = '0' + dayVal
-            }
-        } else {
-            dayVal = dte.getDate().toString();
-        }
-
-        if (year == null) {
-            return pattern.replace('{{day}}', dayVal).replace('{{month}}', monthVal);
-        } else {
-            return pattern.replace('{{day}}', dayVal).replace('{{month}}', monthVal).replace('{{year}}', dte.getFullYear().toString());
-        }
-    }
-}
+	private static readonly DATE_FORMAT_FOR_RANGE_PICKER = (function () {
+		const dummyDate = new Date(Date.UTC(2022, 11, 20));
+		const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+			day: '2-digit',
+			month: '2-digit',
+			year: "numeric",
+			timeZone: 'UTC'
+		});
+
+		return formatted.replace('20', 'DD').replace('12', 'MM').replace('2022', 'YYYY');
+	})();
+
+	private static readonly MONTH_IS_FIRST: boolean = (function () {
+		const dummyDate = new Date(Date.UTC(2024, 9, 20));
+		try {
+			const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				day: '2-digit',
+				month: '2-digit',
+				timeZone: 'UTC'
+			});
+
+			const monthIndex = formatted.indexOf('10');
+			const dayIndex = formatted.indexOf('20');
+			return monthIndex < dayIndex;
+
+		} catch (error) {
+			return false;
+		}
+	})();
+
+	private static readonly PATTERN_WITHOUT_YEAR: string = (function () {
+		const dummyDate = new Date(Date.UTC(2024, 9, 30));
+		try {
+			const monthName = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				day: '2-digit',
+				month: 'long',
+				timeZone: 'UTC'
+			}).split('30').join('').split('.').join('').trim();
+
+			const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				day: '2-digit',
+				month: 'long',
+				timeZone: 'UTC'
+			});
+
+			return formatted.replace(monthName, '{{month}}').replace('30', '{{day}}');
+
+		} catch (error) {
+			return '{{day}}. {{month}}'
+		}
+	})();
+
+	private static readonly PATTERN_WITH_YEAR: string = (function () {
+		const dummyDate = new Date(Date.UTC(2024, 9, 30));
+		try {
+			const monthName = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				day: '2-digit',
+				month: 'long',
+				timeZone: 'UTC'
+			}).split('30').join('').split('.').join('').trim();
+
+			const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				day: '2-digit',
+				year: 'numeric',
+				month: 'long',
+				timeZone: 'UTC'
+			});
+
+			return formatted.replace(monthName, '{{month}}').replace('30', '{{day}}').replace('2024', '{{year}}');
+
+		} catch (error) {
+			return '{{day}}. {{month}}'
+		}
+	})();
+
+	private static readonly PATTERN_PLACEHOLDERED: string = (function () {
+		const dummyDate = new Date(Date.UTC(2024, 9, 30));
+		try {
+			const monthName = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				month: 'long',
+				timeZone: 'UTC'
+			});
+
+			const formatted = dummyDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				year: 'numeric',
+				month: 'long',
+				timeZone: 'UTC'
+			});
+
+			return formatted.replace(monthName, '{{date}}').replace('30', '{{day}}').replace('2024', '{{year}}');
+
+		} catch (error) {
+			return '{{day}}. {{month}}'
+		}
+	})();
+
+	static formatRange = (from: DateWrapper, to: DateWrapper): string => {
+		if (from.getMonth() == to.getMonth()) {
+			const convertDate = new Date(Date.UTC(from.getFullYear(), from.getMonth(), from.getDate()));
+			convertDate.setDate(28);
+
+			const monthName = convertDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				day: '2-digit',
+				month: 'long',
+				timeZone: 'UTC'
+			}).split('28').join('').split('.').join('').trim();
+
+			return this.PATTERN_WITH_YEAR
+				.replace('{{day}}', `${from.getDate()} - ${to.getDate()}`)
+				.replace('{{month}}', monthName)
+				.replace('{{year}}', from.getFullYear().toString());
+		} else if (from.getFullYear() == to.getFullYear()) {
+			const fromDate = this.getFormatted(from, this.PATTERN_WITHOUT_YEAR, 'numeric', 'short');
+			const toDate = this.getFormatted(to, this.PATTERN_WITHOUT_YEAR, 'numeric', 'short');
+			const rangeVal = `${fromDate} - ${toDate}`
+			return this.PATTERN_PLACEHOLDERED.replace('{{date}}', rangeVal).replace('{{year}}', to.getFullYear().toString());
+		} else {
+			const fromVal = this.getFormatted(from, this.PATTERN_WITH_YEAR, 'numeric', 'short', 'numeric');
+			const toVal = this.getFormatted(to, this.PATTERN_WITH_YEAR, 'numeric', 'short', 'numeric');
+			return `${fromVal} - ${toVal}`
+		}
+	}
+
+	static getFormatedDateWithoutTime = (dte: DateWrapper, showYear: boolean, day: "numeric" | "2-digit" | undefined, month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | undefined, year?: "numeric" | "2-digit" | undefined) => {
+		if (showYear) {
+			return this.getFormatted(dte, this.PATTERN_WITH_YEAR, day, month, year);
+		} else {
+			return this.getFormatted(dte, this.PATTERN_WITHOUT_YEAR, day, month);
+		}
+	}
+
+	private static getFormatted = (dte: DateWrapper, pattern: string, day: "numeric" | "2-digit" | undefined, month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | undefined, year?: "numeric" | "2-digit" | undefined): string => {
+		let monthVal: string;
+		try {
+			monthVal = capitalize(dte.innerDate.toLocaleDateString(PowerduckState.getCurrentLanguageCode(), {
+				month: month,
+				timeZone: 'UTC'
+			}));
+		} catch (error) {
+			monthVal = (dte.getMonth() + 1).toString();
+		}
+
+		let dayVal: string;
+		if (day == '2-digit') {
+			dayVal = dte.getDate().toString();
+			if (dayVal.length == 1) {
+				dayVal = '0' + dayVal
+			}
+		} else {
+			dayVal = dte.getDate().toString();
+		}
+
+		if (year == null) {
+			return pattern.replace('{{day}}', dayVal).replace('{{month}}', monthVal);
+		} else {
+			return pattern.replace('{{day}}', dayVal).replace('{{month}}', monthVal).replace('{{year}}', dte.getFullYear().toString());
+		}
+	}
+}

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

@@ -85,5 +85,5 @@ class DynamicComponentContainerComponent extends Vue implements IDynamicComponen
     }
 }
 
-const DynamicComponentContainer = toNative(DynamicComponentContainerComponent)
+const DynamicComponentContainer = toNative(DynamicComponentContainerComponent)
 export default DynamicComponentContainer

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

@@ -30,5 +30,5 @@ class RootDynamicComponentContainerComponent extends Vue implements IDynamicComp
     }
 }
 
-const RootDynamicComponentContainer = toNative(RootDynamicComponentContainerComponent)
+const RootDynamicComponentContainer = toNative(RootDynamicComponentContainerComponent)
 export default RootDynamicComponentContainer

package/components/button/button.tsx

@@ -122,5 +122,5 @@ class ButtonComponent extends TsxComponent<ButtonArgs> implements ButtonArgs {
     }
 }
 
-const Button = toNative(ButtonComponent)
+const Button = toNative(ButtonComponent)
 export default Button

package/components/button/excel-upload-button.tsx

@@ -55,5 +55,5 @@ class ExcelUploadButtonComponent extends TsxComponent<ExcelUploadButtonArgs> imp
     }
 }
 
-const ExcelUploadButton = toNative(ExcelUploadButtonComponent)
+const ExcelUploadButton = toNative(ExcelUploadButtonComponent)
 export default ExcelUploadButton

package/components/button/ladda-button.tsx

@@ -61,5 +61,5 @@ class LaddaButtonComponent extends TsxComponent<LaddaButtonArgs> implements Ladd
     }
 }
 
-const LaddaButton = toNative(LaddaButtonComponent)
+const LaddaButton = toNative(LaddaButtonComponent)
 export default LaddaButton

package/components/button/text-button.tsx

@@ -62,5 +62,5 @@ class TextButtonComponent extends TsxComponent<TextButtonArgs> implements TextBu
     }
 }
 
-const TextButton = toNative(TextButtonComponent)
+const TextButton = toNative(TextButtonComponent)
 export default TextButton

package/components/button/upload-button.tsx

@@ -176,5 +176,5 @@ class UploadButtonComponent extends TsxComponent<UploadButtonArgs> implements Up
     }
 }
 
-const UploadButton = toNative(UploadButtonComponent)
+const UploadButton = toNative(UploadButtonComponent)
 export default UploadButton

package/components/card/card-body.tsx

@@ -9,5 +9,5 @@ class CardBodyComponent extends TsxComponent<CardBodyArgs> implements CardBodyAr
     }
 }
 
-const CardBody = toNative(CardBodyComponent)
+const CardBody = toNative(CardBodyComponent)
 export default CardBody

package/components/card/card-header-with-options.tsx

@@ -54,5 +54,5 @@ class CardHeaderWithOptionsComponent extends TsxComponent<CardHeaderWithOptionsA
     }
 }
 
-const CardHeaderWithOptions = toNative(CardHeaderWithOptionsComponent)
+const CardHeaderWithOptions = toNative(CardHeaderWithOptionsComponent)
 export default CardHeaderWithOptions

package/components/card/card-header.tsx

@@ -30,5 +30,5 @@ class CardHeaderComponent extends TsxComponent<CardHeaderArgs> implements CardHe
     }
 }
 
-const CardHeader = toNative(CardHeaderComponent)
+const CardHeader = toNative(CardHeaderComponent)
 export default CardHeader

package/components/card/card.tsx

@@ -72,5 +72,5 @@ class CardComponent extends TsxComponent<CardArgs> implements CardArgs {
 	}
 }
 
-const Card = toNative(CardComponent)
+const Card = toNative(CardComponent)
 export default Card

package/components/collapse/index.tsx

@@ -39,5 +39,5 @@ class CollapseComponent extends TsxComponent<CollapseArgs> implements CollapseAr
     }
 }
 
-const Collapse = toNative(CollapseComponent)
+const Collapse = toNative(CollapseComponent)
 export default Collapse

package/components/contenteditable/index.tsx

@@ -50,5 +50,5 @@ class ContentEditableComponent extends TsxComponent<ContentEditableArgs> impleme
     }
 }
 
-const ContentEditable = toNative(ContentEditableComponent)
+const ContentEditable = toNative(ContentEditableComponent)
 export default ContentEditable

package/components/context-menu/context-menu.tsx

@@ -19,5 +19,5 @@ class ContextMenuComponent extends TsxComponent<ContextMenuArgs> implements Cont
     }
 }
 
-const ContextMenu = toNative(ContextMenuComponent)
+const ContextMenu = toNative(ContextMenuComponent)
 export default ContextMenu

package/components/counter/fetchdata.tsx

@@ -91,5 +91,5 @@ class FetchDataComponentComponent extends PowerduckViewModelBase {
     }
 }
 
-const FetchDataComponent = toNative(FetchDataComponentComponent)
+const FetchDataComponent = toNative(FetchDataComponentComponent)
 export default FetchDataComponent

package/components/counter/index.tsx

@@ -97,5 +97,5 @@ class CounterComponentComponent extends Vue {
     }
 }
 
-const CounterComponent = toNative(CounterComponentComponent)
+const CounterComponent = toNative(CounterComponentComponent)
 export default CounterComponent

package/components/datatable/col-vis-modal.tsx

@@ -59,5 +59,5 @@ class ColVisModalComponent extends TsxComponent<ColVisModalArgs> implements ColV
     }
 }
 
-const ColVisModal = toNative(ColVisModalComponent)
+const ColVisModal = toNative(ColVisModalComponent)
 export default ColVisModal

package/components/datatable/export-excel-modal.tsx

@@ -196,5 +196,5 @@ class TableExportModalComponent extends TsxComponent<TableExportModalBindingArgs
     }
 }
 
-const TableExportModal = toNative(TableExportModalComponent)
+const TableExportModal = toNative(TableExportModalComponent)
 export default TableExportModal

package/components/datatable/filter-modal.tsx

@@ -168,5 +168,5 @@ class ColFilterModalComponent extends TsxComponent<ColFilterModalArgs> implement
     }
 }
 
-const ColFilterModal = toNative(ColFilterModalComponent)
+const ColFilterModal = toNative(ColFilterModalComponent)
 export default ColFilterModal

package/components/dropdown/currency-code-picker.tsx

@@ -57,5 +57,5 @@ class CurrencyCodePickerComponent extends TsxComponent<CurrencyCodePickerArgs> i
     }
 }
 
-const CurrencyCodePicker = toNative(CurrencyCodePickerComponent)
+const CurrencyCodePicker = toNative(CurrencyCodePickerComponent)
 export default CurrencyCodePicker

package/components/dropdown/image-dropdown.tsx

@@ -237,5 +237,5 @@ class ImageDropdownComponent extends TsxComponent<ImageDropdownArgs> implements
     }
 }
 
-const ImageDropdown = toNative(ImageDropdownComponent)
+const ImageDropdown = toNative(ImageDropdownComponent)
 export default ImageDropdown

package/components/dropdown/language-picker.tsx

@@ -76,5 +76,5 @@ class LanguagePickerComponent extends TsxComponent<LanguagePickerArgs> implement
     }
 }
 
-const LanguagePicker = toNative(LanguagePickerComponent)
+const LanguagePicker = toNative(LanguagePickerComponent)
 export default LanguagePicker

package/components/dropdown/timezone-picker.tsx

@@ -289,5 +289,5 @@ class TimezonePickerComponent extends TsxComponent<TimezonePickerArgs> implement
     }
 }
 
-const TimezonePicker = toNative(TimezonePickerComponent)
+const TimezonePicker = toNative(TimezonePickerComponent)
 export default TimezonePicker

package/components/dropdown-button/dropdown-button-element.tsx

@@ -75,5 +75,5 @@ class DropdownButtonElementComponent extends TsxComponent<DropdownButtonElementA
     }
 }
 
-const DropdownButtonElement = toNative(DropdownButtonElementComponent)
+const DropdownButtonElement = toNative(DropdownButtonElementComponent)
 export default DropdownButtonElement

package/components/dropdown-button/dropdown-button-heading.tsx

@@ -13,5 +13,5 @@ class DropdownButtonHeadingComponent extends TsxComponent<DropdownButtonHeadingA
     }
 }
 
-const DropdownButtonHeading = toNative(DropdownButtonHeadingComponent)
+const DropdownButtonHeading = toNative(DropdownButtonHeadingComponent)
 export default DropdownButtonHeading

package/components/dropdown-button/dropdown-button-item.tsx

@@ -92,5 +92,5 @@ class DropdownButtonItemComponent extends TsxComponent<DropdownButtonItemArgs> i
     }
 }
 
-const DropdownButtonItem = toNative(DropdownButtonItemComponent)
+const DropdownButtonItem = toNative(DropdownButtonItemComponent)
 export default DropdownButtonItem

package/components/dropdown-button/dropdown-button-separator.tsx

@@ -9,5 +9,5 @@ class DropdownButtonSeparatorComponent extends TsxComponent<DropdownButtonItemAr
     }
 }
 
-const DropdownButtonSeparator = toNative(DropdownButtonSeparatorComponent)
+const DropdownButtonSeparator = toNative(DropdownButtonSeparatorComponent)
 export default DropdownButtonSeparator

package/components/dropdown-button/language-dropdown-button.tsx

@@ -50,5 +50,5 @@ class LanguageDropdownButtonComponent extends TsxComponent<LanguageDropdownButto
     }
 }
 
-const LanguageDropdownButton = toNative(LanguageDropdownButtonComponent)
+const LanguageDropdownButton = toNative(LanguageDropdownButtonComponent)
 export default LanguageDropdownButton

package/components/file-downloader/index.tsx

@@ -262,5 +262,5 @@ class FileDownloadDialogComponent extends TsxComponent<FileDownloadDialogBinding
     }
 }
 
-const FileDownloadDialog = toNative(FileDownloadDialogComponent)
+const FileDownloadDialog = toNative(FileDownloadDialogComponent)
 export default FileDownloadDialog

package/components/form/footer-buttons.tsx

@@ -13,5 +13,5 @@ class FooterButtonsComponent extends TsxComponent<FooterButtonsArgs> implements
     }
 }
 
-const FooterButtons = toNative(FooterButtonsComponent)
+const FooterButtons = toNative(FooterButtonsComponent)
 export default FooterButtons

package/components/form/form.tsx

@@ -9,5 +9,5 @@ class FormComponent extends TsxComponent<FormArgs> implements FormArgs {
     }
 }
 
-const Form = toNative(FormComponent)
+const Form = toNative(FormComponent)
 export default Form

package/components/form/separator.tsx

@@ -15,5 +15,5 @@ class SeparatorComponent extends TsxComponent<SeparatorArgs> implements Separato
     }
 }
 
-const Separator = toNative(SeparatorComponent)
+const Separator = toNative(SeparatorComponent)
 export default Separator

package/components/form/validation-result-displayer.tsx

@@ -32,5 +32,5 @@ class ValidationResultDisplayerComponent extends TsxComponent<ValidationResultDi
     }
 }
 
-const ValidationResultDisplayer = toNative(ValidationResultDisplayerComponent)
+const ValidationResultDisplayer = toNative(ValidationResultDisplayerComponent)
 export default ValidationResultDisplayer

package/components/fullcalendar/fullcalendar-draggable-event.tsx

@@ -82,5 +82,5 @@ class FullCalendarDraggableEventComponent extends TsxComponent<FullCalendarDragg
     }
 }
 
-const FullCalendarDraggableEvent = toNative(FullCalendarDraggableEventComponent)
+const FullCalendarDraggableEvent = toNative(FullCalendarDraggableEventComponent)
 export default FullCalendarDraggableEvent

package/components/fullcalendar/timegrid-calendar.tsx

@@ -496,5 +496,5 @@ class TimegridCalendarComponent extends TsxComponent<TimegridCalendarArgs> imple
     }
 }
 
-const TimegridCalendar = toNative(TimegridCalendarComponent)
+const TimegridCalendar = toNative(TimegridCalendarComponent)
 export default TimegridCalendar

package/components/google/maps.tsx

@@ -153,5 +153,5 @@ class GoogleMapComponent extends TsxComponent<GoogleMapArgs> implements GoogleMa
     }
 }
 
-const GoogleMap = toNative(GoogleMapComponent)
+const GoogleMap = toNative(GoogleMapComponent)
 export default GoogleMap

package/components/highlight-js/index.tsx

@@ -59,5 +59,5 @@ class HighlightJsComponent extends TsxComponent<HighlightJsArgs> implements High
     }
 }
 
-const HighlightJs = toNative(HighlightJsComponent)
+const HighlightJs = toNative(HighlightJsComponent)
 export default HighlightJs

package/components/home/index.tsx

@@ -45,5 +45,5 @@ class HomeComponentComponent extends Vue {
     }
 }
 
-const HomeComponent = toNative(HomeComponentComponent)
+const HomeComponent = toNative(HomeComponentComponent)
 export default HomeComponent

package/components/html-literal/html-literal.tsx

@@ -37,5 +37,5 @@ class HtmlLiteralComponent extends TsxComponent<HtmlLiteralArgs> implements Html
     }
 }
 
-const HtmlLiteral = toNative(HtmlLiteralComponent)
+const HtmlLiteral = toNative(HtmlLiteralComponent)
 export default HtmlLiteral

package/components/image-crop/image-cropping-modal.tsx

@@ -308,5 +308,5 @@ class ImageCropModalComponent extends TsxComponent<ImageCropModalBindingArgs> im
     }
 }
 
-const ImageCropModal = toNative(ImageCropModalComponent)
+const ImageCropModal = toNative(ImageCropModalComponent)
 export default ImageCropModal

package/components/image-crop/upload-and-crop.tsx

@@ -175,5 +175,5 @@ class UploadImageAndCropButtonComponent extends TsxComponent<UploadImageAndCropB
     }
 }
 
-const UploadImageAndCropButton = toNative(UploadImageAndCropButtonComponent)
+const UploadImageAndCropButton = toNative(UploadImageAndCropButtonComponent)
 export default UploadImageAndCropButton

package/components/input/checkbox-without-label.tsx

@@ -62,5 +62,5 @@ class CheckBoxWithoutLabelComponent extends TsxComponent<CheckBoxArgs> implement
     }
 }
 
-const CheckBoxWithoutLabel = toNative(CheckBoxWithoutLabelComponent)
+const CheckBoxWithoutLabel = toNative(CheckBoxWithoutLabelComponent)
 export default CheckBoxWithoutLabel

package/components/input/geo-json.tsx

@@ -53,5 +53,5 @@ class GeoJsonEditorComponent extends TsxComponent<GeoJsonEditorArgs> implements
     }
 }
 
-const GeoJsonEditor = toNative(GeoJsonEditorComponent)
+const GeoJsonEditor = toNative(GeoJsonEditorComponent)
 export default GeoJsonEditor

package/components/input/gps-input.tsx

@@ -113,5 +113,5 @@ class GpsInputComponent extends TsxComponent<GpsInputArgs> implements GpsInputAr
     }
 }
 
-const GpsInput = toNative(GpsInputComponent)
+const GpsInput = toNative(GpsInputComponent)
 export default GpsInput

package/components/loading-indicator/index.tsx

@@ -36,5 +36,5 @@ class LoadingIndicatorComponent extends TsxComponent<LoadingIndicatorArgs> imple
     }
 }
 
-const LoadingIndicator = toNative(LoadingIndicatorComponent)
+const LoadingIndicator = toNative(LoadingIndicatorComponent)
 export default LoadingIndicator

package/components/modal/animation-error.tsx

@@ -25,5 +25,5 @@ class ModalAnimationErrorComponent extends TsxComponent<ModalAnimationErrorArgs>
     }
 }
 
-const ModalAnimationError = toNative(ModalAnimationErrorComponent)
+const ModalAnimationError = toNative(ModalAnimationErrorComponent)
 export default ModalAnimationError

package/components/modal/animation-success.tsx

@@ -27,5 +27,5 @@ class ModalAnimationSuccessComponent extends TsxComponent<ModalAnimationSuccessA
     }
 }
 
-const ModalAnimationSuccess = toNative(ModalAnimationSuccessComponent)
+const ModalAnimationSuccess = toNative(ModalAnimationSuccessComponent)
 export default ModalAnimationSuccess

package/components/modal/icon-question.tsx

@@ -22,5 +22,5 @@ class ModalIconQuestionComponent extends TsxComponent<ModalIconQuestionArgs> imp
     }
 }
 
-const ModalIconQuestion = toNative(ModalIconQuestionComponent)
+const ModalIconQuestion = toNative(ModalIconQuestionComponent)
 export default ModalIconQuestion

package/components/modal/icon-warning.tsx

@@ -22,5 +22,5 @@ class ModalIconWarningComponent extends TsxComponent<ModalIconWarningArgs> imple
     }
 }
 
-const ModalIconWarning = toNative(ModalIconWarningComponent)
+const ModalIconWarning = toNative(ModalIconWarningComponent)
 export default ModalIconWarning

package/components/modal/modal-body.tsx

@@ -13,5 +13,5 @@ class ModalBodyComponent extends TsxComponent<ModalBodyArgs> implements ModalBod
     }
 }
 
-const ModalBody = toNative(ModalBodyComponent)
+const ModalBody = toNative(ModalBodyComponent)
 export default ModalBody

package/components/modal/modal-footer.tsx

@@ -9,5 +9,5 @@ class ModalFooterComponent extends TsxComponent<ModalFooterArgs> implements Moda
     }
 }
 
-const ModalFooter = toNative(ModalFooterComponent)
+const ModalFooter = toNative(ModalFooterComponent)
 export default ModalFooter

package/components/modal-wrap/modal-section-wrapper.tsx

@@ -61,5 +61,5 @@ class ModalSectionWrapperComponent extends TsxComponent<ModalSectionWrapperArgs>
     }
 }
 
-const ModalSectionWrapper = toNative(ModalSectionWrapperComponent)
+const ModalSectionWrapper = toNative(ModalSectionWrapperComponent)
 export default ModalSectionWrapper

package/components/modal-wrap/modal-subtitle.tsx

@@ -15,5 +15,5 @@ class ModalSubtitleComponent extends TsxComponent<TabPageArgs> implements TabPag
     }
 }
 
-const ModalSubtitle = toNative(ModalSubtitleComponent)
+const ModalSubtitle = toNative(ModalSubtitleComponent)
 export default ModalSubtitle

package/components/progress-bar/index.tsx

@@ -121,5 +121,5 @@ class ProgressBarComponent extends TsxComponent<ProgressBarArgs> implements Prog
     }
 }
 
-const ProgressBar = toNative(ProgressBarComponent)
+const ProgressBar = toNative(ProgressBarComponent)
 export default ProgressBar

package/components/rating/rating-displayer.tsx

@@ -28,5 +28,5 @@ class RatingDisplayerComponent extends TsxComponent<RatingDisplayerArgs> impleme
     }
 }
 
-const RatingDisplayer = toNative(RatingDisplayerComponent)
+const RatingDisplayer = toNative(RatingDisplayerComponent)
 export default RatingDisplayer

package/components/rating/rating-picker.tsx

@@ -80,5 +80,5 @@ class RatingPickerComponent extends TsxComponent<RatingPickerArgs> implements Ra
     }
 }
 
-const RatingPicker = toNative(RatingPickerComponent)
+const RatingPicker = toNative(RatingPickerComponent)
 export default RatingPicker

package/components/share/share-modal.tsx

@@ -265,5 +265,5 @@ class ShareModalComponent extends TsxComponent<ShareComponentBindingArgs> implem
     }
 }
 
-const ShareModal = toNative(ShareModalComponent)
+const ShareModal = toNative(ShareModalComponent)
 export default ShareModal

package/components/share/share.tsx

@@ -237,5 +237,5 @@ class ShareComponentComponent extends TsxComponent<ShareComponentArgs> implement
     }
 }
 
-const ShareComponent = toNative(ShareComponentComponent)
+const ShareComponent = toNative(ShareComponentComponent)
 export default ShareComponent

package/components/sortable/sortable-container.tsx

@@ -59,5 +59,5 @@ class SortableContainerComponent extends TsxComponent<SortableContainerArgs> imp
     }
 }
 
-const SortableContainer = toNative(SortableContainerComponent)
+const SortableContainer = toNative(SortableContainerComponent)
 export default SortableContainer

package/components/sortable/sortable-item.tsx

@@ -15,5 +15,5 @@ class SortableItemComponent extends TsxComponent<SortableItemArgs> implements So
     }
 }
 
-const SortableItem = toNative(SortableItemComponent)
+const SortableItem = toNative(SortableItemComponent)
 export default SortableItem

package/components/spreadsheet/spreadsheet.tsx

@@ -132,5 +132,5 @@ class SpreadsheetComponent extends TsxComponent<SpreadsheetArgs> implements Spre
     }
 }
 
-const Spreadsheet = toNative(SpreadsheetComponent)
+const Spreadsheet = toNative(SpreadsheetComponent)
 export default Spreadsheet

package/components/summary-stats/summary-stats.tsx

@@ -15,5 +15,5 @@ class SummaryStatsComponent extends TsxComponent<SummaryStatsArgs> implements Su
     }
 }
 
-const SummaryStats = toNative(SummaryStatsComponent)
+const SummaryStats = toNative(SummaryStatsComponent)
 export default SummaryStats

package/components/swiper/swiper-gallery.tsx

@@ -86,5 +86,5 @@ class SwiperGalleryComponent extends TsxComponent<SwiperGalleryArgs> implements
     }
 }
 
-const SwiperGallery = toNative(SwiperGalleryComponent)
+const SwiperGallery = toNative(SwiperGalleryComponent)
 export default SwiperGallery

package/components/swiper/swiper-slide.tsx

@@ -9,5 +9,5 @@ class SwiperSlideComponent extends TsxComponent<SwiperSlideArgs> implements Swip
     }
 }
 
-const SwiperSlide = toNative(SwiperSlideComponent)
+const SwiperSlide = toNative(SwiperSlideComponent)
 export default SwiperSlide

package/components/swiper/swiper.tsx

@@ -131,5 +131,5 @@ class SwiperComponent extends TsxComponent<SwiperArgs> implements SwiperArgs {
     }
 }
 
-const Swiper = toNative(SwiperComponent)
+const Swiper = toNative(SwiperComponent)
 export default Swiper

package/components/table-wrapper/table-wrapper.tsx

@@ -23,5 +23,5 @@ class TableWrapperComponent extends TsxComponent<TableWrapperArgs> implements Ta
     }
 }
 
-const TableWrapper = toNative(TableWrapperComponent)
+const TableWrapper = toNative(TableWrapperComponent)
 export default TableWrapper

package/components/tilebox/tilebox.tsx

@@ -77,5 +77,5 @@ class TileboxComponent extends TsxComponent<TileboxArgs> implements TileboxArgs
     }
 }
 
-const Tilebox = toNative(TileboxComponent)
+const Tilebox = toNative(TileboxComponent)
 export default Tilebox

package/components/tooltip/index.tsx

@@ -96,5 +96,5 @@ class TooltipContainerComponent extends TsxComponent<TooltipContainerArgs> imple
     }
 }
 
-const TooltipContainer = toNative(TooltipContainerComponent)
+const TooltipContainer = toNative(TooltipContainerComponent)
 export default TooltipContainer

package/components/transition/index.tsx

@@ -14,5 +14,5 @@ class TransitionHolderComponent extends TsxComponent<TransitionArgs> implements
     }
 }
 
-const TransitionHolder = toNative(TransitionHolderComponent)
+const TransitionHolder = toNative(TransitionHolderComponent)
 export default TransitionHolder

package/components/wizard/wizard-subtitle.tsx

@@ -9,5 +9,5 @@ class WizardSubtitleComponent extends TsxComponent<WizardSubtitleArgs> implement
     }
 }
 
-const WizardSubtitle = toNative(WizardSubtitleComponent)
+const WizardSubtitle = toNative(WizardSubtitleComponent)
 export default WizardSubtitle

package/package.json

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