inviton-powerduck 0.0.154 → 0.0.155

package/components/chart-js/thirdparty/flot/jquery.flot.resize.js

@@ -1,3 +1,4 @@
+import { dateNow, getTime } from '../../../../common/temporal-helpers';
 /* Flot plugin for automatically redrawing plots as the placeholder resizes.
 
 Copyright (c) 2007-2014 IOLA and Ole Laursen.
@@ -137,17 +138,14 @@ can just fix the size of their placeholders.
 	}
 	if (!e.requestAnimationFrame) {
 		e.requestAnimationFrame = (function () {
-			return (
-				e.webkitRequestAnimationFrame
+			return (e.webkitRequestAnimationFrame
 				|| e.mozRequestAnimationFrame
 				|| e.oRequestAnimationFrame
-				|| e.msRequestAnimationFrame
-				|| function (t, i) {
-					return e.setTimeout(() => {
-						t(new Date().getTime());
-					}, n[l]);
-				}
-			);
+				|| e.msRequestAnimationFrame || function (t, i) {
+				return e.setTimeout(() => {
+					t(getTime(dateNow()));
+				}, n[l]);
+			});
 		})();
 	}
 

package/components/chart-js/thirdparty/flot/jquery.flot.resize.min.js

@@ -1,3 +1,4 @@
+import { dateNow, getTime } from '../../../../common/temporal-helpers';
 /* Javascript plotting library for jQuery, version 0.8.3.
 
 Copyright (c) 2007-2014 IOLA and Ole Laursen.
@@ -105,17 +106,14 @@ Licensed under the MIT license.
     }
     if (!e.requestAnimationFrame) {
         e.requestAnimationFrame = (function () {
-            return (
-                e.webkitRequestAnimationFrame ||
-                e.mozRequestAnimationFrame ||
-                e.oRequestAnimationFrame ||
-                e.msRequestAnimationFrame ||
-                function (t, i) {
-                    return e.setTimeout(function () {
-                        t(new Date().getTime());
-                    }, n[l]);
-                }
-            );
+            return (e.webkitRequestAnimationFrame ||
+            e.mozRequestAnimationFrame ||
+            e.oRequestAnimationFrame ||
+            e.msRequestAnimationFrame || function (t, i) {
+                return e.setTimeout(function () {
+                    t(getTime(dateNow()));
+                }, n[l]);
+            });
         })();
     }
     if (!e.cancelAnimationFrame) {

package/components/chart-js/thirdparty/flot/jquery.flot.stack.min.js

@@ -1,104 +1,104 @@
-/* Javascript plotting library for jQuery, version 0.8.3.
-
-Copyright (c) 2007-2014 IOLA and Ole Laursen.
-Licensed under the MIT license.
-
-*/
-(function ($) {
-    var options = { series: { stack: null } };
-    function init(plot) {
-        function findMatchingSeries(s, allseries) {
-            var res = null;
-            for (var i = 0; i < allseries.length; ++i) {
-                if (s == allseries[i]) break;
-                if (allseries[i].stack == s.stack) res = allseries[i];
-            }
-            return res;
-        }
-        function stackData(plot, s, datapoints) {
-            if (s.stack == null || s.stack === false) return;
-            var other = findMatchingSeries(s, plot.getData());
-            if (!other) return;
-            var ps = datapoints.pointsize,
-                points = datapoints.points,
-                otherps = other.datapoints.pointsize,
-                otherpoints = other.datapoints.points,
-                newpoints = [],
-                px,
-                py,
-                intery,
-                qx,
-                qy,
-                bottom,
-                withlines = s.lines.show,
-                horizontal = s.bars.horizontal,
-                withbottom = ps > 2 && (horizontal ? datapoints.format[2].x : datapoints.format[2].y),
-                withsteps = withlines && s.lines.steps,
-                fromgap = true,
-                keyOffset = horizontal ? 1 : 0,
-                accumulateOffset = horizontal ? 0 : 1,
-                i = 0,
-                j = 0,
-                l,
-                m;
-            while (true) {
-                if (i >= points.length) break;
-                l = newpoints.length;
-                if (points[i] == null) {
-                    for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
-                    i += ps;
-                } else if (j >= otherpoints.length) {
-                    if (!withlines) {
-                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
-                    }
-                    i += ps;
-                } else if (otherpoints[j] == null) {
-                    for (m = 0; m < ps; ++m) newpoints.push(null);
-                    fromgap = true;
-                    j += otherps;
-                } else {
-                    px = points[i + keyOffset];
-                    py = points[i + accumulateOffset];
-                    qx = otherpoints[j + keyOffset];
-                    qy = otherpoints[j + accumulateOffset];
-                    bottom = 0;
-                    if (px == qx) {
-                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
-                        newpoints[l + accumulateOffset] += qy;
-                        bottom = qy;
-                        i += ps;
-                        j += otherps;
-                    } else if (px > qx) {
-                        if (withlines && i > 0 && points[i - ps] != null) {
-                            intery = py + ((points[i - ps + accumulateOffset] - py) * (qx - px)) / (points[i - ps + keyOffset] - px);
-                            newpoints.push(qx);
-                            newpoints.push(intery + qy);
-                            for (m = 2; m < ps; ++m) newpoints.push(points[i + m]);
-                            bottom = qy;
-                        }
-                        j += otherps;
-                    } else {
-                        if (fromgap && withlines) {
-                            i += ps;
-                            continue;
-                        }
-                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
-                        if (withlines && j > 0 && otherpoints[j - otherps] != null)
-                            bottom = qy + ((otherpoints[j - otherps + accumulateOffset] - qy) * (px - qx)) / (otherpoints[j - otherps + keyOffset] - qx);
-                        newpoints[l + accumulateOffset] += bottom;
-                        i += ps;
-                    }
-                    fromgap = false;
-                    if (l != newpoints.length && withbottom) newpoints[l + 2] += bottom;
-                }
-                if (withsteps && l != newpoints.length && l > 0 && newpoints[l] != null && newpoints[l] != newpoints[l - ps] && newpoints[l + 1] != newpoints[l - ps + 1]) {
-                    for (m = 0; m < ps; ++m) newpoints[l + ps + m] = newpoints[l + m];
-                    newpoints[l + 1] = newpoints[l - ps + 1];
-                }
-            }
-            datapoints.points = newpoints;
-        }
-        plot.hooks.processDatapoints.push(stackData);
-    }
-    $.plot.plugins.push({ init: init, options: options, name: "stack", version: "1.2" });
-})(jQuery);
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+(function ($) {
+    var options = { series: { stack: null } };
+    function init(plot) {
+        function findMatchingSeries(s, allseries) {
+            var res = null;
+            for (var i = 0; i < allseries.length; ++i) {
+                if (s == allseries[i]) break;
+                if (allseries[i].stack == s.stack) res = allseries[i];
+            }
+            return res;
+        }
+        function stackData(plot, s, datapoints) {
+            if (s.stack == null || s.stack === false) return;
+            var other = findMatchingSeries(s, plot.getData());
+            if (!other) return;
+            var ps = datapoints.pointsize,
+                points = datapoints.points,
+                otherps = other.datapoints.pointsize,
+                otherpoints = other.datapoints.points,
+                newpoints = [],
+                px,
+                py,
+                intery,
+                qx,
+                qy,
+                bottom,
+                withlines = s.lines.show,
+                horizontal = s.bars.horizontal,
+                withbottom = ps > 2 && (horizontal ? datapoints.format[2].x : datapoints.format[2].y),
+                withsteps = withlines && s.lines.steps,
+                fromgap = true,
+                keyOffset = horizontal ? 1 : 0,
+                accumulateOffset = horizontal ? 0 : 1,
+                i = 0,
+                j = 0,
+                l,
+                m;
+            while (true) {
+                if (i >= points.length) break;
+                l = newpoints.length;
+                if (points[i] == null) {
+                    for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
+                    i += ps;
+                } else if (j >= otherpoints.length) {
+                    if (!withlines) {
+                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
+                    }
+                    i += ps;
+                } else if (otherpoints[j] == null) {
+                    for (m = 0; m < ps; ++m) newpoints.push(null);
+                    fromgap = true;
+                    j += otherps;
+                } else {
+                    px = points[i + keyOffset];
+                    py = points[i + accumulateOffset];
+                    qx = otherpoints[j + keyOffset];
+                    qy = otherpoints[j + accumulateOffset];
+                    bottom = 0;
+                    if (px == qx) {
+                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
+                        newpoints[l + accumulateOffset] += qy;
+                        bottom = qy;
+                        i += ps;
+                        j += otherps;
+                    } else if (px > qx) {
+                        if (withlines && i > 0 && points[i - ps] != null) {
+                            intery = py + ((points[i - ps + accumulateOffset] - py) * (qx - px)) / (points[i - ps + keyOffset] - px);
+                            newpoints.push(qx);
+                            newpoints.push(intery + qy);
+                            for (m = 2; m < ps; ++m) newpoints.push(points[i + m]);
+                            bottom = qy;
+                        }
+                        j += otherps;
+                    } else {
+                        if (fromgap && withlines) {
+                            i += ps;
+                            continue;
+                        }
+                        for (m = 0; m < ps; ++m) newpoints.push(points[i + m]);
+                        if (withlines && j > 0 && otherpoints[j - otherps] != null)
+                            bottom = qy + ((otherpoints[j - otherps + accumulateOffset] - qy) * (px - qx)) / (otherpoints[j - otherps + keyOffset] - qx);
+                        newpoints[l + accumulateOffset] += bottom;
+                        i += ps;
+                    }
+                    fromgap = false;
+                    if (l != newpoints.length && withbottom) newpoints[l + 2] += bottom;
+                }
+                if (withsteps && l != newpoints.length && l > 0 && newpoints[l] != null && newpoints[l] != newpoints[l - ps] && newpoints[l + 1] != newpoints[l - ps + 1]) {
+                    for (m = 0; m < ps; ++m) newpoints[l + ps + m] = newpoints[l + m];
+                    newpoints[l + 1] = newpoints[l - ps + 1];
+                }
+            }
+            datapoints.points = newpoints;
+        }
+        plot.hooks.processDatapoints.push(stackData);
+    }
+    $.plot.plugins.push({ init: init, options: options, name: "stack", version: "1.2" });
+})(jQuery);

package/components/chart-js/ts/line-chart-contracts.ts

@@ -1,4 +1,4 @@
-import type { DateWrapper } from '../../../common/date-wrapper';
+import type { Temporal } from '@js-temporal/polyfill';
 
 export interface LineChartTicksX {
 	maxTicksLimit: number;
@@ -17,7 +17,7 @@ export interface LineChartDataSet {
 }
 
 export interface LineChartDataItem {
-	caption: DateWrapper | string;
+	caption: Temporal.PlainDateTime | string;
 	value: number;
 	uuid?: string;
 	tooltipSuffix?: string;

package/components/container-with-breakpoints/ts/breakpoint-handler.ts

@@ -1,4 +1,4 @@
-import { arrayRemove } from '../../../common/utils/array-remove';
+import { remove } from '../../../common/extensions/array-extensions';
 
 if ((window as any).__powerduckBreakpointHandler == null) {
 	(window as any).__powerduckBreakpointHandler = {
@@ -18,7 +18,7 @@ export class BreakpointHandler {
 	}
 
 	static removeResizeHandler(handler: () => any) {
-		arrayRemove(BreakpointHandler.handlers, handler);
+		(BreakpointHandler.handlers as any[])[remove](handler);
 	}
 
 	static bindResizeHandler() {

package/components/counter/testall.tsx

@@ -1,13 +1,17 @@
+/* eslint-disable ts/no-use-before-define */
+/* eslint-disable no-alert */
 import type { BreadcrumbItem } from '../app/breadcrumb';
 
 import type { AppMenuItem } from '../app/menu';
+
 import type { CardHeaderDropdownArgs } from '../card/card-header-with-options';
 import type { DropdownListOption } from '../dropdown';
+import type { ImageDropdownDataItem } from '../dropdown/image-dropdown';
 import type { TimegridCalendarAddClickedArgs, TimegridCalendarEvent } from '../fullcalendar/timegrid-calendar';
+import { Temporal } from '@js-temporal/polyfill';
 import { Prop, toNative } from 'vue-facing-decorator';
 import TsxComponent, { Component } from '../../app/vuetsx';
 import { PowerduckViewModelBase } from '../../common/base-component';
-import { DateWrapper } from '../../common/date-wrapper';
 import Accordion from '../accordion/accordion';
 import { AccordionPage } from '../accordion/accordion-page';
 import BootstrapToggle, { BootstrapToggleSize } from '../bootstrap-toggle';
@@ -23,6 +27,8 @@ import DropdownList, { MultiselectMode } from '../dropdown';
 import DropdownButton from '../dropdown-button/dropdown-button';
 import DropdownButtonItem from '../dropdown-button/dropdown-button-item';
 import DropdownButtonSeparator from '../dropdown-button/dropdown-button-separator';
+import CountryDropdown from '../dropdown/country-dropdown';
+import ImageDropdown from '../dropdown/image-dropdown';
 import Fieldset from '../form/fieldset';
 import FlexContainer from '../form/flex-container';
 import FooterButtons from '../form/footer-buttons';
@@ -44,8 +50,6 @@ import ModalSectionWrapper from '../modal-wrap/modal-section-wrapper';
 import Modal, { ModalSize } from '../modal/modal';
 import ModalBody from '../modal/modal-body';
 import ModalFooter from '../modal/modal-footer';
-import CountryDropdown from '../dropdown/country-dropdown';
-import ImageDropdown, { ImageDropdownDataItem } from '../dropdown/image-dropdown';
 
 interface TagItem {
 	id: string;
@@ -66,6 +70,8 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 	selectedTagIds: string[] = [];
 	count: number = 0;
 	selectedImageDropdownItems: ImageDropdownDataItem[] = null;
+	date: Temporal.PlainDateTime = Temporal.PlainDateTime.from('2026-04-04');
+	dateRange: any = null;
 
 	protected get breadcrumbItems(): BreadcrumbItem[] {
 		return [
@@ -115,19 +121,8 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 	}
 
 	addTimeEvent(e: TimegridCalendarAddClickedArgs) {
-		const startTime = DateWrapper.getCurrent();
-		startTime.setDate(e.defaultDate.getDate());
-		startTime.setMonth(e.defaultDate.getMonth());
-		startTime.setFullYear(e.defaultDate.getFullYear());
-		startTime.setHours(e.defaultDate.getHours());
-		startTime.setMinutes(e.defaultDate.getMinutes());
-
-		const endTime = DateWrapper.getCurrent();
-		endTime.setDate(e.defaultDate.getDate());
-		endTime.setMonth(e.defaultDate.getMonth());
-		endTime.setFullYear(e.defaultDate.getFullYear());
-		endTime.setHours(e.defaultDate.getHours() + 1);
-		endTime.setMinutes(e.defaultDate.getMinutes());
+		const startTime = e.defaultDate;
+		const endTime = startTime.add({ hours: 1 });
 
 		this.timeEvents.push({
 			id: `idd${Math.random() * (999999999 - 1)}${1}`,
@@ -142,8 +137,8 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 	getImageDropdownSource(): ImageDropdownDataItem[] {
 		return [
 			{ id: 1, text: 'Kazuyoshi Funaki', subtitle: 'Nagano 98', imageUrl: 'https://upload.wikimedia.org/wikipedia/commons/6/69/Kazuyoshi_Funaki_%28JAP%29_2014.jpg' },
-			{ id: 2, text: 'Masahiko Harada', subtitle: 'Nagano 98', imageUrl: 'https://img.olympics.com/images/image/private/t_1-1_300/f_auto/primary/kvwgfkitbetfq96l0jcd' }
-		]
+			{ id: 2, text: 'Masahiko Harada', subtitle: 'Nagano 98', imageUrl: 'https://img.olympics.com/images/image/private/t_1-1_300/f_auto/primary/kvwgfkitbetfq96l0jcd' },
+		];
 	}
 
 	getTagDropdown(): typeof DropdownList.prototype {
@@ -218,8 +213,20 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 						this.color = e;
 					}}
 				/>
-				<DaterangePicker label="Range picker" value={null} changed={(e) => { }} />
-				<DatetimePicker label="Pick a date" value={null} showTime={true} changed={(e) => { }} />
+				<DaterangePicker
+					label="Range picker"
+					autoClose={true}
+					value={this.dateRange}
+					changed={(e) => {
+						this.dateRange = e
+					}}
+				/>
+				<DatetimePicker label="Pick a date"
+					value={this.date}
+					showTime={true}
+					changed={(e) => {
+						this.date = e;
+					}} />
 				<NumericInput
 					label="Spinner number input"
 					value={this.numberVal}
@@ -397,11 +404,19 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 					label="Custom override"
 					multiselect={true}
 					multiselectMode={MultiselectMode.Checkboxes}
-					customRenderOption={(h, item, originator) => {
-						return (<CustomDropdownItem text={item.text} />)
+					customRenderOption={(
+						h,
+						item,
+						originator,
+					) => {
+						return (<CustomDropdownItem text={item.text} />);
 					}}
-					customRenderSelectionResult={(h, item, originator) => {
-						return (<CustomDropdownItem text={item.text} />)
+					customRenderSelectionResult={(
+						h,
+						item,
+						originator,
+					) => {
+						return (<CustomDropdownItem text={item.text} />);
 					}}
 					changed={(v) => {
 						this.selectedOptions = v.id;
@@ -409,19 +424,20 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 				/>
 
 				<CountryDropdown
-					label='krajina'
+					label="krajina"
 				/>
 
 				<ImageDropdown
 					options={this.getImageDropdownSource()}
 					buttons={[
 						{
-							iconCss: 'icon icon-pencil', clicked: (e) => {
+							iconCss: 'icon icon-pencil',
+							clicked: (e) => {
 								console.log('it was clicked');
-							}
-						}
+							},
+						},
 					]}
-					label={'Osoby'}
+					label="Osoby"
 					selected={this.selectedImageDropdownItems}
 					tagsAdded={(e) => {
 						console.log(JSON.stringify(e));
@@ -536,51 +552,41 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 					<FullCalendarDraggableEvent
 						title="Event druhaov"
 						dataRow={{ druha: 'jedna' }}
-						startDate={new DateWrapper(
-							1900,
-							1,
-							1,
-							10,
-							0,
-							0,
-							0,
-						)}
-						endDate={new DateWrapper(
-							1900,
-							1,
-							1,
-							10,
-							45,
-							0,
-							0,
-						)}
+						startDate={Temporal.PlainDateTime.from({
+							year: 1900,
+							month: 1,
+							day: 1,
+							hour: 10,
+						})}
+						endDate={Temporal.PlainDateTime.from({
+							year: 1900,
+							month: 1,
+							day: 1,
+							hour: 10,
+							minute: 45,
+						})}
 					/>
 					<FullCalendarDraggableEvent
 						title="Ej bardzo dva"
 						dataRow={{ druha: 'kurva' }}
-						startDate={new DateWrapper(
-							1900,
-							1,
-							1,
-							10,
-							0,
-							0,
-							0,
-						)}
-						endDate={new DateWrapper(
-							1900,
-							1,
-							1,
-							11,
-							30,
-							0,
-							0,
-						)}
+						startDate={Temporal.PlainDateTime.from({
+							year: 1900,
+							month: 1,
+							day: 1,
+							hour: 10,
+						})}
+						endDate={Temporal.PlainDateTime.from({
+							year: 1900,
+							month: 1,
+							day: 1,
+							hour: 10,
+							minute: 45,
+						})}
 					/>
 				</div>
 				{/* <TimegridCalendar
-                    minDate={new DateWrapper(2020, 2, 3)}
-                    maxDate={new DateWrapper(2020, 2, 7, 10, 0, 0)}
+                    minDate={createDateUniversal(2020, 2, 3)}
+                    maxDate={createDateUniversal(2020, 2, 7, 10, 0, 0)}
                     viewType={this.timeViewType as any}
                     resources={[
                         { id: "a", title: "Room a", building: "druha", dataRow: {} },
@@ -620,25 +626,33 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 }
 
 interface FormArgs {
-	text: string
+	text: string;
 }
 
 @Component
 class CustomDropdownItemComponent extends TsxComponent<FormArgs> implements FormArgs {
 	count: number = 0;
-	@Prop() text: string
+	@Prop() text: string;
 
 	render(h) {
-		return (<div><div onClick={(e) => {
-			//alert('wtf?');
-			this.count += 1;
-		}}>{this.text} dpc count {this.count}</div></div>)
+		return (
+			<div>
+				<div onClick={(e) => {
+					// alert('wtf?');
+					this.count += 1;
+				}}
+				>
+					{this.text}
+					{' '}
+					dpc count
+					{this.count}
+				</div>
+			</div>
+		);
 	}
 }
 
 const CustomDropdownItem = toNative(CustomDropdownItemComponent);
 
-
-
 const TestAllComponentsPage = toNative(TestAllComponentsPageComponent);
 export default TestAllComponentsPage;