@simplysm/angular 1.0.135 → 14.0.1

package/dist/controls/SdSheetControl.js

@@ -1,634 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@angular/core");
-var SdSheetColumnControl_1 = require("./SdSheetColumnControl");
-var SdTypeValidate_1 = require("../commons/SdTypeValidate");
-var SdLocalStorageProvider_1 = require("../providers/SdLocalStorageProvider");
-var common_1 = require("@simplysm/common");
-var SdSheetControl = (function () {
-    function SdSheetControl(_iterableDiffers, _cdr, _elRef, _localStorage) {
-        var _this = this;
-        this._iterableDiffers = _iterableDiffers;
-        this._cdr = _cdr;
-        this._elRef = _elRef;
-        this._localStorage = _localStorage;
-        this.selectedItemChange = new core_1.EventEmitter();
-        this.selectedItems = [];
-        this.selectedItemsChange = new core_1.EventEmitter();
-        this._page = 0;
-        this._pageLength = 0;
-        this.pageChange = new core_1.EventEmitter();
-        this.expandedItemTracks = [];
-        this.expandedItemTracksChange = new core_1.EventEmitter();
-        this.headTop = 0;
-        this.fixedLeft = 0;
-        this._columnConfigs = [];
-        this._iterableDiffer = this._iterableDiffers.find([]).create(function (i, item) { return _this.trackByItemFn(i, item); });
-        this._elRef.nativeElement.addEventListener("focus", function (event) {
-            if (event.target.classList.contains("_select-icon")) {
-                return;
-            }
-            if (_this.selectable === "manual" && _this.selectedItem) {
-                var cellEl = event.target.findParent("._col");
-                if (!cellEl)
-                    return;
-                if (cellEl.classList.contains("_first-col"))
-                    return;
-                var rowEl = event.target.findParent("._row");
-                if (!rowEl)
-                    return;
-                var bodyEl = rowEl.parentElement;
-                var rowIndex = Array.from(bodyEl.children).indexOf(rowEl);
-                var cursorItem = _this._getItemByRowIndex(rowIndex);
-                if (_this.selectedItem !== cursorItem) {
-                    _this.selectedItem = undefined;
-                    _this.selectedItemChange.emit(undefined);
-                }
-            }
-            else if (_this.selectable === true) {
-                _this.selectRow(event.target);
-            }
-        }, true);
-    }
-    Object.defineProperty(SdSheetControl.prototype, "page", {
-        get: function () {
-            return Math.min(this._page, this.pageLength - 1);
-        },
-        set: function (value) {
-            this._page = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SdSheetControl.prototype, "pageLength", {
-        get: function () {
-            if (this.pageItemCount && this.items) {
-                return Math.ceil(this.items.length / this.pageItemCount);
-            }
-            else {
-                return this._pageLength;
-            }
-        },
-        set: function (value) {
-            if (this.pageItemCount) {
-                throw new Error("'sd-sheet'에 'pageItemCount''와 'pageLength'를 함께 설정할 수 없습니다.");
-            }
-            this._pageLength = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SdSheetControl.prototype, "paddingTop", {
-        get: function () {
-            var rowEls = this._elRef.nativeElement.findAll("._head > ._row");
-            var rowHeight = rowEls.filter(function (item) { return !item.classList.contains("_pagination"); }).sum(function (item) { return item.clientHeight; }) || 0;
-            return rowHeight + (this.pageLength > 1 ? common_1.optional(rowEls.single(function (item) { return item.classList.contains("_pagination"); }), function (o) { return o.clientHeight; }) || 0 : 0) + "px";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SdSheetControl.prototype, "hasHeaderGroup", {
-        get: function () {
-            return this.columnControls ? this.columnControls.some(function (item) { return !!item.header && item.header.includes("."); }) : false;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SdSheetControl.prototype, "fixedHeaderGroups", {
-        get: function () {
-            var result = [];
-            for (var _i = 0, _a = this.fixedColumnControls; _i < _a.length; _i++) {
-                var item = _a[_i];
-                var header = (item.header && item.header.split(".").length === 2) ? item.header.split(".")[0] : undefined;
-                if (result.last() && result.last().header === header) {
-                    result.last().width += this.getWidth(item);
-                }
-                else {
-                    result.push({
-                        header: header,
-                        width: this.getWidth(item)
-                    });
-                }
-            }
-            return result;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SdSheetControl.prototype, "nonFixedHeaderGroups", {
-        get: function () {
-            var result = [];
-            for (var _i = 0, _a = this.nonFixedColumnControls; _i < _a.length; _i++) {
-                var item = _a[_i];
-                var header = (item.header && item.header.split(".").length === 2) ? item.header.split(".")[0] : undefined;
-                if (result.last() && result.last().header === header) {
-                    result.last().width += this.getWidth(item);
-                }
-                else {
-                    result.push({
-                        header: header,
-                        width: this.getWidth(item)
-                    });
-                }
-            }
-            return result;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SdSheetControl.prototype, "fixedColumnControls", {
-        get: function () {
-            return this.columnControls ? this.columnControls.filter(function (item) { return !!item.fixed; }) : [];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SdSheetControl.prototype, "nonFixedColumnControls", {
-        get: function () {
-            return this.columnControls ? this.columnControls.filter(function (item) { return !item.fixed; }) : [];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SdSheetControl.prototype, "fixedColumnWidth", {
-        get: function () {
-            var fixedColGroupEl = this._elRef.nativeElement.findAll("._head > ._row > ._fixed-col-group")[0];
-            return fixedColGroupEl.clientWidth;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SdSheetControl.prototype.trackByColumnControlFn = function (index, item) {
-        return item.guid;
-    };
-    SdSheetControl.prototype.trackByItemFn = function (index, item) {
-        if (this.trackBy) {
-            return this.trackBy(index, item) || item;
-        }
-        else {
-            return item;
-        }
-    };
-    SdSheetControl.prototype.trackByIndexFn = function (index) {
-        return index;
-    };
-    SdSheetControl.prototype.getPagedItems = function () {
-        if (this.pageItemCount && this.items) {
-            return this.items.slice(this.page * this.pageItemCount, (this.page + 1) * this.pageItemCount);
-        }
-        else {
-            return this.items;
-        }
-    };
-    SdSheetControl.prototype._getItemByRowIndex = function (index) {
-        var _this = this;
-        if (!this.items)
-            return undefined;
-        var i = 0;
-        var loop = function (items) {
-            for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-                var item = items_1[_i];
-                if (i === index) {
-                    return item;
-                }
-                i++;
-                var children = _this.children && _this.getIsExpended(items.indexOf(item), item) && _this.children(items.indexOf(item), item);
-                if (children) {
-                    var selected = loop(children);
-                    if (selected) {
-                        return selected;
-                    }
-                }
-            }
-            return undefined;
-        };
-        return loop(this.getPagedItems());
-    };
-    SdSheetControl.prototype.ngOnInit = function () {
-        this._loadColumnConfigs();
-    };
-    SdSheetControl.prototype.ngDoCheck = function () {
-        if (this.items && this._iterableDiffer.diff(this.items)) {
-            this._cdr.markForCheck();
-        }
-    };
-    SdSheetControl.prototype.getIndex = function (columnControl) {
-        return this.columnControls.toArray().indexOf(columnControl);
-    };
-    SdSheetControl.prototype.getWidth = function (columnControl) {
-        var index = this.getIndex(columnControl);
-        var columnConfig = this._columnConfigs.single(function (item) { return item.header === columnControl.header && item.index === index; });
-        return columnConfig ? columnConfig.width : columnControl.width;
-    };
-    SdSheetControl.prototype.getIsExpended = function (i, item) {
-        return this.expandedItemTracks.includes(this.trackByItemFn(i, item));
-    };
-    SdSheetControl.prototype.getIsItemSelected = function (item) {
-        if (item.name === "관리자") {
-            console.log(this.selectable, this.selectedItem);
-        }
-        return ((this.selectable === true || this.selectable === "manual") &&
-            this.selectedItem === item) || (this.selectable === "multi" &&
-            this.selectedItems.includes(item));
-    };
-    SdSheetControl.prototype.getHasChildren = function (i, item) {
-        return this.children && this.children(i, item) && this.children(i, item).length > 0;
-    };
-    SdSheetControl.prototype.selectRow = function (targetEl) {
-        if (!this.selectable)
-            return;
-        var rowEl = targetEl.findParent("._row");
-        if (rowEl) {
-            var bodyEl = rowEl.parentElement;
-            var rowIndex = Array.from(bodyEl.children).indexOf(rowEl);
-            var selectedItem = this._getItemByRowIndex(rowIndex);
-            if (this.selectable === "multi") {
-                if (!this.selectedItems.includes(selectedItem)) {
-                    this.selectedItems.push(selectedItem);
-                    this.selectedItemsChange.emit(this.selectedItems);
-                }
-            }
-            else {
-                if (this.selectedItem !== selectedItem) {
-                    this.selectedItem = selectedItem;
-                    this.selectedItemChange.emit(this.selectedItem);
-                }
-            }
-        }
-    };
-    SdSheetControl.prototype.onSelectIconClick = function (event, i, item) {
-        if (this.selectable) {
-            var targetEl = event.target;
-            var rowEl = targetEl.findParent("._row");
-            if (!rowEl)
-                return;
-            var bodyEl = rowEl.parentElement;
-            var rowIndex = Array.from(bodyEl.children).indexOf(rowEl);
-            var selectedItem = this._getItemByRowIndex(rowIndex);
-            if (this.selectable === "multi") {
-                if (this.selectedItems.includes(selectedItem)) {
-                    this.selectedItems.remove(selectedItem);
-                    this.selectedItemsChange.emit(this.selectedItems);
-                }
-                else {
-                    this.selectRow(event.target);
-                }
-            }
-            else {
-                if (this.selectedItem === selectedItem) {
-                    this.selectedItem = undefined;
-                    this.selectedItemChange.emit(undefined);
-                }
-                else {
-                    this.selectRow(event.target);
-                }
-            }
-        }
-    };
-    SdSheetControl.prototype.onExpandIconClick = function (event, i, item) {
-        if (this.getHasChildren(i, item)) {
-            if (this.getIsExpended(i, item)) {
-                this.expandedItemTracks.remove(this.trackByItemFn(i, item));
-            }
-            else {
-                this.expandedItemTracks.push(this.trackByItemFn(i, item));
-            }
-            this.expandedItemTracksChange.emit(this.expandedItemTracks);
-        }
-    };
-    SdSheetControl.prototype.onScroll = function (event) {
-        var el = event.target;
-        this.headTop = el.scrollTop;
-        this.fixedLeft = el.scrollLeft;
-    };
-    SdSheetControl.prototype.onHeadBorderMousedown = function (event) {
-        var _this = this;
-        if (!this.id)
-            return;
-        var cellEl = event.target.findParent("._col");
-        var startX = event.clientX;
-        var startWidth = cellEl.clientWidth;
-        var doDrag = function (e) {
-            cellEl.style.width = startWidth + e.clientX - startX + "px";
-        };
-        var stopDrag = function () {
-            document.documentElement.removeEventListener("mousemove", doDrag, false);
-            document.documentElement.removeEventListener("mouseup", stopDrag, false);
-            var index = Number(cellEl.getAttribute("col-index"));
-            var columnControl = _this.columnControls.toArray()[index];
-            var columnConfig = _this._columnConfigs.single(function (item) { return item.header === columnControl.header && item.index === index; });
-            if (columnConfig) {
-                columnConfig.width = cellEl.offsetWidth;
-            }
-            else {
-                _this._columnConfigs.push({
-                    header: columnControl.header,
-                    width: cellEl.offsetWidth,
-                    index: index
-                });
-            }
-            _this._saveColumnConfigs();
-            _this._cdr.markForCheck();
-        };
-        document.documentElement.addEventListener("mousemove", doDrag, false);
-        document.documentElement.addEventListener("mouseup", stopDrag, false);
-    };
-    SdSheetControl.prototype.onCellKeydown = function (event) {
-        var targetEl = event.target;
-        if (targetEl.classList.contains("_col")) {
-            if (event.key === "F2") {
-                var focusableEls = targetEl.findFocusableAll();
-                if (focusableEls.length > 0) {
-                    focusableEls[0].focus();
-                    event.preventDefault();
-                }
-            }
-            else if (event.key === "ArrowDown") {
-                var rowEl = targetEl.findParent("._row");
-                var bodyEl = rowEl.parentElement;
-                var rowIndex = Array.from(bodyEl.children).indexOf(rowEl);
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(targetEl);
-                var nextRowEl = bodyEl.children.item(rowIndex + 1);
-                if (nextRowEl) {
-                    nextRowEl.findAll("._col")[cellIndex].focus();
-                    event.preventDefault();
-                }
-            }
-            else if (event.key === "ArrowUp") {
-                var rowEl = targetEl.findParent("._row");
-                var bodyEl = rowEl.parentElement;
-                var rowIndex = Array.from(bodyEl.children).indexOf(rowEl);
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(targetEl);
-                if (rowIndex - 1 >= 0) {
-                    var nextRowEl = bodyEl.children.item(rowIndex - 1);
-                    nextRowEl.findAll("._col")[cellIndex].focus();
-                    event.preventDefault();
-                }
-            }
-            else if (event.key === "ArrowRight") {
-                var rowEl = targetEl.findParent("._row");
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(targetEl);
-                var nextCell = rowEl.findAll("._col")[cellIndex + 1];
-                if (nextCell) {
-                    nextCell.focus();
-                    event.preventDefault();
-                }
-            }
-            else if (event.key === "ArrowLeft") {
-                var rowEl = targetEl.findParent("._row");
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(targetEl);
-                if (cellIndex - 1 >= 0) {
-                    var nextCell = rowEl.findAll("._col")[cellIndex - 1];
-                    nextCell.focus();
-                    event.preventDefault();
-                }
-            }
-        }
-        else {
-            if (event.key === "Escape") {
-                var cellEl = event.target.findParent("._col");
-                cellEl.focus();
-                event.preventDefault();
-            }
-            else if (event.key === "Enter" || (event.ctrlKey && event.key === "ArrowDown")) {
-                var cellEl = targetEl.findParent("._col");
-                var rowEl = cellEl.findParent("._row");
-                var bodyEl = rowEl.parentElement;
-                var rowIndex = Array.from(bodyEl.children).indexOf(rowEl);
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(cellEl);
-                var nextRowEl = bodyEl.children.item(rowIndex + 1);
-                if (nextRowEl) {
-                    var nextRowCellEl = nextRowEl.findAll("._col")[cellIndex];
-                    var focusableEls = nextRowCellEl.findFocusableAll();
-                    if (focusableEls.length > 0) {
-                        focusableEls[0].focus();
-                    }
-                    else {
-                        nextRowCellEl.focus();
-                    }
-                    event.preventDefault();
-                }
-            }
-            else if (event.ctrlKey && event.key === "ArrowUp") {
-                var cellEl = targetEl.findParent("._col");
-                var rowEl = cellEl.findParent("._row");
-                var bodyEl = rowEl.parentElement;
-                var rowIndex = Array.from(bodyEl.children).indexOf(rowEl);
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(cellEl);
-                if (rowIndex - 1 >= 0) {
-                    var nextRowEl = bodyEl.children.item(rowIndex - 1);
-                    var nextCell = nextRowEl.findAll("._col")[cellIndex];
-                    var focusableEls = nextCell.findFocusableAll();
-                    if (focusableEls.length > 0) {
-                        focusableEls[0].focus();
-                    }
-                    else {
-                        nextCell.focus();
-                    }
-                    event.preventDefault();
-                }
-            }
-            else if (event.key === "Tab" && !event.shiftKey) {
-                var cellEl = targetEl.findParent("._col");
-                var targetIndexOnCell = cellEl.findFocusableAll().indexOf(targetEl);
-                if (targetIndexOnCell + 1 < cellEl.findFocusableAll().length) {
-                    return;
-                }
-                var rowEl = cellEl.findParent("._row");
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(cellEl);
-                var nextCell = rowEl.findAll("._col")[cellIndex + 1];
-                if (nextCell) {
-                    var focusableEls = nextCell.findFocusableAll();
-                    if (focusableEls.length > 0) {
-                        focusableEls[0].focus();
-                    }
-                    else {
-                        nextCell.focus();
-                    }
-                    event.preventDefault();
-                }
-            }
-            else if (event.key === "Tab" && event.shiftKey) {
-                var cellEl = targetEl.findParent("._col");
-                var targetIndexOnCell = cellEl.findFocusableAll().indexOf(targetEl);
-                if (targetIndexOnCell >= 1) {
-                    return;
-                }
-                var rowEl = cellEl.findParent("._row");
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(cellEl);
-                if (cellIndex - 1 >= 0) {
-                    var nextCell = rowEl.findAll("._col")[cellIndex - 1];
-                    var focusableEls = nextCell.findFocusableAll();
-                    if (focusableEls.length > 0) {
-                        focusableEls[0].focus();
-                    }
-                    else {
-                        nextCell.focus();
-                    }
-                    event.preventDefault();
-                }
-            }
-            else if (event.ctrlKey && event.key === "ArrowRight") {
-                var cellEl = targetEl.findParent("._col");
-                var rowEl = cellEl.findParent("._row");
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(cellEl);
-                var nextCell = rowEl.findAll("._col")[cellIndex + 1];
-                if (nextCell) {
-                    var focusableEls = nextCell.findFocusableAll();
-                    if (focusableEls.length > 0) {
-                        focusableEls[0].focus();
-                    }
-                    else {
-                        nextCell.focus();
-                    }
-                    event.preventDefault();
-                }
-            }
-            else if (event.ctrlKey && event.key === "ArrowLeft") {
-                var cellEl = targetEl.findParent("._col");
-                var rowEl = cellEl.findParent("._row");
-                var cellIndex = Array.from(rowEl.findAll("._col")).indexOf(cellEl);
-                if (cellIndex - 1 >= 0) {
-                    var nextCell = rowEl.findAll("._col")[cellIndex - 1];
-                    var focusableEls = nextCell.findFocusableAll();
-                    if (focusableEls.length > 0) {
-                        focusableEls[0].focus();
-                    }
-                    else {
-                        nextCell.focus();
-                    }
-                    event.preventDefault();
-                }
-            }
-        }
-    };
-    SdSheetControl.prototype._loadColumnConfigs = function () {
-        this._columnConfigs = this._localStorage.get("sd-sheet." + this.id + ".column-config") || [];
-    };
-    SdSheetControl.prototype._saveColumnConfigs = function () {
-        var _this = this;
-        var removedColumns = this._columnConfigs.filter(function (item) { return !_this.columnControls
-            .some(function (item1, index) { return (item1.header || "") + index === ((item.header || "") + item.index); }); });
-        this._columnConfigs.remove(removedColumns);
-        this._localStorage.set("sd-sheet." + this.id + ".column-config", this._columnConfigs);
-    };
-    var _a, _b, _c, _d, _e, _f;
-    __decorate([
-        core_1.ContentChildren(SdSheetColumnControl_1.SdSheetColumnControl),
-        __metadata("design:type", typeof (_a = typeof core_1.QueryList !== "undefined" && core_1.QueryList) === "function" ? _a : Object)
-    ], SdSheetControl.prototype, "columnControls", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate(Array),
-        __metadata("design:type", Array)
-    ], SdSheetControl.prototype, "items", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate(Function),
-        __metadata("design:type", Function)
-    ], SdSheetControl.prototype, "trackBy", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate(Function),
-        __metadata("design:type", Function)
-    ], SdSheetControl.prototype, "itemSelectableFn", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate({
-            type: [Boolean, String],
-            includes: [true, false, "manual", "multi"]
-        }),
-        core_1.HostBinding("attr.sd-selectable"),
-        __metadata("design:type", Object)
-    ], SdSheetControl.prototype, "selectable", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Object)
-    ], SdSheetControl.prototype, "selectedItem", void 0);
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", Object)
-    ], SdSheetControl.prototype, "selectedItemChange", void 0);
-    __decorate([
-        core_1.Input(),
-        __metadata("design:type", Array)
-    ], SdSheetControl.prototype, "selectedItems", void 0);
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", Object)
-    ], SdSheetControl.prototype, "selectedItemsChange", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate(String),
-        __metadata("design:type", String)
-    ], SdSheetControl.prototype, "id", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate(Function),
-        __metadata("design:type", Function)
-    ], SdSheetControl.prototype, "itemThemeFn", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate({ type: Number, notnull: true }),
-        __metadata("design:type", Number),
-        __metadata("design:paramtypes", [Number])
-    ], SdSheetControl.prototype, "page", null);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate({ type: Number, notnull: true }),
-        __metadata("design:type", Number),
-        __metadata("design:paramtypes", [Number])
-    ], SdSheetControl.prototype, "pageLength", null);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate({ type: Number }),
-        __metadata("design:type", Number)
-    ], SdSheetControl.prototype, "pageItemCount", void 0);
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", Object)
-    ], SdSheetControl.prototype, "pageChange", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate(Function),
-        __metadata("design:type", Function)
-    ], SdSheetControl.prototype, "children", void 0);
-    __decorate([
-        core_1.Input(),
-        SdTypeValidate_1.SdTypeValidate({
-            type: Array,
-            notnull: true
-        }),
-        __metadata("design:type", Array)
-    ], SdSheetControl.prototype, "expandedItemTracks", void 0);
-    __decorate([
-        core_1.Output(),
-        __metadata("design:type", Object)
-    ], SdSheetControl.prototype, "expandedItemTracksChange", void 0);
-    __decorate([
-        core_1.HostListener("scroll", ["$event"]),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [typeof (_b = typeof Event !== "undefined" && Event) === "function" ? _b : Object]),
-        __metadata("design:returntype", void 0)
-    ], SdSheetControl.prototype, "onScroll", null);
-    SdSheetControl = __decorate([
-        core_1.Component({
-            selector: "sd-sheet",
-            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
-            template: "\n    <div class=\"_sheet\" [style.padding-top]=\"paddingTop\">\n      <div #headerElRef class=\"_content _head\" [style.top.px]=\"headTop\">\n        <div class=\"_row _pagination\" *ngIf=\"pageLength > 1\">\n          <sd-pagination [(page)]=\"page\" [length]=\"pageLength\"\n                         (pageChange)=\"pageChange.emit($event)\"></sd-pagination>\n        </div>\n        <div class=\"_row\" *ngIf=\"hasHeaderGroup\">\n          <div class=\"_col-group _fixed-col-group\" [style.left.px]=\"fixedLeft\">\n            <div class=\"_col _first-col\" [class._double]=\"selectable && children\">\n              <div class=\"_border\"></div>\n            </div>\n            <div class=\"_col\" *ngFor=\"let headerGroup of fixedHeaderGroups; trackBy: trackByIndexFn\"\n                 [style.width.px]=\"headerGroup.width\">\n              {{ headerGroup.header }}\n              <div class=\"_border\"></div>\n            </div>\n          </div>\n          <div class=\"_col-group\" [style.padding-left.px]=\"fixedColumnWidth\">\n            <div class=\"_col\" *ngFor=\"let headerGroup of nonFixedHeaderGroups; trackBy: trackByIndexFn\"\n                 [style.width.px]=\"headerGroup.width\">\n              {{ headerGroup.header }}\n              <div class=\"_border\"></div>\n            </div>\n          </div>\n        </div>\n        <div class=\"_row\">\n          <div class=\"_col-group _fixed-col-group\" [style.left.px]=\"fixedLeft\">\n            <div class=\"_col _first-col\" [class._double]=\"selectable && children\">\n              <div class=\"_border\"></div>\n            </div>\n            <div class=\"_col\" *ngFor=\"let columnControl of fixedColumnControls; trackBy: trackByColumnControlFn\"\n                 [style.width.px]=\"getWidth(columnControl)\"\n                 [attr.col-index]=\"getIndex(columnControl)\"\n                 [attr.title]=\"columnControl.help\"\n                 [attr.sd-header]=\"columnControl.header\">\n              {{ columnControl.header && columnControl.header.split(\".\").last() }}\n              <div class=\"_border\" [style.cursor]=\"id ? 'ew-resize' : undefined\"\n                   (mousedown)=\"onHeadBorderMousedown($event)\"></div>\n            </div>\n          </div>\n          <div class=\"_col-group\" [style.padding-left.px]=\"fixedColumnWidth\">\n            <div class=\"_col\" *ngFor=\"let columnControl of nonFixedColumnControls; trackBy: trackByColumnControlFn\"\n                 [style.width.px]=\"getWidth(columnControl)\"\n                 [attr.col-index]=\"getIndex(columnControl)\"\n                 [attr.title]=\"columnControl.help\"\n                 [attr.sd-header]=\"columnControl.header\">\n              {{ columnControl.header && columnControl.header.split(\".\").last() }}\n              <div class=\"_border\" [style.cursor]=\"id ? 'ew-resize' : undefined\"\n                   (mousedown)=\"onHeadBorderMousedown($event)\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"_content _body\" [style.width.px]=\"headerElRef.offsetWidth\">\n        <ng-template #rowOfList let-items=\"items\">\n          <ng-container *ngFor=\"let item of items; let i = index; trackBy: trackByItemFn\">\n            <div class=\"_row\"> <!-- [@rowState]=\"'in'\" -->\n              <div class=\"_col-group _fixed-col-group\" [style.left.px]=\"fixedLeft\">\n                <div class=\"_col _first-col\"\n                     [class._double]=\"selectable && children\"\n                     [class._selectable]=\"selectable\"\n                     [class._selected]=\"getIsItemSelected(item)\"\n                     [class._expandable]=\"getHasChildren(i, item)\"\n                     [class._expanded]=\"getIsExpended(i, item)\">\n                  <a class=\"_expand-icon\" *ngIf=\"!!children\" (click)=\"onExpandIconClick($event, i, item)\"\n                     [style.visibility]=\"getHasChildren(i, item) ? undefined : 'hidden'\">\n                    <sd-icon [icon]=\"getHasChildren(i, item) ? 'caret-right' : undefined\"\n                             [fw]=\"true\"></sd-icon>\n                  </a>\n                  <a class=\"_select-icon\" (click)=\"onSelectIconClick($event, i, item)\" *ngIf=\"selectable\">\n                    <sd-icon icon=\"arrow-right\"\n                             *ngIf=\"(!itemSelectableFn || itemSelectableFn(i, item)) && (selectable === true || selectable === 'manual')\"\n                             [fw]=\"true\"></sd-icon>\n                    <sd-icon icon=\"arrow-right\"\n                             *ngIf=\"(!itemSelectableFn || itemSelectableFn(i, item)) && (selectable === 'multi')\"\n                             [fw]=\"true\"></sd-icon>\n                  </a>\n                </div>\n                <div\n                  [class]=\"'_col' + (itemThemeFn && itemThemeFn(item) ? ' sd-background-' + itemThemeFn(item) + '-lightest' : '')\"\n                  *ngFor=\"let columnControl of fixedColumnControls; trackBy: trackByColumnControlFn\"\n                  [style.width.px]=\"getWidth(columnControl)\" tabindex=\"0\"\n                  (keydown)=\"onCellKeydown($event)\">\n                  <ng-template [ngTemplateOutlet]=\"columnControl.cellTemplateRef\"\n                               [ngTemplateOutletContext]=\"{item: item}\"></ng-template>\n                  <div class=\"_focus-indicator\"></div>\n                </div>\n              </div>\n              <div class=\"_col-group\" [style.padding-left.px]=\"fixedColumnWidth\">\n                <div\n                  [class]=\"'_col' + (itemThemeFn && itemThemeFn(item) ? ' sd-background-' + itemThemeFn(item) + '-lightest' : '')\"\n                  *ngFor=\"let columnControl of nonFixedColumnControls; trackBy: trackByColumnControlFn\"\n                  [style.width.px]=\"getWidth(columnControl)\" tabindex=\"0\"\n                  (keydown)=\"onCellKeydown($event)\">\n                  <ng-template [ngTemplateOutlet]=\"columnControl.cellTemplateRef\"\n                               [ngTemplateOutletContext]=\"{item: item, index: i}\"></ng-template>\n                  <div class=\"_focus-indicator\"></div>\n                </div>\n              </div>\n            </div>\n            <ng-container *ngIf=\"getHasChildren(i, item) && getIsExpended(i, item)\">\n              <ng-template [ngTemplateOutlet]=\"rowOfList\"\n                           [ngTemplateOutletContext]=\"{items: children(i, item)}\"></ng-template>\n            </ng-container>\n          </ng-container>\n        </ng-template>\n        <ng-template [ngTemplateOutlet]=\"rowOfList\" [ngTemplateOutletContext]=\"{items: getPagedItems()}\"></ng-template>\n      </div>\n    </div>"
-        }),
-        __metadata("design:paramtypes", [typeof (_c = typeof core_1.IterableDiffers !== "undefined" && core_1.IterableDiffers) === "function" ? _c : Object, typeof (_d = typeof core_1.ChangeDetectorRef !== "undefined" && core_1.ChangeDetectorRef) === "function" ? _d : Object, typeof (_e = typeof core_1.ElementRef !== "undefined" && core_1.ElementRef) === "function" ? _e : Object, typeof (_f = typeof SdLocalStorageProvider_1.SdLocalStorageProvider !== "undefined" && SdLocalStorageProvider_1.SdLocalStorageProvider) === "function" ? _f : Object])
-    ], SdSheetControl);
-    return SdSheetControl;
-}());
-exports.SdSheetControl = SdSheetControl;
-//# sourceMappingURL=SdSheetControl.js.map