inviton-powerduck 0.0.146 → 0.0.148

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

@@ -1,147 +1,147 @@
-/* Javascript plotting library for jQuery, version 0.8.3.
-
-Copyright (c) 2007-2014 IOLA and Ole Laursen.
-Licensed under the MIT license.
-
-*/
-(function ($, e, t) {
-    "$:nomunge";
-    var i = [],
-        n = ($.resize = $.extend($.resize, {})),
-        a,
-        r = false,
-        s = "setTimeout",
-        u = "resize",
-        m = u + "-special-event",
-        o = "pendingDelay",
-        l = "activeDelay",
-        f = "throttleWindow";
-    n[o] = 200;
-    n[l] = 20;
-    n[f] = true;
-    $.event.special[u] = {
-        setup: function () {
-            if (!n[f] && this[s]) {
-                return false;
-            }
-            var e = $(this);
-            i.push(this);
-            e.data(m, { w: e.width(), h: e.height() });
-            if (i.length === 1) {
-                a = t;
-                h();
-            }
-        },
-        teardown: function () {
-            if (!n[f] && this[s]) {
-                return false;
-            }
-            var e = $(this);
-            for (var t = i.length - 1; t >= 0; t--) {
-                if (i[t] == this) {
-                    i.splice(t, 1);
-                    break;
-                }
-            }
-            e.removeData(m);
-            if (!i.length) {
-                if (r) {
-                    cancelAnimationFrame(a);
-                } else {
-                    clearTimeout(a);
-                }
-                a = null;
-            }
-        },
-        add: function (e) {
-            if (!n[f] && this[s]) {
-                return false;
-            }
-            var i;
-            function a(e, n, a) {
-                var r = $(this),
-                    s = r.data(m) || {};
-                s.w = n !== t ? n : r.width();
-                s.h = a !== t ? a : r.height();
-                i.apply(this, arguments);
-            }
-            if ($.isFunction(e)) {
-                i = e;
-                return a;
-            } else {
-                i = e.handler;
-                e.handler = a;
-            }
-        },
-    };
-    function h(t) {
-        if (r === true) {
-            r = t || 1;
-        }
-        for (var s = i.length - 1; s >= 0; s--) {
-            var l = $(i[s]);
-            if (l[0] == e || l.is(":visible")) {
-                var f = l.width(),
-                    c = l.height(),
-                    d = l.data(m);
-                if (d && (f !== d.w || c !== d.h)) {
-                    l.trigger(u, [(d.w = f), (d.h = c)]);
-                    r = t || true;
-                }
-            } else {
-                d = l.data(m);
-                d.w = 0;
-                d.h = 0;
-            }
-        }
-        if (a !== null) {
-            if (r && (t == null || t - r < 1e3)) {
-                a = e.requestAnimationFrame(h);
-            } else {
-                a = setTimeout(h, n[o]);
-                r = false;
-            }
-        }
-    }
-    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]);
-                }
-            );
-        })();
-    }
-    if (!e.cancelAnimationFrame) {
-        e.cancelAnimationFrame = (function () {
-            return e.webkitCancelRequestAnimationFrame || e.mozCancelRequestAnimationFrame || e.oCancelRequestAnimationFrame || e.msCancelRequestAnimationFrame || clearTimeout;
-        })();
-    }
-})(jQuery, this);
-(function ($) {
-    var options = {};
-    function init(plot) {
-        function onResize() {
-            var placeholder = plot.getPlaceholder();
-            if (placeholder.width() == 0 || placeholder.height() == 0) return;
-            plot.resize();
-            plot.setupGrid();
-            plot.draw();
-        }
-        function bindEvents(plot, eventHolder) {
-            plot.getPlaceholder().resize(onResize);
-        }
-        function shutdown(plot, eventHolder) {
-            plot.getPlaceholder().unbind("resize", onResize);
-        }
-        plot.hooks.bindEvents.push(bindEvents);
-        plot.hooks.shutdown.push(shutdown);
-    }
-    $.plot.plugins.push({ init: init, options: options, name: "resize", version: "1.0" });
-})(jQuery);
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+(function ($, e, t) {
+    "$:nomunge";
+    var i = [],
+        n = ($.resize = $.extend($.resize, {})),
+        a,
+        r = false,
+        s = "setTimeout",
+        u = "resize",
+        m = u + "-special-event",
+        o = "pendingDelay",
+        l = "activeDelay",
+        f = "throttleWindow";
+    n[o] = 200;
+    n[l] = 20;
+    n[f] = true;
+    $.event.special[u] = {
+        setup: function () {
+            if (!n[f] && this[s]) {
+                return false;
+            }
+            var e = $(this);
+            i.push(this);
+            e.data(m, { w: e.width(), h: e.height() });
+            if (i.length === 1) {
+                a = t;
+                h();
+            }
+        },
+        teardown: function () {
+            if (!n[f] && this[s]) {
+                return false;
+            }
+            var e = $(this);
+            for (var t = i.length - 1; t >= 0; t--) {
+                if (i[t] == this) {
+                    i.splice(t, 1);
+                    break;
+                }
+            }
+            e.removeData(m);
+            if (!i.length) {
+                if (r) {
+                    cancelAnimationFrame(a);
+                } else {
+                    clearTimeout(a);
+                }
+                a = null;
+            }
+        },
+        add: function (e) {
+            if (!n[f] && this[s]) {
+                return false;
+            }
+            var i;
+            function a(e, n, a) {
+                var r = $(this),
+                    s = r.data(m) || {};
+                s.w = n !== t ? n : r.width();
+                s.h = a !== t ? a : r.height();
+                i.apply(this, arguments);
+            }
+            if ($.isFunction(e)) {
+                i = e;
+                return a;
+            } else {
+                i = e.handler;
+                e.handler = a;
+            }
+        },
+    };
+    function h(t) {
+        if (r === true) {
+            r = t || 1;
+        }
+        for (var s = i.length - 1; s >= 0; s--) {
+            var l = $(i[s]);
+            if (l[0] == e || l.is(":visible")) {
+                var f = l.width(),
+                    c = l.height(),
+                    d = l.data(m);
+                if (d && (f !== d.w || c !== d.h)) {
+                    l.trigger(u, [(d.w = f), (d.h = c)]);
+                    r = t || true;
+                }
+            } else {
+                d = l.data(m);
+                d.w = 0;
+                d.h = 0;
+            }
+        }
+        if (a !== null) {
+            if (r && (t == null || t - r < 1e3)) {
+                a = e.requestAnimationFrame(h);
+            } else {
+                a = setTimeout(h, n[o]);
+                r = false;
+            }
+        }
+    }
+    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]);
+                }
+            );
+        })();
+    }
+    if (!e.cancelAnimationFrame) {
+        e.cancelAnimationFrame = (function () {
+            return e.webkitCancelRequestAnimationFrame || e.mozCancelRequestAnimationFrame || e.oCancelRequestAnimationFrame || e.msCancelRequestAnimationFrame || clearTimeout;
+        })();
+    }
+})(jQuery, this);
+(function ($) {
+    var options = {};
+    function init(plot) {
+        function onResize() {
+            var placeholder = plot.getPlaceholder();
+            if (placeholder.width() == 0 || placeholder.height() == 0) return;
+            plot.resize();
+            plot.setupGrid();
+            plot.draw();
+        }
+        function bindEvents(plot, eventHolder) {
+            plot.getPlaceholder().resize(onResize);
+        }
+        function shutdown(plot, eventHolder) {
+            plot.getPlaceholder().unbind("resize", onResize);
+        }
+        plot.hooks.bindEvents.push(bindEvents);
+        plot.hooks.shutdown.push(shutdown);
+    }
+    $.plot.plugins.push({ init: init, options: options, name: "resize", version: "1.0" });
+})(jQuery);

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/counter/testall.tsx

@@ -4,8 +4,8 @@ import type { AppMenuItem } from '../app/menu';
 import type { CardHeaderDropdownArgs } from '../card/card-header-with-options';
 import type { DropdownListOption } from '../dropdown';
 import type { TimegridCalendarAddClickedArgs, TimegridCalendarEvent } from '../fullcalendar/timegrid-calendar';
-import { toNative } from 'vue-facing-decorator';
-import { Component } from '../../app/vuetsx';
+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';
@@ -19,7 +19,7 @@ import CardBody from '../card/card-body';
 import CardHeader from '../card/card-header';
 import CardHeaderWithOptions from '../card/card-header-with-options';
 import DataTableStatic from '../datatable/datatable-static';
-import DropdownList from '../dropdown';
+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';
@@ -44,6 +44,8 @@ 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;
@@ -62,6 +64,8 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 	numberVal: number = 1;
 	tags: TagItem[] = [];
 	selectedTagIds: string[] = [];
+	count: number = 0;
+	selectedImageDropdownItems: ImageDropdownDataItem[] = null;
 
 	protected get breadcrumbItems(): BreadcrumbItem[] {
 		return [
@@ -105,7 +109,7 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 
 	getDummyDropdownOptions(): DropdownListOption[] {
 		return [
-			{ id: '1', text: 'Moznost 1' },
+			{ id: '1', someSpecific: true, text: 'Moznost 1' } as any,
 			{ id: '2', text: 'Moznost 2' },
 		];
 	}
@@ -135,6 +139,13 @@ 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' }
+		]
+	}
+
 	getTagDropdown(): typeof DropdownList.prototype {
 		return this.$refs.tagsDropdown as typeof DropdownList.prototype;
 	}
@@ -312,11 +323,11 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 								<p>Some modal content1</p>
 							</ModalSection>
 							{this.boolValue == true
-							&& (
-								<ModalSection icon="icon icon-settings" navCaption="Settings2">
-									<p>Some modal content2</p>
-								</ModalSection>
-							)}
+								&& (
+									<ModalSection icon="icon icon-settings" navCaption="Settings2">
+										<p>Some modal content2</p>
+									</ModalSection>
+								)}
 
 							<ModalSection icon="icon icon-settings" navCaption="Settings4">
 								<p>Some modal content4444</p>
@@ -380,6 +391,44 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 						this.selectedOptions = v.id;
 					}}
 				/>
+				<DropdownList
+					options={this.getDummyDropdownOptions()}
+					selected={this.getDummyDropdownOptions().filter(p => p.id == this.selectedOptions)[0]}
+					label="Custom override"
+					multiselect={true}
+					multiselectMode={MultiselectMode.Checkboxes}
+					customRenderOption={(h, item, originator) => {
+						return (<CustomDropdownItem text={item.text} />)
+					}}
+					customRenderSelectionResult={(h, item, originator) => {
+						return (<CustomDropdownItem text={item.text} />)
+					}}
+					changed={(v) => {
+						this.selectedOptions = v.id;
+					}}
+				/>
+
+				<CountryDropdown
+					label='krajina'
+				/>
+
+				<ImageDropdown
+					options={this.getImageDropdownSource()}
+					buttons={[
+						{
+							iconCss: 'icon icon-pencil', clicked: (e) => {
+								console.log('it was clicked');
+							}
+						}
+					]}
+					label={'Osoby'}
+					selected={this.selectedImageDropdownItems}
+					tagsAdded={(e) => {
+						console.log(JSON.stringify(e));
+					}}
+					changed={(e) => { this.selectedImageDropdownItems = e; }}
+				/>
+
 				<DropdownList
 					ref="tagsDropdown"
 					closeOnSelect={true}
@@ -570,5 +619,26 @@ class TestAllComponentsPageComponent extends PowerduckViewModelBase {
 	}
 }
 
+interface FormArgs {
+	text: string
+}
+
+@Component
+class CustomDropdownItemComponent extends TsxComponent<FormArgs> implements FormArgs {
+	count: number = 0;
+	@Prop() text: string
+
+	render(h) {
+		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;