@coolon/angular-ui-powerups 11.0.0-alpha.4 → 11.0.0-alpha.6

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -3914,7 +3914,7 @@
         Object.defineProperty(DecoratedTreeNodeMixin.prototype, "decoratedSelf", {
             get: function () {
                 var _this = this;
-                return this.memoize("decoratedSelf", function () {
+                return this.memoize('decoratedSelf', function () {
                     return _this.parent ? _this.parent.children.find(function (child) { return child.node === _this.node; }) : exports.DecoratedTreeNode.createRoot(_this.node);
                 });
             },
@@ -3924,7 +3924,7 @@
         Object.defineProperty(DecoratedTreeNodeMixin.prototype, "children", {
             get: function () {
                 var _this = this;
-                return this.memoize("children", function () {
+                return this.memoize('children', function () {
                     return _this.node.children ? _this.node.children.map(function (child) {
                         return typescriptUtilities.Mixin.createProxy(child, new DecoratedTreeNodeMixin(_this.decoratedSelf, child));
                     }) : [];
@@ -3935,7 +3935,7 @@
         });
         DecoratedTreeNodeMixin.prototype.descendants = function () {
             var _this = this;
-            return this.memoize("descendants", function () {
+            return this.memoize('descendants', function () {
                 var result = [];
                 _this.visitDescendants(function (child) { return result.push(child); });
                 return result;
@@ -3943,7 +3943,7 @@
         };
         DecoratedTreeNodeMixin.prototype.selfAndDescendants = function () {
             var _this = this;
-            return this.memoize("selfAndDescendants", function () {
+            return this.memoize('selfAndDescendants', function () {
                 var result = [];
                 _this.visitSelfAndDescendants(function (child) { return result.push(child); });
                 return result;
@@ -4014,29 +4014,24 @@
         };
         DecoratedTreeNodeMixin.prototype.ancestorsAndSelf = function () {
             var _this = this;
-            return this.memoize("ancestorsAndSelf", function () {
+            return this.memoize('ancestorsAndSelf', function () {
                 return _this.ancestors().concat([(_this.decoratedSelf)]);
             });
         };
         DecoratedTreeNodeMixin.prototype.pathToParent = function (parent) {
-            var _this = this;
-            return this.memoize("pathToParent", function () {
-                if (_this.node === parent.node) {
-                    return [];
-                }
-                else if (_this.parent) {
-                    return _this.parent.pathToParent(parent).concat([_this.parent]);
-                }
-                else {
-                    throw new Error('parent is not an ancestor');
-                }
-            });
+            if (this.node === parent.node) {
+                return [];
+            }
+            else if (this.parent) {
+                var pathToParent = this.parent.pathToParent(parent);
+                return pathToParent.concat([this.parent]);
+            }
+            else {
+                throw new Error('parent is not an ancestor');
+            }
         };
         DecoratedTreeNodeMixin.prototype.pathToParentAndSelf = function (parent) {
-            var _this = this;
-            return this.memoize("pathToParentAndSelf", function () {
-                return _this.pathToParent(parent).concat([_this.decoratedSelf]);
-            });
+            return this.pathToParent(parent).concat([this.decoratedSelf]);
         };
         DecoratedTreeNodeMixin.prototype.isRoot = function () {
             return !this.parent;
@@ -4052,20 +4047,20 @@
             return !this.isRoot() && this.node.children.length < 1;
         };
         DecoratedTreeNodeMixin.prototype.hasChildren = function () {
-            return this.node.children.length > 0;
+            return this.node.children && this.node.children.length > 0;
         };
         DecoratedTreeNodeMixin.prototype.depthFromParent = function (parent) {
             return this.pathToParent(parent).length;
         };
         DecoratedTreeNodeMixin.prototype.treeDepth = function () {
             var _this = this;
-            return this.memoize("treeDepth", function () {
+            return this.memoize('treeDepth', function () {
                 return 1 + _this.descendants().map(function (child) { return child.depthFromParent(_this); }).reduce(function (prev, current) { return Math.max(prev, current); });
             });
         };
         DecoratedTreeNodeMixin.prototype.flatten = function () {
             var _this = this;
-            return this.memoize("flatten", function () {
+            return this.memoize('flatten', function () {
                 return _this.flattenInto([]);
             });
         };
@@ -4275,14 +4270,21 @@
     var TreeTableComponent = /** @class */ (function (_super) {
         __extends(TreeTableComponent, _super);
         function TreeTableComponent() {
-            return _super.call(this) || this;
+            var _this = _super.call(this) || this;
+            /**
+             * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either
+             * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
+             * containment area.
+             */
+            _this.enableScrolling = false;
+            return _this;
         }
         return TreeTableComponent;
     }(DisposableComponent));
     TreeTableComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "aup-tree-table",
-                    template: "<aup-table [tableModel]=\"treeTableModel\"></aup-table>\n",
+                    template: "<aup-table [tableModel]=\"treeTableModel\" [showHeaderModel]=\"showHeaderModel\" [enableScrolling]=\"enableScrolling\"></aup-table>\n",
                     encapsulation: i0.ViewEncapsulation.None // allow us to target nested table styles
                     ,
                     styles: ["td.mat-cell{border-top-width:0!important;border-bottom-width:0!important}td.mat-column-tree-label{width:1px}aup-table-cell-renderer[column-id=tree-label]{padding-left:8px!important}aup-tree-label-cell-renderer{flex:1}"]
@@ -4290,12 +4292,23 @@
     ];
     TreeTableComponent.ctorParameters = function () { return []; };
     TreeTableComponent.propDecorators = {
-        treeTableModel: [{ type: i0.Input }]
+        treeTableModel: [{ type: i0.Input }],
+        showHeaderModel: [{ type: i0.Input }],
+        showHeader: [{ type: i0.Input }],
+        enableScrolling: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.enable-scrolling',] }]
     };
     __decorate([
         pectin.TrackExternal(),
         __metadata("design:type", TreeTableModel)
     ], TreeTableComponent.prototype, "treeTableModel", void 0);
+    __decorate([
+        pectin.TrackExternal({ defaultValue: true }),
+        __metadata("design:type", pectin.ValueModel)
+    ], TreeTableComponent.prototype, "showHeaderModel", void 0);
+    __decorate([
+        pectin.StoreInValueModel('showHeaderModel'),
+        __metadata("design:type", Boolean)
+    ], TreeTableComponent.prototype, "showHeader", void 0);
 
     var VerticalFocusContainerComponent = /** @class */ (function (_super) {
         __extends(VerticalFocusContainerComponent, _super);