jsl-ui 9.18.2 → 9.18.3

package/lib/grid/controls/slick.draggablegrouping.css

@@ -1,52 +0,0 @@
-.slick-group-toggle-all.expanded {
-    background: url('../images/collapse.gif') no-repeat center center;
-    width: 9px;
-    height: 9px;
-    position: absolute;
-    display: inline-block;
-    right: 10px;
-}
-
-.slick-group-toggle-all.collapsed {
-    background: url('../images/expand.gif') no-repeat center center;
-    width: 9px;
-    height: 9px;
-    position: absolute;
-    display: inline-block;
-    right: 10px;
-}
-
-.slick-column-groupable {  
-  width: 9px;
-  height: 9px;
-  display: inline-block;
-  margin-left: 4px;
-}
-
-.slick-column-groupable-image {
-  background: url('../images/column-grouping.png') no-repeat center center;
-}
-
-.slick-dropped-grouping {
-  display: inline-block;
-  margin-right: 5px;
-  vertical-align: middle;
-  cursor: pointer;
-}
-
-.slick-groupby-remove {
-  padding-right: 20px;
-  display: inline-flex;
-} 
-
-.slick-groupby-remove-image {
-  background: url(../images/delete.png) no-repeat center right;
-}
-
-.slick-placeholder {
-  height: 25px;
-}
-
-.ui-droppable {
-  padding: 5px;
-}

package/lib/grid/controls/slick.gridmenu.css

@@ -1,127 +0,0 @@
-.slick-gridmenu {
-  border: 1px solid #718BB7;
-  background: #f0f0f0;
-  padding: 6px;
-  -moz-box-shadow: 2px 2px 2px silver;
-  -webkit-box-shadow: 2px 2px 2px silver;
-  box-shadow: 2px 2px 2px silver;
-  min-width: 180px;
-  cursor: default;
-  position:absolute;
-  z-index: 2000;
-	overflow:auto;
-  resize: both;
-}
-
-.slick-gridmenu-button {
-  position: absolute;
-  cursor: pointer;
-  right: 0;
-  padding: 0 2px;
-  top: 0;
-  background-color: transparent;
-  cursor: pointer;
-  border: 0;
-  margin-top: 5px;
-  width: 16px;
-}
-
-.slick-gridmenu > .close {
-  float: right;
-}
-
-.slick-gridmenu .title {
-  font-size: 16px;
-  width: calc(100% - 30px);
-  border-bottom: solid 1px #d6d6d6;
-  margin-bottom: 5px;
-}
-
-.slick-gridmenu li {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-}
-
-.slick-gridmenu input {
-  margin: 4px;
-}
-
-.slick-gridmenu li a {
-  display: block;
-  padding: 4px;
-  font-weight: bold;
-}
-
-.slick-gridmenu li a:hover {
-  background: white;
-}
-
-
-.slick-gridmenu-custom {
-  margin-bottom: 10px;
-}
-
-/* Menu */
-.slick-gridmenu- {
-  position: absolute;
-  display: inline-block;
-  margin: 0;
-  padding: 2px;
-  cursor: default;
-}
-
-
-/* Menu items */
-.slick-gridmenu-item {
-  list-style: none;
-  margin: 0;
-  cursor: pointer;
-  padding: 2px 4px;
-  border: 1px solid transparent;
-  border-radius: 3px;
-}
-.slick-gridmenu-item:hover {
-  border-color: silver;
-  background: white;
-}
-.slick-gridmenu-item-disabled {
-  border-color: transparent !important;
-  background: inherit !important;
-}
-
-.slick-gridmenu-icon {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  vertical-align: middle;
-  margin-right: 4px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.slick-gridmenu-content {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-
-/* Disabled */
-.slick-gridmenu-item-disabled {
-  color: silver;
-}
-
-/* Divider */
-.slick-gridmenu-item.slick-gridmenu-item-divider {
-  cursor: default;
-  border: none;
-  overflow: hidden;
-  padding: 0;
-  height: 1px;
-  margin: 8px 2px;
-  background-color: #cecece;
-}
-.slick-gridmenu-item-divider.slick-gridmenu-item:hover {
-  background-color: #cecece;
-}

package/lib/grid/controls/slick.pager.css

@@ -1,41 +0,0 @@
-.slick-pager {
-  width: 100%;
-  height: 26px;
-  border: 1px solid gray;
-  border-top: 0;
-  background: url('../images/header-columns-bg.gif') repeat-x center bottom;
-  vertical-align: middle;
-}
-
-.slick-pager .slick-pager-status {
-  display: inline-block;
-  padding: 6px;
-}
-
-.slick-pager .ui-icon-container {
-  display: inline-block;
-  margin: 2px;
-  border-color: gray;
-}
-
-.slick-pager .slick-pager-nav {
-  display: inline-block;
-  float: left;
-  padding: 2px;
-}
-
-.slick-pager .slick-pager-settings {
-  display: block;
-  float: right;
-  padding: 2px;
-}
-
-.slick-pager .slick-pager-settings * {
-  vertical-align: middle;
-}
-
-.slick-pager .slick-pager-settings a {
-  padding: 2px;
-  text-decoration: underline;
-  cursor: pointer;
-}

package/lib/grid/examples/examples.css

@@ -1,203 +0,0 @@
-@import url('../slick-default-theme.css');
-
-* {
-  font-family: arial;
-  font-size: 8pt;
-}
-
-body {
-  background: beige;
-  padding: 0;
-  margin: 8px;
-}
-
-h2 {
-  font-size: 10pt;
-  border-bottom: 1px dotted gray;
-}
-
-ul {
-  margin-left: 0;
-  padding: 0;
-  cursor: default;
-}
-
-.options-panel li {
-  background: url("../images/arrow_right_spearmint.png") no-repeat center left;
-  padding: 0 0 0 14px;
-
-  list-style: none;
-  margin: 0;
-}
-
-
-.grid-header #txtSearch {
-  margin: 0 4px 0 4px;
-  padding: 2px 2px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  border: 1px solid silver;
-}
-
-.options-panel {
-  -moz-border-radius: 6px;
-  -webkit-border-radius: 6px;
-  border: 1px solid silver;
-  background: #f0f0f0;
-  padding: 4px;
-  margin-bottom: 20px;
-  width: 320px;
-  position: absolute;
-  top: 0px;
-  left: 650px;
-}
-
-/* Individual cell styles */
-.slick-cell.task-name {
-  font-weight: bold;
-  text-align: right;
-}
-
-.slick-cell.task-percent {
-  text-align: right;
-}
-
-.slick-cell.cell-move-handle {
-  font-weight: bold;
-  text-align: right;
-  border-right: solid gray;
-
-  background: #efefef;
-  cursor: move;
-}
-
-.cell-move-handle:hover {
-  background: #b6b9bd;
-}
-
-.slick-row.selected .cell-move-handle {
-  background: #D5DC8D;
-}
-
-.slick-row .cell-actions {
-  text-align: left;
-}
-
-.slick-row.complete {
-  background-color: #DFD;
-  color: #555;
-}
-
-.percent-complete-bar {
-  display: inline-block;
-  height: 6px;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-}
-
-/* Slick.Editors.Text, Slick.Editors.Date */
-input.editor-text {
-  width: 100%;
-  height: 100%;
-  border: 0;
-  margin: 0;
-  background: transparent;
-  outline: 0;
-  padding: 0;
-
-}
-
-.ui-datepicker-trigger {
-  background:url("../images/calendar.gif") top left no-repeat;
-  width: 16px;
-  height: 16px;
-
-  margin-top: 2px;
-  padding: 0;
-  vertical-align: top;
-}
-
-/* Slick.Editors.PercentComplete */
-input.editor-percentcomplete {
-  width: 100%;
-  height: 100%;
-  border: 0;
-  margin: 0;
-  background: transparent;
-  outline: 0;
-  padding: 0;
-
-  float: left;
-}
-
-.editor-percentcomplete-picker {
-  position: relative;
-  display: inline-block;
-  width: 16px;
-  height: 100%;
-  background: url("../images/pencil.gif") no-repeat center center;
-  overflow: visible;
-  z-index: 1000;
-  float: right;
-}
-
-.editor-percentcomplete-helper {
-  border: 0 solid gray;
-  position: absolute;
-  top: -2px;
-  left: -9px;
-  background: url("../images/editor-helper-bg.gif") no-repeat top left;
-  padding-left: 9px;
-
-  width: 120px;
-  height: 140px;
-  display: none;
-  overflow: visible;
-}
-
-.editor-percentcomplete-wrapper {
-  background: beige;
-  padding: 20px 8px;
-
-  width: 100%;
-  height: 98px;
-  border: 1px solid gray;
-  border-left: 0;
-}
-
-.editor-percentcomplete-buttons {
-  float: right;
-}
-
-.editor-percentcomplete-buttons button {
-  width: 80px;
-}
-
-.editor-percentcomplete-slider {
-  float: left;
-}
-
-.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
-  display: block;
-}
-
-.editor-percentcomplete-helper:hover {
-  display: block;
-}
-
-/* Slick.Editors.YesNoSelect */
-select.editor-yesno {
-  width: 100%;
-  margin: 0;
-  vertical-align: middle;
-}
-
-/* Slick.Editors.Checkbox */
-input.editor-checkbox {
-  margin: 0;
-  height: 100%;
-  padding: 0;
-  border: 0;
-}
-
-

package/lib/grid/filterDialogs/dateRangeFilter.d.ts

@@ -1,7 +0,0 @@
-import { ISlickColumn } from "../slick.core";
-import { IJSLGrid } from "../../index";
-export declare class DateRangeFilter {
-    private grid;
-    constructor(grid: IJSLGrid<any>);
-    show(col: ISlickColumn): Promise<void>;
-}

package/lib/grid/filterDialogs/dateRangeFilter.js

@@ -1,156 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { UILang } from "../../core/lang";
-import { Dialog } from "../../ui/dialog";
-import { JSLRender } from "jsl-render";
-import { DateRangeComponent } from "../../components/date-range/DateRangeComponent";
-var DateRangeFilter = /** @class */ (function () {
-    function DateRangeFilter(grid) {
-        this.grid = grid;
-    }
-    DateRangeFilter.prototype.show = function (col) {
-        return __awaiter(this, void 0, void 0, function () {
-            var minVal, maxVal, filters, currentFilters, mode, idx, l, v, filterOptions, values, oldminMaxValues, _i, currentFilters_1, f, dlg, dlgBody, dateRangeComp, dlgObj, dlgOkButton, dlgCancelButton, dlgClearButton;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        filters = this.grid.getFilters();
-                        currentFilters = filters.filter(function (f) { return f.columnId === col.id; });
-                        mode = this.grid.getOptions().mode;
-                        if (!(mode === "client")) return [3 /*break*/, 1];
-                        // remove any filters for this column
-                        if (currentFilters.length > 0) {
-                            this.grid.clearFilter(col.id);
-                        }
-                        for (idx = 0, l = this.grid.getDataLength(); idx < l; idx++) {
-                            v = this.grid.getDataItemValueForColumn(this.grid.getDataItem(idx), col);
-                            if (minVal == null || v < minVal) {
-                                minVal = v;
-                            }
-                            if (maxVal == null || v > maxVal) {
-                                maxVal = v;
-                            }
-                        }
-                        return [3 /*break*/, 3];
-                    case 1:
-                        filterOptions = this.grid.getOptions().getFilterValues;
-                        if (filterOptions == null) {
-                            throw new Error("getFilterValues option has to be set when filter mode = server");
-                        }
-                        return [4 /*yield*/, filterOptions(col)];
-                    case 2:
-                        values = _a.sent();
-                        // TODO: check if correct type of object was returned
-                        minVal = values[0];
-                        maxVal = values[1];
-                        _a.label = 3;
-                    case 3:
-                        oldminMaxValues = [minVal, maxVal];
-                        if (currentFilters.length > 0) {
-                            for (_i = 0, currentFilters_1 = currentFilters; _i < currentFilters_1.length; _i++) {
-                                f = currentFilters_1[_i];
-                                if (f._checkedValues) {
-                                    oldminMaxValues = f._checkedValues;
-                                }
-                                if (mode === "client") {
-                                    filters.push(f);
-                                }
-                            }
-                            if (mode === "client") {
-                                this.grid.refreshFilters();
-                            }
-                        }
-                        dlg = document.createElement("div");
-                        dlg.classList.add("jsl-dialog-overlay");
-                        dlg.innerHTML = '<div class="jsl-dialog" style="width:50vw;min-height:50vh;"><div class="dlg-header">' + UILang.grid.Filter + '</div><div class="dlg-body" style="max-height:calc(100vh - 7.5rem)"></div>' +
-                            '<div class="dlg-footer">' +
-                            '<button class="jsl-button ok-button">' + UILang.core.Ok + "</button>" +
-                            (currentFilters.length > 0 ? ('<button class="jsl-button clear-button">' + UILang.grid.ClearFilter + '</button>') : "") +
-                            '<button class="jsl-button close-button">' + UILang.core.Cancel + "</button>" +
-                            "</div></div>";
-                        dlgBody = dlg.querySelector(".dlg-body");
-                        dateRangeComp = new DateRangeComponent({
-                            min: minVal, max: maxVal,
-                            minValue: oldminMaxValues[0], maxValue: oldminMaxValues[1],
-                            increment: "days"
-                        });
-                        new JSLRender(dlgBody, false).render(dateRangeComp);
-                        // const id = helper.newDomGuid();
-                        document.body.appendChild(dlg);
-                        dlgObj = Dialog(dlg, {
-                            autoOpen: true, onClose: function () {
-                                dlg.innerHTML = "";
-                                dlg.parentElement.removeChild(dlg);
-                            }
-                        });
-                        dlgOkButton = dlg.querySelector(".dlg-footer .ok-button");
-                        dlgOkButton.addEventListener("click", function (evt) {
-                            var min = dateRangeComp.getMin();
-                            var max = dateRangeComp.getMax();
-                            _this.grid.clearFilter(col.id, true);
-                            if (min.getDate() !== minVal.getDate() || max.getDate() !== maxVal.getDate()) {
-                                var filterObject = {
-                                    field: col.field, columnId: col.id, match: mode === "server" ? function () { return true; } : function (item, field) {
-                                        return _this.grid.getDataItemValueForColumn(item, col) >= min && _this.grid.getDataItemValueForColumn(item, col) <= max;
-                                    }
-                                };
-                                filterObject._checkedValues = [min, max];
-                                _this.grid.addFilter(filterObject, true);
-                            }
-                            _this.grid.refreshFilters();
-                            dlgObj.close();
-                        });
-                        dlgCancelButton = dlg.querySelector(".dlg-footer .close-button");
-                        dlgCancelButton.addEventListener("click", function (evt) {
-                            dlgObj.close();
-                        });
-                        dlgClearButton = dlg.querySelector(".dlg-footer .clear-button");
-                        if (dlgClearButton != null) {
-                            dlgClearButton.addEventListener("click", function (evt) {
-                                _this.grid.clearFilter(col.id);
-                                dlgObj.close();
-                            });
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    return DateRangeFilter;
-}());
-export { DateRangeFilter };

package/lib/grid/filterDialogs/excelFilter.d.ts

@@ -1,9 +0,0 @@
-import { ISlickColumn } from "../slick.core";
-import { IJSLGrid } from "../../index";
-export declare class ExcelFilter {
-    private grid;
-    private static convertRemToPixels;
-    constructor(grid: IJSLGrid<any>);
-    show(col: ISlickColumn): Promise<void>;
-    private getDistinctValues;
-}