jsl-ui 8.10.2 → 8.14.0

package/lib/components/IntervalComponent.d.ts

@@ -2,6 +2,7 @@ import { IJSLComponent, JSLRender, IJSLVNode } from "jsl-render";
 export interface IIntervalOptions {
     interval: number;
     stopOnError?: boolean;
+    noRefresh?: boolean;
 }
 export declare class IntervalComponent implements IJSLComponent {
     private fnc;

package/lib/components/IntervalComponent.js

@@ -24,12 +24,16 @@ var IntervalComponent = /** @class */ (function () {
             var isPromise = result && typeof result.then === "function" && typeof result.catch === "function";
             if (isPromise) {
                 result.then(function () {
-                    _this.renderer.refresh();
+                    if (!_this.options.noRefresh) {
+                        _this.renderer.refresh();
+                    }
                     node.dom.value = setTimeout(f, _this.options.interval).toString();
                 }).catch(function (e) {
                     console.error(e);
                     if (!_this.options.stopOnError) {
-                        _this.renderer.refresh();
+                        if (!_this.options.noRefresh) {
+                            _this.renderer.refresh();
+                        }
                         node.dom.value = setTimeout(f, _this.options.interval).toString();
                     }
                 });
@@ -44,7 +48,9 @@ var IntervalComponent = /** @class */ (function () {
                         return;
                     }
                 }
-                _this.renderer.refresh();
+                if (!_this.options.noRefresh) {
+                    _this.renderer.refresh();
+                }
                 node.dom.value = setTimeout(f, _this.options.interval).toString();
             }
         };

package/lib/components/auto-suggest/AutoSuggestComponent.d.ts

@@ -1,7 +1,9 @@
 import { IJSLComponent, IJSLVNode } from "jsl-render";
 import { IAutoSuggestOptions, IAutoSuggest } from "../../ui/auto.suggest";
 export interface IAutoSuggestComponentOptions extends IAutoSuggestOptions {
+    value?: string;
     class?: string;
+    style?: string;
     placeholder?: string;
 }
 export declare class AutoSuggestComponent implements IJSLComponent {
@@ -12,6 +14,8 @@ export declare class AutoSuggestComponent implements IJSLComponent {
     render(): IJSLVNode;
     getRef(): IAutoSuggest;
     getValue(): string;
+    setValue(val: string): void;
+    focus(): void;
     onCreate(node: IJSLVNode): void;
     onUpdate(node: IJSLVNode): void;
     onRemove(): void;

package/lib/components/auto-suggest/AutoSuggestComponent.js

@@ -5,10 +5,10 @@ var AutoSuggestComponent = /** @class */ (function () {
         // this.id = this.options.id ?? helper.newDomGuid();
     }
     AutoSuggestComponent.prototype.render = function () {
-        var _a, _b;
+        var _a;
         return {
             tag: "input",
-            attr: { class: (_a = this.options.class, (_a !== null && _a !== void 0 ? _a : "")), placeholder: (_b = this.options.placeholder, (_b !== null && _b !== void 0 ? _b : "")) }
+            attr: { value: this.options.value, class: this.options.class, style: this.options.style, placeholder: (_a = this.options.placeholder, (_a !== null && _a !== void 0 ? _a : "")) }
         };
     };
     AutoSuggestComponent.prototype.getRef = function () {
@@ -20,6 +20,18 @@ var AutoSuggestComponent = /** @class */ (function () {
         }
         return this.dom.value;
     };
+    AutoSuggestComponent.prototype.setValue = function (val) {
+        if (this.dom == null) {
+            return;
+        }
+        this.dom.value = val;
+    };
+    AutoSuggestComponent.prototype.focus = function () {
+        if (this.dom == null) {
+            return;
+        }
+        this.dom.focus();
+    };
     AutoSuggestComponent.prototype.onCreate = function (node) {
         this.dom = node.dom;
         AutoSuggest(node.dom, this.options);

package/lib/components/checkbox/CheckBoxComponent.js

@@ -53,13 +53,13 @@ var CheckBoxComponent = /** @class */ (function () {
         }
         return {
             tag: "span",
+            attr: { style: this.options.style },
             children: [{
                     tag: "input",
                     attr: {
                         type: "checkbox",
                         disabled: !this.options.enabled ? "disabled" : undefined,
                         class: "checkbox-comp " + (this.options.class || ""),
-                        style: this.options.style,
                         change: this.raiseEvent,
                         checked: val ? "checked" : undefined,
                         id: typeof this.options.id === "string" ? this.options.id : undefined

package/lib/components/expander/ExpanderStyle.scss

@@ -8,12 +8,14 @@
         align-content: center;
         min-height: 1.5rem;
         line-height: 1.5rem;
+        align-items: center;
 
         .toggler {
             border-top-left-radius: 0.3rem;
             border-bottom-left-radius: 0.3rem;
             cursor: pointer;
             display: inline-block;
+            background: #3B99FF;
             
             &:hover {
                 background: #6bb1fc;
@@ -28,11 +30,12 @@
             display: inline-block;
             flex-grow: 1;
             padding-left: 0.6em;
+        }
+        
             
-            &:hover {
-                background: #6bb1fc;
-                color: black;
-            }
+        &:hover {
+            background: #6bb1fc;
+            color: black;
         }
     }
     .expand-collapse-icon {

package/lib/components/select/SelectComponent.js

@@ -200,7 +200,12 @@ var SelectComponent = /** @class */ (function () {
     SelectComponent.prototype.destroy = function () {
         var x = document.querySelector(".sel-comp-dd");
         if (x != null && x.parentElement != null) {
-            x.parentElement.removeChild(x);
+            try {
+                x.parentElement.removeChild(x);
+            }
+            catch (ex) {
+                // under certain conditions the child may not be in the parentElements child collection anymore, although the child node still has that element as its parent (e.g. blur event handler) - weird JavaScript stuff eh
+            }
         }
         this.expanded = false;
     };

package/lib/grid/slick.creator.js

@@ -271,11 +271,11 @@ export function createJSLGrid(selector, data, columns, option) {
         });
     }
     // refresh formulas depending on the given column
-    function triggerFormula(column, row) {
+    function triggerFormula(column, item) {
         var f = formulas[column];
         if (f) {
             for (var i = 0, l = f.length; i < l; i++) {
-                row[f[i].column] = f[i].fnc(row, column);
+                item[f[i].column] = f[i].fnc(item, column);
             }
         }
     }
@@ -462,7 +462,12 @@ export function createJSLGrid(selector, data, columns, option) {
     function refreshDataItem(item) {
         var options = grid.getOptions();
         dataView.updateItem(item[options.primaryKey], item);
-        // TODO: formula?
+        // formula refresh
+        for (var f in formulas) {
+            if (formulas.hasOwnProperty(f)) {
+                triggerFormula(f, item);
+            }
+        }
         grid.updateRow(dataView.getRowByItem(item));
     }
     function addFilter(filter, dontrefresh) {

package/lib/grid/slick.dataview.js

@@ -101,8 +101,11 @@ export function DataView(options) {
         var id;
         for (var i = 0, l = items.length; i < l; i++) {
             id = items[i][idProperty];
-            if (id === undefined || idxById[id] !== i) {
-                throw new Error("Each data element must implement a unique 'id' property");
+            if (id === undefined) {
+                throw new Error("Id (" + idProperty + ") of element at index " + i + " was undefined");
+            }
+            else if (idxById[id] !== i) {
+                throw new Error("Duplicate id (" + idProperty + ") for " + id + " found at index (" + idxById[id] + ", " + i + ")");
             }
         }
     }

package/lib/grid/slick.editors.lookup.d.ts

@@ -11,3 +11,4 @@ export interface ILookupEditorOptions {
     matchSearch?: (data: any, term: string) => boolean;
 }
 export declare function LookupEditor(args: any): void;
+export declare function AutoSuggestEditor(args: any): void;

package/lib/grid/slick.editors.lookup.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { JSLRender } from "jsl-render";
 import { SelectComponent } from "../components/select/SelectComponent";
+import { AutoSuggestComponent } from "../components/auto-suggest/AutoSuggestComponent";
 /*
  * Contains extended SlickGrid editors.
  */
@@ -148,7 +149,13 @@ export function LookupEditor(args) {
             console.warn("No value list found for column " + args.column.id);
         }
         // args.container.appendChild(input);
-        dropdown = new SelectComponent(__assign({ data: data, dropdownWidth: args.column.width + "px", style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;", openOnEnter: false }, args.column.editorOptions));
+        dropdown = new SelectComponent(__assign({ data: data, dropdownWidth: args.column.width + "px", style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;", openOnEnter: false, 
+            // onAppend: (dom) => {
+            //     (args.grid as ISlickGrid<any>).getContainerNode().appendChild(dom);
+            // },
+            onChange: function (e) {
+                args.grid.getEditorLock().commitChangesOnly();
+            } }, args.column.editorOptions));
         //dropdown = DropDown(input, { ...{ data, searchable: false, defaultSelected: false, pagination: 100 }, ...args.column.editorOptions });
         new JSLRender(args.container, false).render(dropdown);
         // dropdown.show();
@@ -216,3 +223,130 @@ export function LookupEditor(args) {
     };
     this.init();
 }
+export function AutoSuggestEditor(args) {
+    // var input: HTMLDivElement;
+    var dropdown;
+    var defaultValue;
+    var scope = this;
+    var reposition = true;
+    this.keyCaptureList = function (which) {
+        // if (which === 13) {
+        //     dropdown.show();
+        //     return false;
+        // }
+        if (which === 38 || which === 40) {
+            // if (dropdown.isExpanded()) {
+            return false;
+            // }
+        }
+    };
+    this.init = function () {
+        // input = document.createElement("div");
+        var vl = args.column.valueList;
+        var data = [];
+        if (vl) {
+            if (Array.isArray(vl)) {
+                for (var _i = 0, vl_3 = vl; _i < vl_3.length; _i++) {
+                    var element = vl_3[_i];
+                    if (typeof element === "string") {
+                        data.push({ text: element, value: element });
+                    }
+                    else {
+                        data.push(element);
+                    }
+                }
+            }
+            else {
+                for (var key in vl) {
+                    if (!vl.hasOwnProperty(key)) {
+                        continue;
+                    }
+                    data.push({ text: vl[key], value: key });
+                }
+            }
+        }
+        else {
+            console.warn("No value list found for column " + args.column.id);
+        }
+        // dropdown = new SelectComponent({
+        //     data,
+        //     dropdownWidth: args.column.width + "px",
+        //     style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;",
+        //     openOnEnter: false,
+        //     // onAppend: (dom) => {
+        //     //     (args.grid as ISlickGrid<any>).getContainerNode().appendChild(dom);
+        //     // },
+        //     ...args.column.editorOptions
+        // });
+        dropdown = new AutoSuggestComponent({
+            style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;",
+            source: function (val, suggest) {
+                var term = (val || "").toLowerCase();
+                suggest(data.filter(function (x) {
+                    return term === "" || x.text.toLowerCase().indexOf(term) >= 0;
+                }).map(function (x) { return x.text; }));
+            },
+            cache: false
+        });
+        new JSLRender(args.container, false).render(dropdown);
+        dropdown.focus();
+    };
+    this.show = function () {
+        reposition = true;
+    };
+    this.hide = function () {
+        reposition = false;
+    };
+    this.position = function (position) {
+        // if (dropdown.isExpanded() && reposition) {
+        //     const dd = document.querySelector(".sel-comp-dd") as HTMLDivElement;
+        //     if (dd.classList.contains("sel-comp-dd-up")) {
+        //         dd.style.top = (position.top - dd.getBoundingClientRect().height) + "px";
+        //     } else {
+        //         dd.style.top = (position.top + args.grid.getOptions().rowHeight) + "px";
+        //     }
+        //     dd.style.left = (position.left) + "px";
+        // }
+    };
+    this.destroy = function () {
+        var _a;
+        (_a = dropdown.getRef()) === null || _a === void 0 ? void 0 : _a.destroy();
+    };
+    this.focus = function () {
+        dropdown.focus();
+    };
+    this.getValue = function () {
+        return dropdown.getValue();
+    };
+    this.setValue = function (val) {
+        // dropdown.setValue(val != null ? val.toString() : val);
+        dropdown.setValue(val || "");
+    };
+    this.loadValue = function (item) {
+        defaultValue = item[args.column.field];
+        // dropdown.setValue(defaultValue);
+        dropdown.setValue(defaultValue || "");
+    };
+    this.serializeValue = function () {
+        return dropdown.getValue();
+    };
+    this.applyValue = function (item, state) {
+        item[args.column.field] = state;
+    };
+    this.isValueChanged = function () {
+        return (dropdown.getValue() !== defaultValue);
+    };
+    this.validate = function () {
+        if (args.column.validator) {
+            var validationResults = args.column.validator(dropdown.getValue());
+            if (!validationResults.valid) {
+                return validationResults;
+            }
+        }
+        return {
+            valid: true,
+            msg: null
+        };
+    };
+    this.init();
+}

package/lib/grid/slick.formatters.d.ts

@@ -10,6 +10,7 @@ export declare let HtmlFormatter: ISlickFormatter;
 export declare let LookupFormatter: ISlickFormatter;
 export declare let MultiLookupFormatter: ISlickFormatter;
 export declare let TextFormatter: ISlickFormatter;
+export declare let TooltipFormatter: ISlickFormatter;
 export declare let MultiLineTextFormatter: ISlickFormatter;
 export declare let TimeFormatter: ISlickFormatter;
 export declare let DateTimeFormatter: ISlickFormatter;

package/lib/grid/slick.formatters.js

@@ -101,6 +101,15 @@ export var TextFormatter = function (row, cell, value, columnDef, dataContext) {
         return escapeHTMLChars(value + "");
     }
 };
+export var TooltipFormatter = function (row, cell, value, columnDef, dataContext) {
+    if (value == null) {
+        return "";
+    }
+    else {
+        var result = escapeHTMLChars(value + "");
+        return { text: result, toolTip: result };
+    }
+};
 export var MultiLineTextFormatter = function (row, cell, value, columnDef, dataContext) {
     var txt = "";
     if (value != null) {

package/lib/grid/slick.grid.js

@@ -4115,7 +4115,7 @@ export function SlickGrid(container, data, columns, options) {
                                 navigateDown();
                             }
                             else {
-                                commitEditAndSetFocus();
+                                commitEditAndNavDown();
                             }
                         }
                         else {
@@ -4528,7 +4528,8 @@ export function SlickGrid(container, data, columns, options) {
             columnMetaData: columnMetaData,
             item: item || {},
             event: e,
-            commitChanges: commitEditAndSetFocus,
+            commitChanges: commitEditAndNavDown,
+            commitChangesOnly: commitEditAndSetFocus,
             cancelChanges: cancelEditAndSetFocus
         });
         if (item) {
@@ -4542,7 +4543,7 @@ export function SlickGrid(container, data, columns, options) {
             handleActiveCellPositionChange();
         }
     }
-    function commitEditAndSetFocus() {
+    function commitEditAndNavDown() {
         // if the commit fails, it would do so due to a validation error
         // if so, do not steal the focus from the editor
         if (getEditorLock().commitCurrentEdit()) {
@@ -4552,6 +4553,13 @@ export function SlickGrid(container, data, columns, options) {
             }
         }
     }
+    function commitEditAndSetFocus() {
+        // if the commit fails, it would do so due to a validation error
+        // if so, do not steal the focus from the editor
+        if (getEditorLock().commitCurrentEdit()) {
+            setFocus();
+        }
+    }
     function cancelEditAndSetFocus() {
         if (getEditorLock().cancelCurrentEdit()) {
             setFocus();

package/lib/index.css

@@ -1,2 +1,2 @@
-.slick-footerrow.ui-state-default,.slick-group-header.ui-state-default,.slick-header.ui-state-default,.slick-headerrow.ui-state-default,.slick-top-panel-scroller.ui-state-default{background:#fff;border-left:0!important;overflow:auto;position:relative;width:100%}.slick-header.ui-state-default{overflow:inherit}.slick-footerrow::-webkit-scrollbar,.slick-header::-webkit-scrollbar,.slick-headerrow::-webkit-scrollbar{display:none}.slick-footerrow-columns,.slick-group-header-columns,.slick-header-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-group-header-column.ui-state-default,.slick-header-column.ui-state-default{border-bottom:0!important;border-left:0!important;border-right:1px solid silver;border-top:1px solid silver;box-sizing:content-box!important;float:left;height:20px;line-height:20px;margin:0;overflow:hidden;padding:4px;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis}.slick-footerrow-column.ui-state-default{border:0;border-right:1px solid silver;float:left;line-height:20px;margin:0;padding:4px;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle}.slick-footerrow-column.ui-state-default,.slick-headerrow-column.ui-state-default{padding:4px}.slick-header-column-sorted{font-style:italic}.slick-sort-indicator{float:left;height:5px;margin-left:4px;margin-top:6px;width:8px}.slick-sort-indicator-numbered{color:#6190cd;float:left;font-style:normal;font-weight:700;height:5px;line-height:20px;margin-left:4px;margin-top:0;width:8px}.slick-sortable-placeholder{background:silver}.grid-canvas{outline:0;position:relative}.slick-row.ui-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-cell,.slick-footerrow-column,.slick-headerrow-column{border:1px solid transparent;border-right:1px dotted silver;cursor:default;margin:0;overflow:hidden;padding:1px 2px 2px 1px;position:absolute;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;z-index:1}.slick-headerrow-column{border-bottom-color:silver}.slick-footerrow-column{border-top-color:silver}.slick-group-toggle{display:inline-block}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.slick-cell.flashing{border:1px solid red!important}.slick-cell.editable{overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-reorder-proxy{background:blue;cursor:move;display:inline-block;filter:alpha(opacity = 15);opacity:.15}.slick-reorder-guide{background:blue;display:inline-block;filter:alpha(opacity = 70);height:2px;opacity:.7}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-pane{outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-header,.slick-headerrow,.slick-top-panel-scroller{overflow:hidden;position:relative}.slick-top-panel{width:10000px}.slick-viewport{background:#fff;outline:0;position:relative;width:100%}.slick-wrap{white-space:normal}input.editor-text,textarea.editor-text{background:transparent;border:0;height:100%;margin:0;outline:0;padding:0;resize:none;width:100%}.slick-cell .jsl-container{bottom:0;left:0;position:absolute;right:0;top:0}.slick-cell .jsl-container .jsl-selected{padding:0}.slickgrid{border:1px solid #b0b0b0;border-radius:3px;box-sizing:border-box}.slick-col-ghost{box-sizing:content-box;pointer-events:none;position:absolute}.slick-ghost-content{background:rgba(200,200,200,.5);border:2px solid #bbb;left:0;position:absolute;right:0}.editor-text{font-size:100%}.slick-filtered-header{background:#e7e7e7;color:#3b99ff}.slick-preheader-panel .slick-column-name{float:none;text-align:center}.slick-header-column.resizable>.rs-r{background:none}.js-touch .slick-header-column>.slick-header-menubutton{display:inline-block}.js-touch .slick-header-column.resizable>.rs-r{background:rgba(0,0,0,.04);background:transparent;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAMNSURBVEhLxVY7i1NBGM3NwzyMINiIjSKoC9tIBEG02FgkIeSxpJBlS7sV1s5fIRZqYWFhtYssEggJ5IEaFxERYdXWam1EkQVh82Lz8pzJl3jvzb1JjK8DA/lOZuacO/PNN+Po9/tT29LSktuKt2vov4B2xeo/c3M6piASiawHg8G9eDweEmoi2A/936G9wNg1oW2h0YUdKB4IBO45nU5Ht9s9ACLFYnFb/h4DxT0ez2uXy3WIca/XczQajZuVSuW+6mABWwPRaPSa3+9/DHFNKEe73a7XarWj1Wq1I5QByWQyBwMpCRVoAubL4K9ns9nPQo9guQVW4pwIK7BuJ05AZK3T6exIqMDVAx8Fn89kMieEHmHMQCwWuwrxTbM4l7JcLj8SyhL8QrfbncRKbXGMHuBDMLFtNmHYAor7fL4KxF1CKWDCcj6fj0k4EyR/7uo/hICJXZi5PNyO0Qowgbxeb8ksjgEfuH8SzgwmXrPZXMFKGJIM4qeQE+/T6fRJxmoFwuHwcRybjxA6onoJzG7ngeQTt9TwYcin3Xq9fkZLJBLnEL+C02MQG/wLaJr2HYMWf0d8CJyON5jrooQK/HC0r1oqlarh3B4W/p/D+T/Fiaml+G9jZIB7guwctT8NzNnTz48E5/Het80BZOnbQqFgSJx5wMIDsWdI8AWhFCiOsn6WK7AIR3sD+icwIIQjlJFwLoh43iyOE9eFgWWU9S/OXC73CdwFmPg2+HsAnluc3yc8x0L9MiBymx8ioQLFW61WpFQqPWescoAmsA3nWXgYDwETGi8lllWhZgbfAphzVUIFVkVUx9WhOGG4C2TJXsL1aaEUMJCJs4lKeWuWwmRzm1J8BRfallAKY+8B3b6NvYDA74BPTjKBCy2OC61gEudtegP3wwOhRhirA5ycIrwBOVAPmgL/UEJLYJU2LMT5KhoTJywLEU3w+uVAvQn8ZvbekdASWKVlbNeBhNy68qQnmaWBITiQJiBK4Y4+e+3ANyP6XkLbR3s69SqXW2li4xN71mf2sKG/z4o3tr7jB/mDdb4DhXtsAAAAAElFTkSuQmCC");background-position:100%;background-repeat:no-repeat;background-size:.5em .3em;width:1.2rem}.js-touch .slick-header-menubutton.resize-offset{right:1.2rem;width:1.2rem}.slick-header-columns{border-bottom:2px solid silver}.slick-header-column{border-right:1px solid silver;font-weight:700;text-align:center}.slick-header-column-active,.slick-header-column:hover{background:#3b99ff;color:#fff}.slick-header-column>.slick-header-menubutton:hover{background-color:rgba(0,0,0,.3)}.slick-headerrow{background:#fafafa}.slick-headerrow-column{background:#fafafa;border-bottom:0;height:100%}.slick-row{background:#fff;border:0;line-height:26px;position:absolute}.slick-row.selected{background:#dfe8f6;z-index:10}.slick-cell{padding-left:4px;padding-right:4px}.slick-group{border-bottom:2px solid silver}.slick-group .slick-cell{background:#d4e4ec}.slick-group-toggle{height:9px;margin-right:5px;width:9px}.slick-group-toggle.expanded{background:url("data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7") no-repeat 50%}.slick-group-toggle.collapsed{background:url("data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=") no-repeat 50%}.slick-group-totals{background:#fff;color:gray}.slick-group-select-checkbox{display:inline-block;height:13px;margin:3px 10px 0 0;width:13px}.slick-cell.selected{background-color:#cde6f7}.slick-cell.active{border-color:#017dbe;border-style:solid}.slick-sortable-placeholder{background:silver!important}.slick-row.odd{background:#ededed}.slick-row.ui-state-active{background:#f5f7d7}.slick-row.loading{filter:alpha(opacity = 50);opacity:.5}.slick-cell.invalid{animation-duration:.2s;-moz-animation-duration:.2s;-webkit-animation-duration:.2s;animation-name:slickgrid-invalid-hilite;-moz-animation-name:slickgrid-invalid-hilite;-webkit-animation-name:slickgrid-invalid-hilite;border-color:red}@keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}@-moz-keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}@-webkit-keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}.new-row .slick-cell{background:#3b99ff55;border-top:1px solid #aaa}.resizable{position:relative}.resizable>.rs-r{cursor:w-resize;top:0;width:.5rem}.resizable>.rs-b,.resizable>.rs-r{background:rgba(20,20,20,.2);bottom:0;box-sizing:border-box;position:absolute;right:0}.resizable>.rs-b{cursor:n-resize;height:.5rem;left:0}.resizable>.rs-r.rs-b{bottom:0;cursor:nw-resize;left:auto;right:0;top:auto}.slick-header-menubutton{background-image:url("data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=");background-position:0;background-repeat:no-repeat;border-left:thin ridge silver;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:14px}.slick-header-menubutton.resize-offset{right:.5rem}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton,.slick-header-menu{display:inline-block}.slick-header-menu{cursor:default;margin:0;position:absolute}.slick-header-menuitem{cursor:pointer;list-style:none;margin:0;padding:0}.slick-header-menuicon{background-position:50%;background-repeat:no-repeat;height:16px;margin-right:4px;width:16px}.slick-header-menucontent,.slick-header-menuicon{display:inline-block;vertical-align:middle}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem.slick-header-menuitem-divider{background-color:#cecece;border:none;cursor:default;height:1px;margin:8px 2px;overflow:hidden;padding:0}.slick-header-menuitem-divider.slick-header-menuitem:hover{background-color:#cecece}.slick-header-menu{background:#fff;border:1px solid #bebebe;box-shadow:2px 2px 2px silver;padding:2px;z-index:20}.slick-header-menuitem{border-radius:3px;padding:2px 4px}.slick-header-menuitem:hover{background:#3b99ff;color:#fff}.slick-header-menuitem-disabled{background:inherit!important;border-color:transparent!important}.slick-column-name,.slick-sort-indicator{display:inline-block;float:left;margin-bottom:100px}.slick-header-button{background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;float:right;height:15px;margin:1px 2rem 100px 1px;vertical-align:top;width:15px}.slick-header-button-hidden{-webkit-transition:width .2s;-ms-transition:width .2s;transition:width .2s;width:0}.slick-header-column:hover>.slick-header-button{width:15px}.jsl-dialog{background:#fff;border:2px solid #ddd;border-radius:.8rem;left:50%;pointer-events:all;position:relative;top:50%;transform:translate(-50%,-50%);z-index:2002}.dlg-close-btn{background:#d8d8d8;border-top-right-radius:.8rem;bottom:0;box-sizing:border-box;color:#555;cursor:pointer;font-size:2rem;font-weight:700;line-height:2.8rem;position:absolute;right:0;top:0;width:2.5rem}.dlg-close-btn:hover{background:#b22121;color:#fff}.jsl-dialog-overlay{background:rgba(0,0,0,.8);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:2001}.jsl-dialog>.dlg-header{background:#f8f8f8;border-bottom:1px solid #ededed;border-top-left-radius:.8rem;border-top-right-radius:.8rem;box-sizing:content-box;font-size:1.5rem;height:2rem;padding:.6rem;position:relative;text-align:center}.jsl-dialog>.dlg-body{box-sizing:border-box;margin-bottom:3rem;overflow:auto;padding:1rem}.jsl-dialog>.dlg-footer{background:#f8f8f8;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;border-top:1px solid #ededed;bottom:0;box-sizing:border-box;height:3rem;left:0;padding:.5rem;position:absolute;right:0;text-align:right}.jsl-dialog>.dlg-footer button{margin-left:1rem}.v-r-comp,.v-r-comp .v-r-child>*{height:100%}.slick-cell .jsl-toggle{box-sizing:border-box;color:#888;cursor:pointer;display:inline-block;height:100%;width:1.2em}.slick-cell .jsl-toggle-spacer{box-sizing:border-box;display:inline-block;min-width:1.2em}.slick-cell .jsl-indent{display:inline-block;position:relative}
+.slick-footerrow.ui-state-default,.slick-group-header.ui-state-default,.slick-header.ui-state-default,.slick-headerrow.ui-state-default,.slick-top-panel-scroller.ui-state-default{background:#fff;border-left:0!important;overflow:auto;position:relative;width:100%}.slick-header.ui-state-default{overflow:inherit}.slick-footerrow::-webkit-scrollbar,.slick-header::-webkit-scrollbar,.slick-headerrow::-webkit-scrollbar{display:none}.slick-footerrow-columns,.slick-group-header-columns,.slick-header-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-group-header-column.ui-state-default,.slick-header-column.ui-state-default{border-bottom:0!important;border-left:0!important;border-right:1px solid silver;border-top:1px solid silver;box-sizing:content-box!important;float:left;height:20px;line-height:20px;margin:0;overflow:hidden;padding:4px;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis}.slick-footerrow-column.ui-state-default{border:0;border-right:1px solid silver;float:left;line-height:20px;margin:0;padding:4px;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle}.slick-footerrow-column.ui-state-default,.slick-headerrow-column.ui-state-default{padding:4px}.slick-header-column-sorted{font-style:italic}.slick-sort-indicator{float:left;height:5px;margin-left:4px;margin-top:6px;width:8px}.slick-sort-indicator-numbered{color:#6190cd;float:left;font-style:normal;font-weight:700;height:5px;line-height:20px;margin-left:4px;margin-top:0;width:8px}.slick-sortable-placeholder{background:silver}.grid-canvas{outline:0;position:relative}.slick-row.ui-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-cell,.slick-footerrow-column,.slick-headerrow-column{border:1px solid transparent;border-right:1px dotted silver;cursor:default;margin:0;overflow:hidden;padding:1px 2px 2px 1px;position:absolute;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;z-index:1}.slick-headerrow-column{border-bottom-color:silver}.slick-footerrow-column{border-top-color:silver}.slick-group-toggle{display:inline-block}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.slick-cell.flashing{border:1px solid red!important}.slick-cell.editable{overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-reorder-proxy{background:blue;cursor:move;display:inline-block;filter:alpha(opacity = 15);opacity:.15}.slick-reorder-guide{background:blue;display:inline-block;filter:alpha(opacity = 70);height:2px;opacity:.7}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-pane{outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-header,.slick-headerrow,.slick-top-panel-scroller{overflow:hidden;position:relative}.slick-top-panel{width:10000px}.slick-viewport{background:#fff;outline:0;position:relative;width:100%}.slick-wrap{white-space:normal}input.editor-text,textarea.editor-text{background:transparent;border:0;height:100%;margin:0;outline:0;padding:0;resize:none;width:100%}.slick-cell .jsl-container{bottom:0;left:0;position:absolute;right:0;top:0}.slick-cell .jsl-container .jsl-selected{padding:0}.slickgrid{border:1px solid #b0b0b0;border-radius:3px;box-sizing:border-box}.slick-col-ghost{box-sizing:content-box;pointer-events:none;position:absolute}.slick-ghost-content{background:rgba(200,200,200,.5);border:2px solid #bbb;left:0;position:absolute;right:0}.editor-text{font-size:100%}.slick-filtered-header{background:#e7e7e7;color:#3b99ff}.slick-preheader-panel .slick-column-name{float:none;text-align:center}.slick-header-column.resizable>.rs-r{background:none}.js-touch .slick-header-column>.slick-header-menubutton{display:inline-block}.js-touch .slick-header-column.resizable>.rs-r{background:rgba(0,0,0,.04);background:transparent;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAMNSURBVEhLxVY7i1NBGM3NwzyMINiIjSKoC9tIBEG02FgkIeSxpJBlS7sV1s5fIRZqYWFhtYssEggJ5IEaFxERYdXWam1EkQVh82Lz8pzJl3jvzb1JjK8DA/lOZuacO/PNN+Po9/tT29LSktuKt2vov4B2xeo/c3M6piASiawHg8G9eDweEmoi2A/936G9wNg1oW2h0YUdKB4IBO45nU5Ht9s9ACLFYnFb/h4DxT0ez2uXy3WIca/XczQajZuVSuW+6mABWwPRaPSa3+9/DHFNKEe73a7XarWj1Wq1I5QByWQyBwMpCRVoAubL4K9ns9nPQo9guQVW4pwIK7BuJ05AZK3T6exIqMDVAx8Fn89kMieEHmHMQCwWuwrxTbM4l7JcLj8SyhL8QrfbncRKbXGMHuBDMLFtNmHYAor7fL4KxF1CKWDCcj6fj0k4EyR/7uo/hICJXZi5PNyO0Qowgbxeb8ksjgEfuH8SzgwmXrPZXMFKGJIM4qeQE+/T6fRJxmoFwuHwcRybjxA6onoJzG7ngeQTt9TwYcin3Xq9fkZLJBLnEL+C02MQG/wLaJr2HYMWf0d8CJyON5jrooQK/HC0r1oqlarh3B4W/p/D+T/Fiaml+G9jZIB7guwctT8NzNnTz48E5/Het80BZOnbQqFgSJx5wMIDsWdI8AWhFCiOsn6WK7AIR3sD+icwIIQjlJFwLoh43iyOE9eFgWWU9S/OXC73CdwFmPg2+HsAnluc3yc8x0L9MiBymx8ioQLFW61WpFQqPWescoAmsA3nWXgYDwETGi8lllWhZgbfAphzVUIFVkVUx9WhOGG4C2TJXsL1aaEUMJCJs4lKeWuWwmRzm1J8BRfallAKY+8B3b6NvYDA74BPTjKBCy2OC61gEudtegP3wwOhRhirA5ycIrwBOVAPmgL/UEJLYJU2LMT5KhoTJywLEU3w+uVAvQn8ZvbekdASWKVlbNeBhNy68qQnmaWBITiQJiBK4Y4+e+3ANyP6XkLbR3s69SqXW2li4xN71mf2sKG/z4o3tr7jB/mDdb4DhXtsAAAAAElFTkSuQmCC");background-position:100%;background-repeat:no-repeat;background-size:.5em .3em;width:1.2rem}.js-touch .slick-header-menubutton.resize-offset{right:1.2rem;width:1.2rem}.slick-header-columns{border-bottom:2px solid silver}.slick-header-column{border-right:1px solid silver;font-weight:700;text-align:center}.slick-header-column-active,.slick-header-column:hover{background:#3b99ff;color:#fff}.slick-header-column>.slick-header-menubutton:hover{background-color:rgba(0,0,0,.3)}.slick-headerrow{background:#fafafa}.slick-headerrow-column{background:#fafafa;border-bottom:0;height:100%}.slick-row{background:#fff;border:0;line-height:26px;position:absolute}.slick-row.selected{background:#dfe8f6;z-index:10}.slick-cell{padding-left:4px;padding-right:4px}.slick-group{border-bottom:2px solid silver}.slick-group .slick-cell{background:#d4e4ec}.slick-group-toggle{height:9px;margin-right:5px;width:9px}.slick-group-toggle.expanded{background:url("data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7") no-repeat 50%}.slick-group-toggle.collapsed{background:url("data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=") no-repeat 50%}.slick-group-totals{background:#fff;color:gray}.slick-group-select-checkbox{display:inline-block;height:13px;margin:3px 10px 0 0;width:13px}.slick-cell.selected{background-color:#cde6f7}.slick-cell.active{border-color:#017dbe;border-style:solid}.slick-sortable-placeholder{background:silver!important}.slick-row.odd{background:#ededed}.slick-row.ui-state-active{background:#f5f7d7}.slick-row.loading{filter:alpha(opacity = 50);opacity:.5}.slick-cell.invalid{animation-duration:.2s;-moz-animation-duration:.2s;-webkit-animation-duration:.2s;animation-name:slickgrid-invalid-hilite;-moz-animation-name:slickgrid-invalid-hilite;-webkit-animation-name:slickgrid-invalid-hilite;border-color:red}@keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}@-moz-keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}@-webkit-keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}.new-row .slick-cell{background:#3b99ff55;border-top:1px solid #aaa}.resizable{position:relative}.resizable>.rs-r{cursor:w-resize;top:0;width:.5rem}.resizable>.rs-b,.resizable>.rs-r{background:rgba(20,20,20,.2);bottom:0;box-sizing:border-box;position:absolute;right:0}.resizable>.rs-b{cursor:n-resize;height:.5rem;left:0}.resizable>.rs-r.rs-b{bottom:0;cursor:nw-resize;left:auto;right:0;top:auto}.slick-header-menubutton{background-image:url("data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=");background-position:0;background-repeat:no-repeat;border-left:thin ridge silver;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:14px}.slick-header-menubutton.resize-offset{right:.5rem}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton,.slick-header-menu{display:inline-block}.slick-header-menu{cursor:default;margin:0;position:absolute}.slick-header-menuitem{cursor:pointer;list-style:none;margin:0;padding:0}.slick-header-menuicon{background-position:50%;background-repeat:no-repeat;height:16px;margin-right:4px;width:16px}.slick-header-menucontent,.slick-header-menuicon{display:inline-block;vertical-align:middle}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem.slick-header-menuitem-divider{background-color:#cecece;border:none;cursor:default;height:1px;margin:8px 2px;overflow:hidden;padding:0}.slick-header-menuitem-divider.slick-header-menuitem:hover{background-color:#cecece}.slick-header-menu{background:#fff;border:1px solid #bebebe;box-shadow:2px 2px 2px silver;padding:2px;z-index:20}.slick-header-menuitem{border-radius:3px;padding:2px 4px}.slick-header-menuitem:hover{background:#3b99ff;color:#fff}.slick-header-menuitem-disabled{background:inherit!important;border-color:transparent!important}.slick-column-name,.slick-sort-indicator{display:inline-block;float:left;margin-bottom:100px}.slick-header-button{background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;float:right;height:15px;margin:1px 2rem 100px 1px;vertical-align:top;width:15px}.slick-header-button-hidden{-webkit-transition:width .2s;-ms-transition:width .2s;transition:width .2s;width:0}.slick-header-column:hover>.slick-header-button{width:15px}.jsl-dialog{background:#fff;border:2px solid #ddd;border-radius:.8rem;left:50%;pointer-events:all;position:relative;top:50%;transform:translate(-50%,-50%);z-index:2002}.dlg-close-btn{background:#d8d8d8;border-top-right-radius:.8rem;bottom:0;box-sizing:border-box;color:#555;cursor:pointer;font-size:2rem;font-weight:700;line-height:2.8rem;position:absolute;right:0;top:0;width:2.5rem}.dlg-close-btn:hover{background:#b22121;color:#fff}.jsl-dialog-overlay{background:rgba(0,0,0,.8);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;z-index:2001}.jsl-dialog>.dlg-header{background:#f8f8f8;border-bottom:1px solid #ededed;border-top-left-radius:.8rem;border-top-right-radius:.8rem;box-sizing:content-box;font-size:1.5rem;height:2rem;padding:.6rem;position:relative;text-align:center}.jsl-dialog>.dlg-body{box-sizing:border-box;margin-bottom:3rem;overflow:auto;padding:1rem}.jsl-dialog>.dlg-footer{background:#f8f8f8;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem;border-top:1px solid #ededed;bottom:0;box-sizing:border-box;height:3rem;left:0;padding:.5rem;position:absolute;right:0;text-align:right}.jsl-dialog>.dlg-footer button{margin-left:1rem}.jsl-dialog .slickgrid{border-radius:0}.v-r-comp,.v-r-comp .v-r-child>*{height:100%}.slick-cell .jsl-toggle{box-sizing:border-box;color:#888;cursor:pointer;display:inline-block;height:100%;width:1.2em}.slick-cell .jsl-toggle-spacer{box-sizing:border-box;display:inline-block;min-width:1.2em}.slick-cell .jsl-indent{display:inline-block;position:relative}
 /*# sourceMappingURL=index.css.map */