jsl-ui 9.28.3 → 9.28.4

package/lib/components/progress/ProgressComponent.js

@@ -1,40 +1,40 @@
-import "./ProgressStyle.scss";
-import { numeric } from "../../core/numeric";
-export class ProgressComponent {
-    constructor(progress, options) {
-        this.progress = progress;
-        this.options = options;
-    }
-    isEqual(node) {
-        return this.__proto__ === node.__proto__;
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        let style = "width: " + this.progress + "%";
-        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.color) {
-            style += ";background:" + this.options.color;
-        }
-        if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.style) {
-            style += ";" + this.options.style;
-        }
-        let content = "";
-        if ((_c = this.options) === null || _c === void 0 ? void 0 : _c.showPercent) {
-            content = numeric.format(this.progress, (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.percentFormat) !== null && _e !== void 0 ? _e : "0. %");
-        }
-        return {
-            tag: "div",
-            attr: { class: "progress-comp " + ((_g = (_f = this.options) === null || _f === void 0 ? void 0 : _f.class) !== null && _g !== void 0 ? _g : "") },
-            children: [{
-                    tag: "div",
-                    attr: { class: "bar", style },
-                    content
-                }]
-        };
-    }
-    setProgress(progress) {
-        this.progress = progress;
-    }
-    getProgress() {
-        return this.progress;
-    }
-}
+import "./ProgressStyle.scss";
+import { numeric } from "../../core/numeric";
+export class ProgressComponent {
+    constructor(progress, options) {
+        this.progress = progress;
+        this.options = options;
+    }
+    isEqual(node) {
+        return this.__proto__ === node.__proto__;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        let style = "width: " + this.progress + "%";
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.color) {
+            style += ";background:" + this.options.color;
+        }
+        if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.style) {
+            style += ";" + this.options.style;
+        }
+        let content = "";
+        if ((_c = this.options) === null || _c === void 0 ? void 0 : _c.showPercent) {
+            content = numeric.format(this.progress, (_e = (_d = this.options) === null || _d === void 0 ? void 0 : _d.percentFormat) !== null && _e !== void 0 ? _e : "0. %");
+        }
+        return {
+            tag: "div",
+            attr: { class: "progress-comp " + ((_g = (_f = this.options) === null || _f === void 0 ? void 0 : _f.class) !== null && _g !== void 0 ? _g : "") },
+            children: [{
+                    tag: "div",
+                    attr: { class: "bar", style },
+                    content
+                }]
+        };
+    }
+    setProgress(progress) {
+        this.progress = progress;
+    }
+    getProgress() {
+        return this.progress;
+    }
+}

package/lib/components/ribbon-menu/RibbonMenuComponent.d.ts

@@ -1,12 +1,12 @@
-import "./RibbonMenuStyle.scss";
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-export interface IRibbonGroup {
-    title?: string;
-    children: Array<IJSLVNode | IJSLComponent>;
-}
-export declare class RibbonMenuComponent implements IJSLComponent {
-    private groups;
-    constructor(groups: IRibbonGroup[]);
-    isEqual(node: IJSLComponent): boolean;
-    render(): IJSLVNode;
-}
+import "./RibbonMenuStyle.scss";
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+export interface IRibbonGroup {
+    title?: string;
+    children: Array<IJSLVNode | IJSLComponent>;
+}
+export declare class RibbonMenuComponent implements IJSLComponent {
+    private groups;
+    constructor(groups: IRibbonGroup[]);
+    isEqual(node: IJSLComponent): boolean;
+    render(): IJSLVNode;
+}

package/lib/components/ribbon-menu/RibbonMenuComponent.js

@@ -1,23 +1,23 @@
-import "./RibbonMenuStyle.scss";
-export class RibbonMenuComponent {
-    // private options: IStackPanelOptions;
-    constructor(groups) {
-        this.groups = groups;
-        // this.options = {...{orientation: "horizontal", verticalAlign: "stretch"}, ...options};
-    }
-    isEqual(node) {
-        return this.__proto__ === node.__proto__;
-    }
-    render() {
-        return {
-            tag: "div", attr: { class: "ribbon-menu-comp" },
-            children: this.groups.map((g) => {
-                var _a;
-                return {
-                    tag: "div", attr: { class: "ribbon-group" },
-                    children: [{ tag: "div", attr: { class: "ribbon-legend" }, content: (_a = g.title) !== null && _a !== void 0 ? _a : "" }, ...g.children]
-                };
-            })
-        };
-    }
-}
+import "./RibbonMenuStyle.scss";
+export class RibbonMenuComponent {
+    // private options: IStackPanelOptions;
+    constructor(groups) {
+        this.groups = groups;
+        // this.options = {...{orientation: "horizontal", verticalAlign: "stretch"}, ...options};
+    }
+    isEqual(node) {
+        return this.__proto__ === node.__proto__;
+    }
+    render() {
+        return {
+            tag: "div", attr: { class: "ribbon-menu-comp" },
+            children: this.groups.map((g) => {
+                var _a;
+                return {
+                    tag: "div", attr: { class: "ribbon-group" },
+                    children: [{ tag: "div", attr: { class: "ribbon-legend" }, content: (_a = g.title) !== null && _a !== void 0 ? _a : "" }, ...g.children]
+                };
+            })
+        };
+    }
+}

package/lib/components/select/SelectComponent.d.ts

@@ -1,79 +1,79 @@
-import "./SelectStyle.scss";
-import { IJSLComponent, IJSLVNode, JSLRender } from "jsl-render";
-import { EventHandler } from "../../interaction/eventhandler";
-import { IDataConverter } from "../../interaction/dataconverter";
-export interface ISelectRenderArg<T = any> {
-    data: T;
-    node: IJSLVNode;
-    isFocused: boolean;
-    isSelected: boolean;
-    isCurrent: boolean;
-}
-export interface ISelectRenderGroupArg {
-    groupValue: any;
-    node: IJSLVNode;
-}
-export interface ISelectComponentOptions<T = any, TValue = any, TBinding = any> {
-    data: T[];
-    style?: string;
-    class?: string;
-    placehoder?: string;
-    rowHeight?: number;
-    textColumn?: string;
-    keyColumn?: string;
-    dropdownWidth?: string;
-    dropdownHeight?: string;
-    dropdownClass?: string;
-    dropDirection?: "up" | "down" | "auto";
-    enableSearch?: boolean;
-    enableAnimation?: boolean;
-    allowEmpty?: boolean;
-    onRender?: (args: ISelectRenderArg<T>) => void | IJSLVNode;
-    onRenderGroup?: (args: ISelectRenderGroupArg) => void | IJSLVNode;
-    matchSearch?: (data: T, term: string) => boolean;
-    onAppend?: (dom: HTMLDivElement) => void;
-    enableKeyboard?: boolean;
-    multiple?: boolean;
-    enabled?: boolean;
-    bindTo?: TBinding;
-    property?: keyof TBinding;
-    converter?: IDataConverter<any, TValue>;
-    groupProperty?: keyof T;
-    bindMode?: "toModel" | "fromModel" | "both";
-    onChange?: EventHandler<TValue, T> | ((keyValue?: TValue, item?: T) => void);
-    value?: TValue;
-    openOnEnter?: boolean;
-    focusFirstItem?: boolean;
-    openOnFocus?: boolean;
-    autoShrink?: boolean;
-}
-export declare class SelectComponent<T = any, TValue = any, TBinding = any> implements IJSLComponent {
-    private static ENTER_KEY;
-    private expanded;
-    private doNotFocus;
-    private options;
-    private dropdownArea;
-    private dom;
-    private renderer;
-    private focused;
-    private selected;
-    constructor(o: ISelectComponentOptions<T, TValue, TBinding>);
-    render(): IJSLVNode;
-    onCreate(node: IJSLVNode): void;
-    onUpdate(node: IJSLVNode): void;
-    onInit(renderer: JSLRender): void;
-    toggle(): void;
-    isExpanded(): boolean;
-    show(searchTxt?: string): void;
-    destroy(): void;
-    close(): void;
-    setFocus(item: T): void;
-    getFocus(): T;
-    getValue(): any;
-    setValue(value: any): void;
-    getSelected(): T | T[];
-    setSelected(item: T | T[]): void;
-    focus(): void;
-    hasSelection(): boolean;
-    protected renderSelection(): IJSLVNode;
-}
+import "./SelectStyle.scss";
+import { IJSLComponent, IJSLVNode, JSLRender } from "jsl-render";
+import { EventHandler } from "../../interaction/eventhandler";
+import { IDataConverter } from "../../interaction/dataconverter";
+export interface ISelectRenderArg<T = any> {
+    data: T;
+    node: IJSLVNode;
+    isFocused: boolean;
+    isSelected: boolean;
+    isCurrent: boolean;
+}
+export interface ISelectRenderGroupArg {
+    groupValue: any;
+    node: IJSLVNode;
+}
+export interface ISelectComponentOptions<T = any, TValue = any, TBinding = any> {
+    data: T[];
+    style?: string;
+    class?: string;
+    placehoder?: string;
+    rowHeight?: number;
+    textColumn?: string;
+    keyColumn?: string;
+    dropdownWidth?: string;
+    dropdownHeight?: string;
+    dropdownClass?: string;
+    dropDirection?: "up" | "down" | "auto";
+    enableSearch?: boolean;
+    enableAnimation?: boolean;
+    allowEmpty?: boolean;
+    onRender?: (args: ISelectRenderArg<T>) => void | IJSLVNode;
+    onRenderGroup?: (args: ISelectRenderGroupArg) => void | IJSLVNode;
+    matchSearch?: (data: T, term: string) => boolean;
+    onAppend?: (dom: HTMLDivElement) => void;
+    enableKeyboard?: boolean;
+    multiple?: boolean;
+    enabled?: boolean;
+    bindTo?: TBinding;
+    property?: keyof TBinding;
+    converter?: IDataConverter<any, TValue>;
+    groupProperty?: keyof T;
+    bindMode?: "toModel" | "fromModel" | "both";
+    onChange?: EventHandler<TValue, T> | ((keyValue?: TValue, item?: T) => void);
+    value?: TValue;
+    openOnEnter?: boolean;
+    focusFirstItem?: boolean;
+    openOnFocus?: boolean;
+    autoShrink?: boolean;
+}
+export declare class SelectComponent<T = any, TValue = any, TBinding = any> implements IJSLComponent {
+    private static ENTER_KEY;
+    private expanded;
+    private doNotFocus;
+    private options;
+    private dropdownArea;
+    private dom;
+    private renderer;
+    private focused;
+    private selected;
+    constructor(o: ISelectComponentOptions<T, TValue, TBinding>);
+    render(): IJSLVNode;
+    onCreate(node: IJSLVNode): void;
+    onUpdate(node: IJSLVNode): void;
+    onInit(renderer: JSLRender): void;
+    toggle(): void;
+    isExpanded(): boolean;
+    show(searchTxt?: string): void;
+    destroy(): void;
+    close(): void;
+    setFocus(item: T): void;
+    getFocus(): T;
+    getValue(): any;
+    setValue(value: any): void;
+    getSelected(): T | T[];
+    setSelected(item: T | T[]): void;
+    focus(): void;
+    hasSelection(): boolean;
+    protected renderSelection(): IJSLVNode;
+}