jsl-ui 9.28.3 → 9.28.4

package/lib/ui/date.picker.d.ts

@@ -1,66 +1,66 @@
-import './date.picker/css/tiny-date-picker.css';
-export interface IDatePickerLangOptions {
-    days: string[];
-    months: string[];
-    today: string;
-    close: string;
-    clear: string;
-}
-export interface IDatePickerOptions {
-    lang?: IDatePickerLangOptions;
-    mode?: 'dp-modal' | 'dp-below' | 'dp-permanent';
-    hilightedDate?: string | Date;
-    min?: string | Date;
-    max?: string | Date;
-    format?: (d: Date) => string;
-    parse?: (s: string) => Date;
-    dateClass?: (d: Date) => string;
-    inRange?: (d: Date) => boolean;
-    dayOffset?: number;
-}
-/**
-* The state values for the date picker
-*
-* @typedef {Object} DatePickerState
-* @property {string} view - The current view 'day' | 'month' | 'year'
-* @property {Date} selectedDate - The date which has been selected by the user
-* @property {Date} hilightedDate - The date which is currently hilighted / active
-*/
-/**
-* An instance of TinyDatePicker
-*
-* @typedef {Object} DatePicker
-* @property {DatePickerState} state - The values currently displayed.
-* @property {function} on - Adds an event handler
-* @property {function} off - Removes an event handler
-* @property {function} setState - Changes the current state of the date picker
-* @property {function} open - Opens the date picker
-* @property {function} close - Closes the date picker
-* @property {function} destroy - Destroys the date picker (removing all handlers from the input, too)
-*/
-export interface IDatePicker {
-    on(name: "open" | "close" | "statechange" | "select", handler: (e: any, dp: IDatePicker) => void): any;
-    off(name?: "open" | "close" | "statechange" | "select", handler?: any): void;
-    open(): void;
-    close(): void;
-    destroy(): void;
-    setState(state: {
-        selectedDate?: Date;
-        view?: string;
-        hilightedDate?: Date;
-    }): void;
-    readonly state: {
-        selectedDate?: Date;
-        view?: string;
-        hilightedDate?: Date;
-    };
-    isVisible(): boolean;
-}
-/**
- * TinyDatePicker constructs a new date picker for the specified input
- *
- * @param {HTMLElement | string} input The input or CSS selector associated with the datepicker
- * @param {DatePickerOptions} opts The options for initializing the date picker
- * @returns {DatePicker}
- */
-export declare function DatePicker(input: HTMLElement | string, opts?: IDatePickerOptions): IDatePicker;
+import './date.picker/css/tiny-date-picker.css';
+export interface IDatePickerLangOptions {
+    days: string[];
+    months: string[];
+    today: string;
+    close: string;
+    clear: string;
+}
+export interface IDatePickerOptions {
+    lang?: IDatePickerLangOptions;
+    mode?: 'dp-modal' | 'dp-below' | 'dp-permanent';
+    hilightedDate?: string | Date;
+    min?: string | Date;
+    max?: string | Date;
+    format?: (d: Date) => string;
+    parse?: (s: string) => Date;
+    dateClass?: (d: Date) => string;
+    inRange?: (d: Date) => boolean;
+    dayOffset?: number;
+}
+/**
+* The state values for the date picker
+*
+* @typedef {Object} DatePickerState
+* @property {string} view - The current view 'day' | 'month' | 'year'
+* @property {Date} selectedDate - The date which has been selected by the user
+* @property {Date} hilightedDate - The date which is currently hilighted / active
+*/
+/**
+* An instance of TinyDatePicker
+*
+* @typedef {Object} DatePicker
+* @property {DatePickerState} state - The values currently displayed.
+* @property {function} on - Adds an event handler
+* @property {function} off - Removes an event handler
+* @property {function} setState - Changes the current state of the date picker
+* @property {function} open - Opens the date picker
+* @property {function} close - Closes the date picker
+* @property {function} destroy - Destroys the date picker (removing all handlers from the input, too)
+*/
+export interface IDatePicker {
+    on(name: "open" | "close" | "statechange" | "select", handler: (e: any, dp: IDatePicker) => void): any;
+    off(name?: "open" | "close" | "statechange" | "select", handler?: any): void;
+    open(): void;
+    close(): void;
+    destroy(): void;
+    setState(state: {
+        selectedDate?: Date;
+        view?: string;
+        hilightedDate?: Date;
+    }): void;
+    readonly state: {
+        selectedDate?: Date;
+        view?: string;
+        hilightedDate?: Date;
+    };
+    isVisible(): boolean;
+}
+/**
+ * TinyDatePicker constructs a new date picker for the specified input
+ *
+ * @param {HTMLElement | string} input The input or CSS selector associated with the datepicker
+ * @param {DatePickerOptions} opts The options for initializing the date picker
+ * @returns {DatePicker}
+ */
+export declare function DatePicker(input: HTMLElement | string, opts?: IDatePickerOptions): IDatePicker;

package/lib/ui/date.picker.js

@@ -1,32 +1,32 @@
-import DatePickerOptions from './date.picker/date-picker-options';
-import Mode from './date.picker/mode/index';
-import Emitter from './date.picker/lib/emitter';
-import './date.picker/css/tiny-date-picker.css';
-/**
- * TinyDatePicker constructs a new date picker for the specified input
- *
- * @param {HTMLElement | string} input The input or CSS selector associated with the datepicker
- * @param {DatePickerOptions} opts The options for initializing the date picker
- * @returns {DatePicker}
- */
-export function DatePicker(input, opts) {
-    var emitter = Emitter();
-    var options = DatePickerOptions(opts);
-    var mode = Mode(input, emit, options);
-    var me = {
-        get state() {
-            return mode.state;
-        },
-        on: emitter.on,
-        off: emitter.off,
-        setState: mode.setState,
-        open: mode.open,
-        close: mode.close,
-        destroy: mode.destroy,
-        isVisible: mode.isVisible
-    };
-    function emit(evt) {
-        emitter.emit(evt, me);
-    }
-    return me;
-}
+import DatePickerOptions from './date.picker/date-picker-options';
+import Mode from './date.picker/mode/index';
+import Emitter from './date.picker/lib/emitter';
+import './date.picker/css/tiny-date-picker.css';
+/**
+ * TinyDatePicker constructs a new date picker for the specified input
+ *
+ * @param {HTMLElement | string} input The input or CSS selector associated with the datepicker
+ * @param {DatePickerOptions} opts The options for initializing the date picker
+ * @returns {DatePicker}
+ */
+export function DatePicker(input, opts) {
+    var emitter = Emitter();
+    var options = DatePickerOptions(opts);
+    var mode = Mode(input, emit, options);
+    var me = {
+        get state() {
+            return mode.state;
+        },
+        on: emitter.on,
+        off: emitter.off,
+        setState: mode.setState,
+        open: mode.open,
+        close: mode.close,
+        destroy: mode.destroy,
+        isVisible: mode.isVisible
+    };
+    function emit(evt) {
+        emitter.emit(evt, me);
+    }
+    return me;
+}

package/lib/ui/dialog.d.ts

@@ -1,22 +1,22 @@
-import "./dialog.css";
-export interface IDialogOptions {
-    autoOpen?: boolean;
-    autoFocus?: string;
-    modal?: boolean;
-    closeOnEscape?: boolean;
-    OkOnEnter?: boolean;
-    closeOnOverlayClick?: boolean;
-    onClose?: () => void | boolean;
-    onOpen?: () => void;
-}
-export declare class JSLDialog {
-    private options;
-    private overlay;
-    private el;
-    private onKeydownEvent;
-    constructor(el: HTMLElement, options: IDialogOptions);
-    open(modal?: boolean): void;
-    close(): void;
-    getOverlay(): HTMLElement;
-}
-export declare function Dialog(input: HTMLElement | string, options?: IDialogOptions): JSLDialog;
+import "./dialog.css";
+export interface IDialogOptions {
+    autoOpen?: boolean;
+    autoFocus?: string;
+    modal?: boolean;
+    closeOnEscape?: boolean;
+    OkOnEnter?: boolean;
+    closeOnOverlayClick?: boolean;
+    onClose?: () => void | boolean;
+    onOpen?: () => void;
+}
+export declare class JSLDialog {
+    private options;
+    private overlay;
+    private el;
+    private onKeydownEvent;
+    constructor(el: HTMLElement, options: IDialogOptions);
+    open(modal?: boolean): void;
+    close(): void;
+    getOverlay(): HTMLElement;
+}
+export declare function Dialog(input: HTMLElement | string, options?: IDialogOptions): JSLDialog;

package/lib/ui/dialog.js

@@ -1,98 +1,98 @@
-import "./dialog.css";
-const defaultOptions = {
-    autoOpen: false,
-    autoFocus: "input,button,textarea",
-    closeOnOverlayClick: true,
-    modal: true,
-    closeOnEscape: true
-};
-export class JSLDialog {
-    constructor(el, options) {
-        this.options = options;
-        this.overlay = el;
-        this.el = el.firstElementChild;
-        if (this.options.closeOnOverlayClick) {
-            this.overlay.addEventListener("mousedown", (evt) => {
-                if (evt.target === this.overlay) {
-                    this.close();
-                }
-            });
-            this.overlay.addEventListener("touchstart", (evt) => {
-                if (evt.target === this.overlay) {
-                    this.close();
-                }
-            });
-        }
-    }
-    open(modal) {
-        if ((modal !== undefined && !modal) || !this.options.modal) {
-            this.overlay.style.background = "transparent";
-            this.overlay.style.pointerEvents = "none";
-        }
-        this.overlay.style.display = "block";
-        const $footer = this.el.querySelector(".dlg-footer");
-        const $body = this.el.querySelector(".dlg-body");
-        if ($footer != null && $body != null) {
-            // TODO ?
-        }
-        if (this.options.autoFocus) {
-            setTimeout(() => {
-                const firstInput = this.el.querySelector(this.options.autoFocus);
-                if (firstInput != null) {
-                    firstInput.focus();
-                }
-            }, 0);
-        }
-        if (this.options.closeOnEscape || this.options.OkOnEnter) {
-            this.onKeydownEvent = (args) => {
-                var _a;
-                if (args.keyCode === 27 && this.options.closeOnEscape) { // escape
-                    this.close();
-                }
-                else if (args.keyCode === 13 && this.options.OkOnEnter) { // ok
-                    const ok_btn = this.el.querySelector(".dlg-ok-btn");
-                    if (ok_btn != null) {
-                        (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
-                        ok_btn.click();
-                    }
-                }
-            };
-            document.addEventListener("keydown", this.onKeydownEvent);
-        }
-        if (this.options.onOpen) {
-            this.options.onOpen();
-        }
-    }
-    close() {
-        if (this.options.onClose) {
-            if (this.options.onClose() === false) {
-                return;
-            }
-        }
-        this.overlay.style.display = "none";
-        if (this.onKeydownEvent != null) {
-            document.removeEventListener("keydown", this.onKeydownEvent);
-        }
-    }
-    getOverlay() {
-        return this.overlay;
-    }
-}
-export function Dialog(input, options) {
-    const o = { ...defaultOptions, ...options };
-    let el;
-    if (typeof input === "string") {
-        el = document.querySelector(input);
-    }
-    else {
-        el = input;
-    }
-    const result = new JSLDialog(el, o);
-    if (!o.autoOpen) {
-        el.style.display = "none";
-    }
-    else {
-        result.open();
-    }
-    return result;
-}
+import "./dialog.css";
+const defaultOptions = {
+    autoOpen: false,
+    autoFocus: "input,button,textarea",
+    closeOnOverlayClick: true,
+    modal: true,
+    closeOnEscape: true
+};
+export class JSLDialog {
+    constructor(el, options) {
+        this.options = options;
+        this.overlay = el;
+        this.el = el.firstElementChild;
+        if (this.options.closeOnOverlayClick) {
+            this.overlay.addEventListener("mousedown", (evt) => {
+                if (evt.target === this.overlay) {
+                    this.close();
+                }
+            });
+            this.overlay.addEventListener("touchstart", (evt) => {
+                if (evt.target === this.overlay) {
+                    this.close();
+                }
+            });
+        }
+    }
+    open(modal) {
+        if ((modal !== undefined && !modal) || !this.options.modal) {
+            this.overlay.style.background = "transparent";
+            this.overlay.style.pointerEvents = "none";
+        }
+        this.overlay.style.display = "block";
+        const $footer = this.el.querySelector(".dlg-footer");
+        const $body = this.el.querySelector(".dlg-body");
+        if ($footer != null && $body != null) {
+            // TODO ?
+        }
+        if (this.options.autoFocus) {
+            setTimeout(() => {
+                const firstInput = this.el.querySelector(this.options.autoFocus);
+                if (firstInput != null) {
+                    firstInput.focus();
+                }
+            }, 0);
+        }
+        if (this.options.closeOnEscape || this.options.OkOnEnter) {
+            this.onKeydownEvent = (args) => {
+                var _a;
+                if (args.keyCode === 27 && this.options.closeOnEscape) { // escape
+                    this.close();
+                }
+                else if (args.keyCode === 13 && this.options.OkOnEnter) { // ok
+                    const ok_btn = this.el.querySelector(".dlg-ok-btn");
+                    if (ok_btn != null) {
+                        (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
+                        ok_btn.click();
+                    }
+                }
+            };
+            document.addEventListener("keydown", this.onKeydownEvent);
+        }
+        if (this.options.onOpen) {
+            this.options.onOpen();
+        }
+    }
+    close() {
+        if (this.options.onClose) {
+            if (this.options.onClose() === false) {
+                return;
+            }
+        }
+        this.overlay.style.display = "none";
+        if (this.onKeydownEvent != null) {
+            document.removeEventListener("keydown", this.onKeydownEvent);
+        }
+    }
+    getOverlay() {
+        return this.overlay;
+    }
+}
+export function Dialog(input, options) {
+    const o = { ...defaultOptions, ...options };
+    let el;
+    if (typeof input === "string") {
+        el = document.querySelector(input);
+    }
+    else {
+        el = input;
+    }
+    const result = new JSLDialog(el, o);
+    if (!o.autoOpen) {
+        el.style.display = "none";
+    }
+    else {
+        result.open();
+    }
+    return result;
+}

package/lib/ui/drop.down.d.ts

@@ -1,52 +1,52 @@
-/*!
- * Selectr 2.4.12
- * http://mobius.ovh/docs/selectr
- *
- * Released under the MIT license
- */
-import "./drop.down.css";
-export interface IDropDown {
-    setValue: (value: string | string[]) => void;
-    getValue: (toObject?: boolean, toJson?: boolean) => string | string[];
-    add: (data: {
-        value: string;
-        text: string;
-    } | Array<{
-        value: string;
-        text: string;
-    }>, skipDuplicate?: boolean) => void;
-    remove: (element: number | string | any[]) => void;
-    removeAll: () => void;
-    serialize: (toJson?: boolean) => any;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-    clear: () => void;
-    disable: (submitValue?: boolean) => void;
-    enable: () => void;
-    destroy: () => void;
-}
-export interface IDropDownOptions {
-    defaultSelected?: boolean;
-    multiple?: boolean;
-    data?: any[];
-    pagination?: number;
-    sortSelected?: boolean;
-    searchable?: boolean;
-    clearable?: boolean;
-    allowDeselect?: boolean;
-    width?: number | string;
-    placeholder?: string;
-    taggable?: boolean;
-    maxSelections?: number;
-    tagSeperators?: string[];
-    tagPlaceholder?: string;
-    renderOption?: (option: any) => string;
-    renderSelection?: (option: any) => string;
-    closeOnScroll?: boolean;
-    customClass?: string;
-    messages?: {
-        [index: string]: string;
-    };
-}
-export declare let DropDown: (input: string | HTMLElement, config?: IDropDownOptions) => IDropDown;
+/*!
+ * Selectr 2.4.12
+ * http://mobius.ovh/docs/selectr
+ *
+ * Released under the MIT license
+ */
+import "./drop.down.css";
+export interface IDropDown {
+    setValue: (value: string | string[]) => void;
+    getValue: (toObject?: boolean, toJson?: boolean) => string | string[];
+    add: (data: {
+        value: string;
+        text: string;
+    } | Array<{
+        value: string;
+        text: string;
+    }>, skipDuplicate?: boolean) => void;
+    remove: (element: number | string | any[]) => void;
+    removeAll: () => void;
+    serialize: (toJson?: boolean) => any;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    clear: () => void;
+    disable: (submitValue?: boolean) => void;
+    enable: () => void;
+    destroy: () => void;
+}
+export interface IDropDownOptions {
+    defaultSelected?: boolean;
+    multiple?: boolean;
+    data?: any[];
+    pagination?: number;
+    sortSelected?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    allowDeselect?: boolean;
+    width?: number | string;
+    placeholder?: string;
+    taggable?: boolean;
+    maxSelections?: number;
+    tagSeperators?: string[];
+    tagPlaceholder?: string;
+    renderOption?: (option: any) => string;
+    renderSelection?: (option: any) => string;
+    closeOnScroll?: boolean;
+    customClass?: string;
+    messages?: {
+        [index: string]: string;
+    };
+}
+export declare let DropDown: (input: string | HTMLElement, config?: IDropDownOptions) => IDropDown;