inviton-powerduck 0.0.154 → 0.0.155

package/components/input/radio-button-group.tsx

@@ -2,11 +2,11 @@ import type { DropdownButtonItemArgs } from '../dropdown-button/dropdown-button-
 import type { FormItemWrapperArgs, HintType, MarginType } from '../form/form-item-wrapper';
 import { Prop, toNative } from 'vue-facing-decorator';
 import TsxComponent, { Component } from '../../app/vuetsx';
-import { capitalize } from '../../common/utils/capitalize-string';
 import { PortalUtils } from '../../common/utils/utils';
 import FormItemWrapper from '../form/form-item-wrapper';
 import HtmlLiteral from '../html-literal/html-literal';
 import './css/radio-button-group.css';
+import { capitalize } from '../../common/extensions/string-extensions';
 
 type RowToString = (row) => string;
 interface RadioButtonGroupArgs extends FormItemWrapperArgs {
@@ -78,7 +78,7 @@ class RadioButtonGroupComponent extends TsxComponent<RadioButtonGroupArgs> imple
 		for (let i = 0, len = paramArr.length; i < len; i++) {
 			let val = row[paramArr[i]];
 			if (val == null) {
-				val = row[capitalize(paramArr[i])];
+				val = row[paramArr[i][capitalize]()];
 			}
 
 			if (val != null) {

package/components/input/ts/dateInputHelper.ts

@@ -58,6 +58,7 @@ export default class DateInputHelper {
 			return cachedValue;
 		}
 
+		// eslint-disable-next-line no-restricted-syntax
 		const date = new Date(Date.UTC(
 			1990,
 			9,

package/components/input/wysiwig.tsx

@@ -5,6 +5,7 @@ import { Prop, toNative, Watch } from 'vue-facing-decorator';
 import PowerduckState from '../../app/powerduck-state';
 import TsxComponent, { Component } from '../../app/vuetsx';
 import EsModuleImportHelper from '../../common/utils/esmodule-import-helper';
+import TemporalUtils from '../../common/utils/temporal-utils';
 import FormItemWrapper from '../form/form-item-wrapper';
 import { FileManagerDialog, FileManagerModalFileType } from '../modal/ts/file-manager-dialog';
 import svgIcons from './img/trumbowyg-icons.svg';
@@ -16,8 +17,8 @@ import './plugins/trumbowyg/lang/sk.ts';
 import './plugins/trumbowyg/custom-cleanpaste';
 import './plugins/trumbowyg/custom-upload';
 import './plugins/trumbowyg/custom-colors';
-import './plugins/trumbowyg/modal-issues-fix';
 
+import './plugins/trumbowyg/modal-issues-fix';
 import 'trumbowyg/plugins/emoji/trumbowyg.emoji.js';
 import 'trumbowyg/plugins/noembed/trumbowyg.noembed.js';
 import 'trumbowyg/plugins/fontsize/trumbowyg.fontsize.js';
@@ -101,12 +102,12 @@ class WysiwigEditorComponent extends TsxComponent<WysiwigEditorArgs> implements
 				lineheight: {
 					sizeList: [
 						'0.9',
-                                                '1.0',
+						'1.0',
 						'normal',
-                                                '1.2',
-                                                '1.3',
+						'1.2',
+						'1.3',
 						'1.5',
-						'2.0'
+						'2.0',
 					],
 					allowCustomSize: true,
 				},
@@ -571,11 +572,15 @@ class WysiwigEditorComponent extends TsxComponent<WysiwigEditorArgs> implements
 			// instance id
 			instanceId: null,
 		};
-		if (typeof options == 'object') { defaultOptions = $.extend(defaultOptions, options); }
+		if (typeof options == 'object') {
+			defaultOptions = $.extend(defaultOptions, options);
+		}
 
 		return this.each(function (this: any) {
 			let opt = $.extend({}, defaultOptions);
-			if (!opt.instanceId) { opt.instanceId = `rsz_${new Date().getTime()}`; }
+			if (!opt.instanceId) {
+				opt.instanceId = `rsz_${TemporalUtils.dateNowMs()}`;
+			}
 
 			let startPos, startTransition;
 

package/components/svg/skilift-svg.tsx

@@ -1,6 +1,6 @@
-export const SKILIFT_SVG: string = `
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
-  <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentColor" stroke="none">
-    <path d="M3911 4254 l-1153 -354 -40 34 c-77 66 -211 76 -290 20 -57 -40 -107 -107 -114 -153 l-6 -38 -1127 -345 -1126 -345 -3 -103 c-2 -94 -1 -102 15 -98 10 3 529 161 1154 353 l1135 347 43 -28 42 -29 -5 -55 c-2 -30 -21 -279 -42 -552 l-38 -498 -360 0 c-200 0 -390 -5 -426 -11 -173 -27 -319 -153 -371 -320 -18 -56 -19 -99 -19 -594 0 -495 1 -538 19 -594 50 -161 183 -281 350 -317 98 -20 1924 -20 2022 0 167 36 300 156 350 317 18 56 19 99 19 588 0 444 -2 536 -16 586 -44 170 -197 307 -374 335 -36 5 -227 10 -426 10 l-360 0 -38 498 c-21 273 -40 522 -43 552 -5 53 -4 56 25 73 40 23 72 69 93 131 l17 49 153 48 c85 26 309 95 499 153 852 260 1595 488 1598 490 1 2 1 48 0 103 l-3 100 -1154 -353z m-1913 -2666 l2 -358 -260 0 -260 0 0 353 c0 195 3 357 7 361 4 3 119 5 257 4 l251 -3 3 -357z m820 0 l2 -358 -260 0 -260 0 0 353 c0 195 3 357 7 361 4 3 119 5 257 4 l251 -3 3 -357z m820 0 l2 -358 -260 0 -260 0 0 353 c0 195 3 357 7 361 4 3 119 5 257 4 l251 -3 3 -357z"/>
-  </g>
-</svg>`;
+export const SKILIFT_SVG: string = `
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
+  <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="currentColor" stroke="none">
+    <path d="M3911 4254 l-1153 -354 -40 34 c-77 66 -211 76 -290 20 -57 -40 -107 -107 -114 -153 l-6 -38 -1127 -345 -1126 -345 -3 -103 c-2 -94 -1 -102 15 -98 10 3 529 161 1154 353 l1135 347 43 -28 42 -29 -5 -55 c-2 -30 -21 -279 -42 -552 l-38 -498 -360 0 c-200 0 -390 -5 -426 -11 -173 -27 -319 -153 -371 -320 -18 -56 -19 -99 -19 -594 0 -495 1 -538 19 -594 50 -161 183 -281 350 -317 98 -20 1924 -20 2022 0 167 36 300 156 350 317 18 56 19 99 19 588 0 444 -2 536 -16 586 -44 170 -197 307 -374 335 -36 5 -227 10 -426 10 l-360 0 -38 498 c-21 273 -40 522 -43 552 -5 53 -4 56 25 73 40 23 72 69 93 131 l17 49 153 48 c85 26 309 95 499 153 852 260 1595 488 1598 490 1 2 1 48 0 103 l-3 100 -1154 -353z m-1913 -2666 l2 -358 -260 0 -260 0 0 353 c0 195 3 357 7 361 4 3 119 5 257 4 l251 -3 3 -357z m820 0 l2 -358 -260 0 -260 0 0 353 c0 195 3 357 7 361 4 3 119 5 257 4 l251 -3 3 -357z m820 0 l2 -358 -260 0 -260 0 0 353 c0 195 3 357 7 361 4 3 119 5 257 4 l251 -3 3 -357z"/>
+  </g>
+</svg>`;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "inviton-powerduck",
 	"type": "module",
-	"version": "0.0.154",
+	"version": "0.0.155",
 	"files": [
 		"app/",
 		"common/",
@@ -24,6 +24,7 @@
 		"@fullcalendar/interaction": "4.4.0",
 		"@fullcalendar/resource-timegrid": "4.4.0",
 		"@fullcalendar/resource-timeline": "4.4.0",
+		"@js-temporal/polyfill": "^0.5.1",
 		"@monaco-editor/loader": "^1.4.0",
 		"@vitejs/plugin-vue-jsx": "^4.1.0",
 		"@vue-leaflet/vue-leaflet": "^0.10.1",

package/common/date-wrapper.ts

@@ -1,422 +0,0 @@
-import PowerduckState from '../app/powerduck-state';
-
-/**
- * Wrapper for Date class, works without timezones
- */
-export class DateWrapper {
-	private _dte: Date = null;
-
-	constructor(d: DateWrapper);
-	constructor(t: number);
-	constructor(year?: number | DateWrapper, month?: number, date?: number, hours?: number, minutes?: number, seconds?: number, ms?: number);
-
-	constructor(
-		yearOrWrapperOrTimestamp?: number | DateWrapper,
-		month?: number,
-		date?: number,
-		hours?: number,
-		minutes?: number,
-		seconds?: number,
-		ms?: number,
-	) {
-		if (month != null) {
-			this._dte = new Date(Date.UTC(
-				yearOrWrapperOrTimestamp as number,
-				month,
-				date,
-				hours || 0,
-				minutes || 0,
-				seconds || 0,
-				ms || 0,
-			));
-		} else if (yearOrWrapperOrTimestamp != null) {
-			if ((yearOrWrapperOrTimestamp as any)._dte != null) {
-				this._dte = new Date(Date.UTC(
-					(yearOrWrapperOrTimestamp as DateWrapper).getFullYear(),
-					(yearOrWrapperOrTimestamp as DateWrapper).getMonth(),
-					(yearOrWrapperOrTimestamp as DateWrapper).getDate(),
-					(yearOrWrapperOrTimestamp as DateWrapper).getHours(),
-					(yearOrWrapperOrTimestamp as DateWrapper).getMinutes(),
-					(yearOrWrapperOrTimestamp as DateWrapper).getSeconds(),
-					(yearOrWrapperOrTimestamp as DateWrapper).getMilliseconds(),
-				));
-			} else {
-				this._dte = new Date(Number(yearOrWrapperOrTimestamp as number));
-			}
-		} else {
-			const now = new Date();
-			this._dte = new Date(Date.UTC(
-				now.getFullYear(),
-				now.getMonth(),
-				now.getDate(),
-				now.getHours(),
-				now.getMinutes(),
-				now.getSeconds(),
-				now.getMilliseconds(),
-			));
-		}
-	}
-
-	clone(): DateWrapper {
-		return new DateWrapper(
-			this.getFullYear(),
-			this.getMonth(),
-			this.getDate(),
-			this.getHours(),
-			this.getMinutes(),
-			this.getSeconds(),
-			this._dte.getMilliseconds(),
-		);
-	}
-
-	serialize(): string {
-		return this.toWire(true);
-	}
-
-	toJSON(key?: any): string {
-		return this._dte.toJSON(key);
-		// return this.serialize();
-	}
-
-	toString(): string {
-		return this.toDisplayString();
-	}
-
-	toLocaleDateString(opts: Intl.DateTimeFormatOptions & { language?: string }): string {
-		opts.timeZone = 'UTC';
-
-		try {
-			return this._dte.toLocaleDateString(opts.language || PowerduckState.getCurrentLanguage(), opts);
-		} catch (e) {
-			return this._dte.toString();
-		}
-	}
-
-	toLocaleTimeString(opts: Intl.DateTimeFormatOptions & { language?: string }): string {
-		opts.timeZone = 'UTC';
-
-		try {
-			return this._dte.toLocaleTimeString(opts.language || PowerduckState.getCurrentLanguage(), opts);
-		} catch (e) {
-			return this._dte.toString();
-		}
-	}
-
-	toDisplayString(options: {
-		showTime?: boolean;
-		showSeconds?: boolean;
-		monthLong?: boolean;
-		dayLong?: boolean;
-		hideDay?: boolean;
-		hideMonth?: boolean;
-		hideYear?: boolean;
-		language?: string;
-	}): string;
-	toDisplayString(showTime?: boolean, showSeconds?: boolean, monthLong?: boolean): string;
-	toDisplayString(
-		options?: boolean | {
-			showTime?: boolean;
-			showSeconds?: boolean;
-			monthLong?: boolean;
-			dayLong?: boolean;
-			hideDay?: boolean;
-			hideMonth?: boolean;
-			hideYear?: boolean;
-			language?: string;
-		},
-		showTime?: boolean,
-		showSeconds?: boolean,
-		monthLong?: boolean,
-	): string {
-		let opts = {} as any;
-		if (typeof options === 'object') {
-			opts = options;
-		} else {
-			opts = {
-				showTime: options as any,
-				showSeconds: showTime as any,
-				monthLong: showSeconds,
-			};
-		}
-
-		const args = {
-			year: !opts.hideYear ? 'numeric' : undefined,
-			month: !opts.hideMonth ? (opts.monthLong ? 'long' : 'numeric') : undefined,
-			day: !opts.hideDay && !opts.dayLong ? 'numeric' : undefined,
-			weekday: opts.dayLong ? 'long' : undefined,
-			timeZone: 'UTC',
-		} as any as Intl.DateTimeFormatOptions;
-
-		if (showTime || opts.showTime) {
-			args.hour = 'numeric';
-			args.minute = '2-digit';
-		}
-
-		if (showSeconds || opts.showSeconds) {
-			args.second = '2-digit';
-		}
-
-		try {
-			return this._dte.toLocaleDateString(opts.language || PowerduckState.getCurrentLanguage(), args);
-		} catch (e) {
-			return this._dte.toString();
-		}
-	}
-
-	toDisplayStringNonUtc(
-		showTime?: boolean,
-		showSeconds?: boolean,
-		monthLong?: boolean,
-	): string {
-		const args = {
-			year: 'numeric',
-			month: monthLong ? 'long' : 'numeric',
-			day: 'numeric',
-		} as any as Intl.DateTimeFormatOptions;
-
-		if (showTime) {
-			args.hour = 'numeric';
-			args.minute = '2-digit';
-		}
-
-		if (showSeconds) {
-			args.second = '2-digit';
-		}
-
-		try {
-			return this._dte.toLocaleDateString(PowerduckState.getCurrentLanguage(), args);
-		} catch (e) {
-			return this._dte.toString();
-		}
-	}
-
-	getTime(): number {
-		return this._dte.getTime();
-	}
-
-	getFullYear(): number {
-		return this._dte.getUTCFullYear();
-	}
-
-	getMonth(): number {
-		return this._dte.getUTCMonth();
-	}
-
-	getDate(): number {
-		return this._dte.getUTCDate();
-	}
-
-	getDay(): number {
-		return this._dte.getUTCDay();
-	}
-
-	getHours(): number {
-		return this._dte.getUTCHours();
-	}
-
-	getMinutes(): number {
-		return this._dte.getUTCMinutes();
-	}
-
-	getSeconds(): number {
-		return this._dte.getSeconds();
-	}
-
-	getMilliseconds(): number {
-		return this._dte.getMilliseconds();
-	}
-
-	getTimezoneOffset(): number {
-		return this._dte.getTimezoneOffset();
-	}
-
-	static getCurrent(): DateWrapper {
-		return DateWrapper.fromNonUtcDate(new Date());
-	}
-
-	setTime(time: number): number {
-		return this._dte.setTime(time);
-	}
-
-	setSeconds(sec: number, ms?: number): number {
-		return this._dte.setUTCSeconds(sec, ms ?? this._dte.getMilliseconds());
-	}
-
-	setMinutes(
-		min: number,
-		sec?: number,
-		ms?: number,
-	): number {
-		return this._dte.setUTCMinutes(
-			min,
-			sec ?? this._dte.getUTCMinutes(),
-			ms ?? this._dte.getMilliseconds(),
-		);
-	}
-
-	setHours(
-		hours: number,
-		min?: number,
-		sec?: number,
-		ms?: number,
-	): number {
-		return this._dte.setUTCHours(
-			hours,
-			min ?? this._dte.getUTCMinutes(),
-			sec ?? this._dte.getUTCMinutes(),
-			ms ?? this._dte.getMilliseconds(),
-		);
-	}
-
-	setDate(date: number): number {
-		return this._dte.setUTCDate(date);
-	}
-
-	setMonth(month: number, date?: number): number {
-		return this._dte.setUTCMonth(month, date ?? this._dte.getUTCDate());
-	}
-
-	setFullYear(
-		year: number,
-		month?: number,
-		date?: number,
-	): number {
-		return this._dte.setUTCFullYear(
-			year,
-			month ?? this._dte.getUTCMonth(),
-			date ?? this._dte.getUTCDate(),
-		);
-	}
-
-	toISOString(): string {
-		return this.toWire(true, true);
-	}
-
-	isDST(): boolean {
-		const dstOffset = new Date(
-			this.getFullYear(),
-			6,
-			1,
-		).getTimezoneOffset();
-		if (dstOffset == this.innerDate.getTimezoneOffset()) {
-			return true;
-		} else {
-			return false;
-		}
-	}
-
-	get innerDate(): Date {
-		return this._dte;
-	}
-
-	static isSerializedDate(str: string): boolean {
-		return str != null && str.length > 18 && str.length < 29 && str.indexOf('T') == 10;
-	}
-
-	static deserialize(str: string): DateWrapper {
-		return DateWrapper.fromWire(str);
-	}
-
-	static fromNonUtcDate(d: Date): DateWrapper {
-		return new DateWrapper(Date.UTC(
-			d.getFullYear(),
-			d.getMonth(),
-			d.getDate(),
-			d.getHours(),
-			d.getMinutes(),
-			d.getSeconds(),
-		));
-	}
-
-	static fromWire(value: string): DateWrapper {
-		if (value != null && value.length > 0) {
-			if (value.includes('T')) {
-				let year, month, day, hour, minute, second;
-				const dtSplit = value.split('T');
-				const dateSplit = dtSplit[0].split('-');
-				const timeSplit = dtSplit[1].split(':');
-
-				if (dateSplit.length == 3) {
-					year = Number(dateSplit[0]);
-					month = Number(dateSplit[1]) - 1;
-					day = Number(dateSplit[2]);
-
-					if (timeSplit.length > 1) {
-						hour = Number(timeSplit[0]);
-						minute = Number(timeSplit[1]);
-						second = timeSplit[2] || 0;
-
-						if (second != null && second != 0) {
-							try {
-								if (second.includes('.')) {
-									second = Number(second.split('.')[0]);
-								} else {
-									second = Number(second);
-								}
-							} catch (e) { }
-						}
-
-						if (isNaN(second)) {
-							second = 0;
-						}
-
-						return new DateWrapper(
-							year,
-							month,
-							day,
-							hour,
-							minute,
-							second,
-							0,
-						);
-					}
-				}
-			} else {
-				const splitVal = value.split('-');
-				if (splitVal.length == 3) {
-					return new DateWrapper(
-						Number(splitVal[0]),
-						Number(splitVal[1]) - 1,
-						Number(splitVal[2]),
-						0,
-						0,
-						0,
-						0,
-					);
-				} else if (splitVal.length == 5) {
-					// TODO:
-				}
-			}
-		}
-
-		return null;
-	}
-
-	toWire(includeTime?: boolean, includeMs?: boolean): string {
-		function formatDatePart(v: number) {
-			if (v < 10) {
-				return `0${v.toString()}`;
-			} else {
-				return v.toString();
-			}
-		}
-
-		let datePart = `${this.getFullYear()}-${formatDatePart(this.getMonth() + 1)}-${formatDatePart(this.getDate())}`;
-		if (includeTime) {
-			datePart += `T${formatDatePart(this.getHours())}:${formatDatePart(this.getMinutes())}:${formatDatePart(this.getSeconds())}`;
-		}
-
-		if (includeMs) {
-			let ms = this.innerDate.getMilliseconds().toString();
-			if (ms.length == 1) {
-				ms = `00${ms}`;
-			} else if (ms.length == 2) {
-				ms = `0${ms}`;
-			}
-
-			datePart += `.${ms}Z`;
-		}
-
-		return datePart;
-	}
-}