jsl-ui 9.28.3 → 9.28.4

package/lib/interaction/resizable.js

@@ -1,109 +1,109 @@
-import "./resizable.css";
-import "../core/polyfills";
-import { EventHandler } from "./eventhandler";
-const defaultOptions = {
-    resizeHandlePrefix: "rs-",
-    onStart: new EventHandler(),
-    onStop: new EventHandler(),
-    onResize: new EventHandler(),
-    resizeDelta: 0
-};
-export class ResizeContainer {
-    constructor(container, options) {
-        this.container = container;
-        this.options = options;
-        this.startSize = { x: null, y: null };
-        this.mouseDownContainer = (evt) => {
-            const target = evt.target;
-            if ((" " + target.className).indexOf(" " + this.options.resizeHandlePrefix) < 0) {
-                return; // not a resize handle
-            }
-            evt.preventDefault();
-            evt.stopPropagation();
-            evt.stopImmediatePropagation();
-            this.resizeX = target.classList.contains(this.options.resizeHandlePrefix + "r") ||
-                target.classList.contains(this.options.resizeHandlePrefix + "l");
-            this.resizeY = target.classList.contains(this.options.resizeHandlePrefix + "t") ||
-                target.classList.contains(this.options.resizeHandlePrefix + "b");
-            this.element = target.parentElement; // TODO change to closest class
-            this.options.onStart.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
-            // register event listeners
-            window.addEventListener("mousemove", this.mouseMove, false);
-            window.addEventListener("mouseup", this.mouseUp, false);
-            window.addEventListener("touchmove", this.mouseMove, false);
-            window.addEventListener("touchend", this.mouseUp, false);
-        };
-        this.mouseMove = (evt) => {
-            let raiseEvt = false;
-            if (this.resizeX) {
-                let val = this.extractArg(evt, "clientX") - this.element.getBoundingClientRect().left;
-                if (this.options.minWidth && val < this.options.minWidth) {
-                    val = this.options.minWidth;
-                }
-                else if (this.options.maxWidth && val > this.options.maxWidth) {
-                    val = this.options.maxWidth;
-                }
-                if (this.startSize != null && this.startSize.x == null) {
-                    this.startSize.x = val;
-                }
-                if (this.startSize == null || Math.abs(this.startSize.x - val) >= this.options.resizeDelta) {
-                    // if (!this.options.gridX || Math.round(val) % this.options.gridX === 0) {
-                    if (this.options.gridX) {
-                        val = Math.round(val / this.options.gridX) * this.options.gridX;
-                    }
-                    this.element.style.width = Math.round(val) + "px";
-                    raiseEvt = true;
-                    this.startSize = null;
-                    // }
-                }
-            }
-            if (this.resizeY) {
-                let val = this.extractArg(evt, "clientY") - this.element.getBoundingClientRect().top;
-                if (this.options.minHeight && val < this.options.minHeight) {
-                    val = this.options.minHeight;
-                }
-                else if (this.options.maxHeight && val > this.options.maxHeight) {
-                    val = this.options.maxHeight;
-                }
-                if (this.startSize != null && this.startSize.y == null) {
-                    this.startSize.y = val;
-                }
-                if (this.startSize == null || Math.abs(this.startSize.y - val) >= this.options.resizeDelta) {
-                    // if (!this.options.gridY || Math.round(val) % this.options.gridY === 0) {
-                    if (this.options.gridY) {
-                        val = Math.round(val / this.options.gridY) * this.options.gridY;
-                    }
-                    this.element.style.height = Math.round(val) + "px";
-                    raiseEvt = true;
-                    this.startSize = null;
-                    // }
-                }
-            }
-            if (raiseEvt) {
-                this.options.onResize.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
-            }
-        };
-        this.mouseUp = (evt) => {
-            window.removeEventListener("mousemove", this.mouseMove, false);
-            window.removeEventListener("mouseup", this.mouseUp, false);
-            window.removeEventListener("touchmove", this.mouseMove, false);
-            window.removeEventListener("touchend", this.mouseUp, false);
-            this.options.onStop.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
-            this.startSize = { x: null, y: null };
-        };
-        this.init();
-    }
-    init() {
-        this.container.classList.add("resizable");
-        this.container.addEventListener("mousedown", this.mouseDownContainer, false);
-        this.container.addEventListener("touchstart", this.mouseDownContainer, false);
-    }
-    extractArg(evt, key) {
-        return evt[key] != null ? evt[key] : (evt.touches.length > 0 ? evt.touches : evt.changedTouches)[0][key];
-    }
-}
-export function Resizable(selector, options) {
-    return new ResizeContainer(typeof selector === "string" ?
-        document.querySelector(selector) :
-        selector, { ...defaultOptions, ...options });
-}
+import "./resizable.css";
+import "../core/polyfills";
+import { EventHandler } from "./eventhandler";
+const defaultOptions = {
+    resizeHandlePrefix: "rs-",
+    onStart: new EventHandler(),
+    onStop: new EventHandler(),
+    onResize: new EventHandler(),
+    resizeDelta: 0
+};
+export class ResizeContainer {
+    constructor(container, options) {
+        this.container = container;
+        this.options = options;
+        this.startSize = { x: null, y: null };
+        this.mouseDownContainer = (evt) => {
+            const target = evt.target;
+            if ((" " + target.className).indexOf(" " + this.options.resizeHandlePrefix) < 0) {
+                return; // not a resize handle
+            }
+            evt.preventDefault();
+            evt.stopPropagation();
+            evt.stopImmediatePropagation();
+            this.resizeX = target.classList.contains(this.options.resizeHandlePrefix + "r") ||
+                target.classList.contains(this.options.resizeHandlePrefix + "l");
+            this.resizeY = target.classList.contains(this.options.resizeHandlePrefix + "t") ||
+                target.classList.contains(this.options.resizeHandlePrefix + "b");
+            this.element = target.parentElement; // TODO change to closest class
+            this.options.onStart.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
+            // register event listeners
+            window.addEventListener("mousemove", this.mouseMove, false);
+            window.addEventListener("mouseup", this.mouseUp, false);
+            window.addEventListener("touchmove", this.mouseMove, false);
+            window.addEventListener("touchend", this.mouseUp, false);
+        };
+        this.mouseMove = (evt) => {
+            let raiseEvt = false;
+            if (this.resizeX) {
+                let val = this.extractArg(evt, "clientX") - this.element.getBoundingClientRect().left;
+                if (this.options.minWidth && val < this.options.minWidth) {
+                    val = this.options.minWidth;
+                }
+                else if (this.options.maxWidth && val > this.options.maxWidth) {
+                    val = this.options.maxWidth;
+                }
+                if (this.startSize != null && this.startSize.x == null) {
+                    this.startSize.x = val;
+                }
+                if (this.startSize == null || Math.abs(this.startSize.x - val) >= this.options.resizeDelta) {
+                    // if (!this.options.gridX || Math.round(val) % this.options.gridX === 0) {
+                    if (this.options.gridX) {
+                        val = Math.round(val / this.options.gridX) * this.options.gridX;
+                    }
+                    this.element.style.width = Math.round(val) + "px";
+                    raiseEvt = true;
+                    this.startSize = null;
+                    // }
+                }
+            }
+            if (this.resizeY) {
+                let val = this.extractArg(evt, "clientY") - this.element.getBoundingClientRect().top;
+                if (this.options.minHeight && val < this.options.minHeight) {
+                    val = this.options.minHeight;
+                }
+                else if (this.options.maxHeight && val > this.options.maxHeight) {
+                    val = this.options.maxHeight;
+                }
+                if (this.startSize != null && this.startSize.y == null) {
+                    this.startSize.y = val;
+                }
+                if (this.startSize == null || Math.abs(this.startSize.y - val) >= this.options.resizeDelta) {
+                    // if (!this.options.gridY || Math.round(val) % this.options.gridY === 0) {
+                    if (this.options.gridY) {
+                        val = Math.round(val / this.options.gridY) * this.options.gridY;
+                    }
+                    this.element.style.height = Math.round(val) + "px";
+                    raiseEvt = true;
+                    this.startSize = null;
+                    // }
+                }
+            }
+            if (raiseEvt) {
+                this.options.onResize.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
+            }
+        };
+        this.mouseUp = (evt) => {
+            window.removeEventListener("mousemove", this.mouseMove, false);
+            window.removeEventListener("mouseup", this.mouseUp, false);
+            window.removeEventListener("touchmove", this.mouseMove, false);
+            window.removeEventListener("touchend", this.mouseUp, false);
+            this.options.onStop.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
+            this.startSize = { x: null, y: null };
+        };
+        this.init();
+    }
+    init() {
+        this.container.classList.add("resizable");
+        this.container.addEventListener("mousedown", this.mouseDownContainer, false);
+        this.container.addEventListener("touchstart", this.mouseDownContainer, false);
+    }
+    extractArg(evt, key) {
+        return evt[key] != null ? evt[key] : (evt.touches.length > 0 ? evt.touches : evt.changedTouches)[0][key];
+    }
+}
+export function Resizable(selector, options) {
+    return new ResizeContainer(typeof selector === "string" ?
+        document.querySelector(selector) :
+        selector, { ...defaultOptions, ...options });
+}

package/lib/ui/auto.suggest.d.ts

@@ -1,18 +1,18 @@
-import "./auto.suggest.css";
-export interface IAutoSuggestOptions {
-    selector?: HTMLElement | string;
-    source: (val: string, suggest: (items: any[]) => void) => void;
-    minChars?: number;
-    delay?: number;
-    offsetLeft?: number;
-    offsetTop?: number;
-    cache?: boolean;
-    menuClass?: string;
-    renderItem?: (item: any, search: string) => string;
-    onSelect?: (e: any, term: string, dom: HTMLElement) => void;
-    onChange?: (val: string) => void;
-}
-export interface IAutoSuggest {
-    destroy: () => void;
-}
-export declare function AutoSuggest(input: HTMLElement | string, opts: IAutoSuggestOptions): IAutoSuggest;
+import "./auto.suggest.css";
+export interface IAutoSuggestOptions {
+    selector?: HTMLElement | string;
+    source: (val: string, suggest: (items: any[]) => void) => void;
+    minChars?: number;
+    delay?: number;
+    offsetLeft?: number;
+    offsetTop?: number;
+    cache?: boolean;
+    menuClass?: string;
+    renderItem?: (item: any, search: string) => string;
+    onSelect?: (e: any, term: string, dom: HTMLElement) => void;
+    onChange?: (val: string) => void;
+}
+export interface IAutoSuggest {
+    destroy: () => void;
+}
+export declare function AutoSuggest(input: HTMLElement | string, opts: IAutoSuggestOptions): IAutoSuggest;