@coolon/angular-ui-powerups 12.0.0-alpha.3 → 12.0.1

package/esm2015/lib/components/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-label-cell-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Dsl, ListModelChain, MutableValueModel, StoreInValueModel, ValueModelChain } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { DecoratedTreeNode } from '../decorated-tree-node';\nimport { TreeExpansionModel } from '../tree-expansion-model';\nimport { TreeInheritanceIconComponent } from '../tree-inheritance-icon/tree-inheritance-icon.component';\nimport { TreeLabelColumnModel } from '../tree-label-column-model';\nimport { TreeNode } from '../tree-node';\n\n@Component({\n  selector: 'aup-tree-label-cell-renderer',\n  templateUrl: './tree-label-cell-renderer.component.html',\n  styleUrls: ['./tree-label-cell-renderer.component.scss']\n})\nexport class TreeLabelCellRendererComponent<T extends TreeNode<any>> extends DisposableComponent implements OnInit {\n\n  iconTypes: string[] = [];\n\n  private nodeModel = new MutableValueModel<DecoratedTreeNode<T>>();\n\n  @Input()\n  @StoreInValueModel('nodeModel')\n  value: DecoratedTreeNode<T>;\n\n  @Input()\n  label: string;\n\n  @Input()\n  iconFactory: TreeLabelColumnModel.LabelFactory<T>;\n\n  // TODO: Make this have a proper delegate so I can safely use it here..\n  @Input()\n  expansionModel: TreeExpansionModel<DecoratedTreeNode<T>>;\n\n  readonly iconList: ListModelChain<string>;\n\n  canExpand: ValueModelChain<boolean>;\n  canCollapse: ValueModelChain<boolean>;\n  iconModel: ValueModelChain<string>;\n\n  constructor() {\n    super();\n    const { chain } = Dsl.disposeWith(this);\n    this.iconList = chain(this.nodeModel).mapToList(node => {\n      const icons: string[] = node.ancestors().slice(1).map(ancestor => {\n        return ancestor.isLastChild() ? TreeInheritanceIconComponent.Type.ICON_BLANK : TreeInheritanceIconComponent.Type.ICON_THROUGH;\n      });\n      if (!node.isRoot()) {\n        icons.push(node.isLastChild() ? TreeInheritanceIconComponent.Type.ICON_INHERITED_TERMINAL : TreeInheritanceIconComponent.Type.ICON_INHERITED_THROUGH_TERMINAL);\n      }\n      return icons;\n    });\n  }\n\n  ngOnInit(): void {\n    const { chain } = Dsl.disposeWith(this);\n    this.canExpand = chain(this.nodeModel).map(node => {\n      return node.hasChildren() && this.expansionModel.isCollapsed(node);\n    }, { dependsOn: this.expansionModel.isExpandedPredicate });\n\n    this.canCollapse = chain(this.nodeModel).map(node => {\n      return node.hasChildren() && !this.expansionModel.isCollapsed(node);\n    }, { dependsOn: this.expansionModel.isExpandedPredicate });\n\n    this.iconModel = chain(this.nodeModel).map(node => {\n      return this.node.isLeaf() ? undefined : this.iconFactory(node, this.expansionModel.isExpanded(this.node))\n    }, {dependsOn: this.expansionModel.isExpandedPredicate});\n  }\n\n  @HostBinding('class.root')\n  get isRoot() {\n    return this.node.isRoot();\n  }\n\n  @HostBinding('class.leaf')\n  get isLeaf() {\n    return this.node.isLeaf();\n  }\n\n  get node() {\n    return this.nodeModel.value;\n  }\n\n  // @Trace()\n  expandOrCollapse(node: DecoratedTreeNode<T>) {\n    this.expansionModel.isCollapsed(node) ? this.expansionModel.expand(node) : this.expansionModel.collapse(node);\n  }\n}\n"]}

package/esm2015/lib/components/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"TreeLabelCellRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":14,"character":77},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"aup-tree-label-cell-renderer","template":"<div class=\"tree-icons\">\n  <aup-tree-inheritance-icon *ngFor=\"let iconClass of iconList.value\" [type]=\"iconClass\"></aup-tree-inheritance-icon>\n  <aup-icon *ngIf=\"iconModel.value\"\n            [icon]=\"iconModel.value\"\n            [class.clickable]=\"canExpand.value || canCollapse.value\"\n            (click)=\"expandOrCollapse(node)\" ></aup-icon>\n</div>\n<div class=\"label\">{{label}}</div>\n","styles":[":host{--line-color:#ddd;--node-color:#999;display:inline-flex;flex-direction:row;align-items:stretch}:host div.label{display:flex;flex-direction:row;align-items:center;white-space:nowrap;padding-left:6px}:host div.tree-icons{display:grid;grid-auto-flow:column;grid-auto-columns:auto;grid-template-rows:1fr;align-items:stretch;justify-content:stretch}:host div.tree-icons aup-icon{align-self:center;color:var(--node-color)}:host div.tree-icons aup-icon.clickable{cursor:pointer}:host div.tree-icons aup-icon,:host div.tree-icons aup-tree-inheritance-icon{margin-left:4px}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":21,"character":3},"arguments":["nodeModel"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"iconFactory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"expansionModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isRoot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":69,"character":3},"arguments":["class.root"]}]}],"isLeaf":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":74,"character":3},"arguments":["class.leaf"]}]}],"expandOrCollapse":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-label-cell-renderer.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm2015/lib/components/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.scss.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-label-cell-renderer.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm2015/lib/components/tree-table/tree-label-column-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-label-column-model.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-label-column-model.ts"],"names":[],"mappings":"AAEA,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,OAAO,EAAE,8BAA8B,EAAE,MAAM,+DAA+D,CAAC;AAG/G,MAAM,OAAO,oBAAgD,SAAQ,WAAmC;IAKtG,YAAY,QAAgB,EAChB,sBAA0D,EACjD,cAA0D;QAC7E,KAAK,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;QADrB,mBAAc,GAAd,cAAc,CAA4C;QAJvE,gBAAW,GAA2C,CAAC,IAA4B,EAAE,QAAiB,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC;QAM7J,IAAI,CAAC,YAAY,CAAC,8BAA8B,CAAC,CAAC;IACpD,CAAC;IAED,KAAK,CAAyC,QAAW;QACvD,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;IAChC,CAAC;IAED,OAAO,CAAyC,OAA+C;QAC7F,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;IAC7B,CAAC;IAES,YAAY,CAAgD,aAA+B;QACnG,IAAI,CAAC,qBAAqB,CAAC,IAAI,8BAA8B,CAAC,aAAa,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;YAC7G,IAAI,SAAS,EAAE;gBACb,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;aAChD;YACD,SAAS,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC;YAC9B,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC5F,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAC3C,CAAC,CAAC,CAAC,CAAC;QACJ,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,gBAAgB,CAAC,gBAAyB;QAC/C,OAAO,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAClD,CAAC;CAEF","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport { Types } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { ComponentCellRendererPortalRef } from '../table/cell-portal-ref';\nimport { ColumnModel } from '../table/column-model';\nimport { DecoratedTreeNode } from './decorated-tree-node';\nimport { TreeExpansionModel } from './tree-expansion-model';\nimport { TreeLabelCellRendererComponent } from './tree-label-cell-renderer/tree-label-cell-renderer.component';\nimport { TreeNode } from './tree-node';\n\nexport class TreeLabelColumnModel<Row extends TreeNode<Row>> extends ColumnModel<DecoratedTreeNode<Row>> {\n\n  private labelProperty: string | number | symbol;\n  private iconFactory: TreeLabelColumnModel.LabelFactory<Row> = (node: DecoratedTreeNode<Row>, expanded: boolean) => expanded ? 'mat:folder_open' : 'mat:folder';\n\n  constructor(columnId: string,\n              textPropertiesProvider: ColumnModel.TextPropertiesProvider,\n              readonly expansionModel: TreeExpansionModel<DecoratedTreeNode<Row>>) {\n    super(columnId, textPropertiesProvider);\n    this.cellRenderer(TreeLabelCellRendererComponent);\n  }\n\n  pluck<P extends Types.ValuePropertiesOf<Row>>(property: P) {\n    this.labelProperty = property;\n  }\n\n  addIcon<P extends Types.ValuePropertiesOf<Row>>(factory: TreeLabelColumnModel.LabelFactory<Row>) {\n    this.iconFactory = factory;\n  }\n\n  protected cellRenderer<C extends TreeLabelCellRendererComponent<Row>>(componentType: ComponentType<C>): this {\n    this.configureCellRenderer(new ComponentCellRendererPortalRef(componentType, (component, rowData, firstTime) => {\n      if (firstTime) {\n        component.expansionModel = this.expansionModel;\n      }\n      component.value = rowData.row;\n      component.label = _.isNil(this.labelProperty) ? undefined : rowData.row[this.labelProperty];\n      component.iconFactory = this.iconFactory;\n    }));\n    return this;\n  }\n\n  public selectRowOnClick(selectOnRowClick: boolean): this {\n    return super.selectRowOnClick(selectOnRowClick);\n  }\n\n}\n\nexport namespace TreeLabelColumnModel {\n  export type LabelFactory<Row extends TreeNode<Row>> = (node: DecoratedTreeNode<Row>, expanded: boolean) => string;\n}\n"]}

package/esm2015/lib/components/tree-table/tree-node.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-node.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-node.ts"],"names":[],"mappings":"","sourcesContent":["export interface TreeNode<T extends TreeNode<T>> {\n    children: T[];\n}\n"]}

package/esm2015/lib/components/tree-table/tree-table-component.js

@@ -1,80 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
-import { StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
-import { DisposableComponent } from '../disposable-component';
-import { TreeTableModel } from './tree-table-model';
-//
-// const template = `
-// <table-component list-model="zoneTreeController.visibleAreas"
-//                  selection-model="zoneTreeController.selectionModel"
-//                  selection-command="zoneTreeController.selectionCommand"
-//                  hover-model="zoneTreeController.decoratedHoverModel"
-//                  no-hover="zoneTreeController.noHover"
-//                  no-lines="true" no-scroll>
-//
-//     <row-attr name="parent-id" value="{{item.parent.id}}"></row-attr>
-//     <row-attr name="area-id" value="{{item.id}}"></row-attr>
-//     <row-attr name="area-name" value="{{item.name}}"></row-attr>
-//     <row-attr name="area-depth" value="{{item.depthFromZone()}}"></row-attr>
-//     <row-attr name="collapsed" value="{{zoneTreeController.isCollapsed(item)}}"></row-attr>
-//
-//     <column class="area" ng-class="{root: item.isZone(), parent: item.isGroup()}" class="allow-squish">
-//         <!--<label>Rooms in {{zoneTreeController.zoneModel.value.name}}</label>-->
-//         <label>Rooms</label>
-//         <div layout="row" layout-align="start center">
-//             <tree-icons tree-item="item"></tree-icons>
-//             <area-icon area="item"></area-icon>
-//             <span ng-if="item.isZone()">Zone ({{item.name}})</span>
-//             <span ng-if="!item.isZone()">{{item.name}}</span>
-//         </div>
-//     </column>
-//     <column class="expand-collapse" ng-class="{collapsed: zoneTreeController.isCollapsed(item)}">
-//         <md-button class="md-icon-button"
-//             ng-if="zoneTreeController.canCollapse(item)"
-//             ng-click="zoneTreeController.toggleCollapse(item)">
-//             <md-icon>keyboard_arrow_up</md-icon>
-//         </md-button>
-//     </column>
-//
-// </table-component>
-// `;
-export class TreeTableComponent extends DisposableComponent {
-    constructor() {
-        super();
-        /**
-         * 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;
-    }
-}
-TreeTableComponent.decorators = [
-    { type: Component, args: [{
-                selector: "aup-tree-table",
-                template: "<aup-table [tableModel]=\"treeTableModel\" [showHeaderModel]=\"showHeaderModel\" [enableScrolling]=\"enableScrolling\"></aup-table>\n",
-                encapsulation: 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}"]
-            },] }
-];
-TreeTableComponent.ctorParameters = () => [];
-TreeTableComponent.propDecorators = {
-    treeTableModel: [{ type: Input }],
-    showHeaderModel: [{ type: Input }],
-    showHeader: [{ type: Input }],
-    enableScrolling: [{ type: Input }, { type: HostBinding, args: ['class.enable-scrolling',] }]
-};
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", TreeTableModel)
-], TreeTableComponent.prototype, "treeTableModel", void 0);
-__decorate([
-    TrackExternal({ defaultValue: true }),
-    __metadata("design:type", ValueModel)
-], TreeTableComponent.prototype, "showHeaderModel", void 0);
-__decorate([
-    StoreInValueModel('showHeaderModel'),
-    __metadata("design:type", Boolean)
-], TreeTableComponent.prototype, "showHeader", void 0);
-//# sourceMappingURL=tree-table-component.js.map

package/esm2015/lib/components/tree-table/tree-table-component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-table-component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-table-component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,EAAE;AACF,qBAAqB;AACrB,gEAAgE;AAChE,uEAAuE;AACvE,2EAA2E;AAC3E,wEAAwE;AACxE,yDAAyD;AACzD,8CAA8C;AAC9C,EAAE;AACF,wEAAwE;AACxE,+DAA+D;AAC/D,mEAAmE;AACnE,+EAA+E;AAC/E,8FAA8F;AAC9F,EAAE;AACF,0GAA0G;AAC1G,qFAAqF;AACrF,+BAA+B;AAC/B,yDAAyD;AACzD,yDAAyD;AACzD,kDAAkD;AAClD,sEAAsE;AACtE,gEAAgE;AAChE,iBAAiB;AACjB,gBAAgB;AAChB,oGAAoG;AACpG,4CAA4C;AAC5C,2DAA2D;AAC3D,kEAAkE;AAClE,mDAAmD;AACnD,uBAAuB;AACvB,gBAAgB;AAChB,EAAE;AACF,qBAAqB;AACrB,KAAK;AASL,MAAM,OAAO,kBAA0C,SAAQ,mBAAmB;IAyBhF;QACE,KAAK,EAAE,CAAC;QAXV;;;;WAIG;QAGH,oBAAe,GAAG,KAAK,CAAC;IAKxB,CAAC;;;YAjCF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,iJAA0C;gBAE1C,aAAa,EAAE,iBAAiB,CAAC,IAAI,CAAC,yCAAyC;;;aAChF;;;;6BAGE,KAAK;8BAKL,KAAK;yBAIL,KAAK;8BASL,KAAK,YACL,WAAW,SAAC,wBAAwB;;AAjBrC;IADC,aAAa,EAAE;8BACA,cAAc;0DAAI;AAKlC;IADC,aAAa,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;8BACrB,UAAU;2DAAU;AAIrC;IADC,iBAAiB,CAAC,iBAAiB,CAAC;;sDACjB","sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\nimport { TreeNode } from './tree-node';\nimport { TreeTableModel } from './tree-table-model';\n//\n// const template = `\n// <table-component list-model=\"zoneTreeController.visibleAreas\"\n//                  selection-model=\"zoneTreeController.selectionModel\"\n//                  selection-command=\"zoneTreeController.selectionCommand\"\n//                  hover-model=\"zoneTreeController.decoratedHoverModel\"\n//                  no-hover=\"zoneTreeController.noHover\"\n//                  no-lines=\"true\" no-scroll>\n//\n//     <row-attr name=\"parent-id\" value=\"{{item.parent.id}}\"></row-attr>\n//     <row-attr name=\"area-id\" value=\"{{item.id}}\"></row-attr>\n//     <row-attr name=\"area-name\" value=\"{{item.name}}\"></row-attr>\n//     <row-attr name=\"area-depth\" value=\"{{item.depthFromZone()}}\"></row-attr>\n//     <row-attr name=\"collapsed\" value=\"{{zoneTreeController.isCollapsed(item)}}\"></row-attr>\n//\n//     <column class=\"area\" ng-class=\"{root: item.isZone(), parent: item.isGroup()}\" class=\"allow-squish\">\n//         <!--<label>Rooms in {{zoneTreeController.zoneModel.value.name}}</label>-->\n//         <label>Rooms</label>\n//         <div layout=\"row\" layout-align=\"start center\">\n//             <tree-icons tree-item=\"item\"></tree-icons>\n//             <area-icon area=\"item\"></area-icon>\n//             <span ng-if=\"item.isZone()\">Zone ({{item.name}})</span>\n//             <span ng-if=\"!item.isZone()\">{{item.name}}</span>\n//         </div>\n//     </column>\n//     <column class=\"expand-collapse\" ng-class=\"{collapsed: zoneTreeController.isCollapsed(item)}\">\n//         <md-button class=\"md-icon-button\"\n//             ng-if=\"zoneTreeController.canCollapse(item)\"\n//             ng-click=\"zoneTreeController.toggleCollapse(item)\">\n//             <md-icon>keyboard_arrow_up</md-icon>\n//         </md-button>\n//     </column>\n//\n// </table-component>\n// `;\n\n\n@Component({\n  selector: \"aup-tree-table\",\n  templateUrl: './tree-table.component.html',\n  styleUrls: ['./tree-table.component.scss'],\n  encapsulation: ViewEncapsulation.None // allow us to target nested table styles\n})\nexport class TreeTableComponent<T extends TreeNode<T>> extends DisposableComponent {\n\n  @Input()\n  @TrackExternal()\n  treeTableModel: TreeTableModel<T>;\n\n\n  @Input()\n  @TrackExternal({ defaultValue: true })\n  showHeaderModel: ValueModel<boolean>;\n\n  @Input()\n  @StoreInValueModel('showHeaderModel')\n  showHeader: boolean;\n\n  /**\n   * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either\n   * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's\n   * containment area.\n   */\n  @Input()\n  @HostBinding('class.enable-scrolling')\n  enableScrolling = false;\n\n\n  constructor() {\n    super();\n  }\n\n  // zoneTreeModel: TreeModel<T>;\n  // noHover: boolean;\n  //\n  // static compile(tElement, tAttrs, $compile) {\n  //     const newContent = angular.element(template);\n  //\n  //     // // find methods don't work here... sigh. and this is sensetive to whitespace in the template BEWARE!!\n  //     // let table = angular.element(newContent[2]);\n  //\n  //     tElement.find('column').each((index, el) => newContent.append(el));\n  //     tElement.contents().remove();\n  //\n  //     const transclude = $compile(newContent);\n  //     return (scope, element, attrs, ctrl) => {\n  //         transclude(scope, function(clone) {\n  //             element.append(clone);\n  //         });\n  //     };\n  // }\n  //\n  // constructor() {\n  //     super();\n  // }\n  //\n  // get zoneModel() {\n  //     return this.zoneTreeModel.rootNodeModel;\n  // }\n  //\n  // get visibleAreas() {\n  //     return this.zoneTreeModel.decoratedVisibleAreas;\n  // }\n  //\n  // get selectionModel() {\n  //     return this.zoneTreeModel.decoratedSelectionModel;\n  // }\n  //\n  // selectArea(decoratedArea: TreeModel.DecoratedArea) {\n  //     this.zoneTreeModel.select(decoratedArea);\n  // }\n  //\n  // get decoratedHoverModel() {\n  //     return this.zoneTreeModel.decoratedHoverModel;\n  // }\n  //\n  // canCollapse(area: TreeModel.DecoratedArea) {\n  //     // @ts-ignore\n  //     return area && !area.isZone() && (area.isGroup() && area.hasChildren());\n  // }\n  //\n  // isCollapsed(area: TreeModel.DecoratedArea): boolean {\n  //     return area && this.zoneTreeModel.isCollapsed(area);\n  // }\n  //\n  // toggleCollapse(area: TreeModel.DecoratedArea) {\n  //     if (this.isCollapsed(area)) {\n  //         this.zoneTreeModel.expand(area);\n  //     } else {\n  //         this.zoneTreeModel.collapse(area);\n  //     }\n  // }\n\n}\n"]}

package/esm2015/lib/components/tree-table/tree-table-component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"TreeTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":48,"character":63},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":42,"character":1},"arguments":[{"selector":"aup-tree-table","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":46,"character":17},"member":"None"},"template":"<aup-table [tableModel]=\"treeTableModel\" [showHeaderModel]=\"showHeaderModel\" [enableScrolling]=\"enableScrolling\"></aup-table>\n","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}"]}]}],"members":{"treeTableModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":51,"character":3}}]}],"showHeaderModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":56,"character":3},"arguments":[{"defaultValue":true}]}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":60,"character":3},"arguments":["showHeaderModel"]}]}],"enableScrolling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":69,"character":3},"arguments":["class.enable-scrolling"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]

package/esm2015/lib/components/tree-table/tree-table-component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-table-component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-table-component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm2015/lib/components/tree-table/tree-table-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-table-model.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-table-model.ts"],"names":[],"mappings":"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","sourcesContent":["// import {T } from '@client/api/light-architect/model/area/area.class';\n// import { SelfAndDescendantsVisitor } from '@client/api/light-architect/model/area/visitable.class';\n// import { Zone } from '@client/api/light-architect/model/area/zone.class';\nimport { Dsl, GarbageCollector, ListModel, MutableValueModel, ValueModel } from '@coolon/pectin';\nimport { AbstractTableModel } from '../table/abstract-table-model';\nimport { DecoratedTreeNode } from './decorated-tree-node';\nimport { TreeExpansionModel } from './tree-expansion-model';\nimport { TreeLabelColumnModel } from './tree-label-column-model';\nimport { TreeNode } from './tree-node';\nimport { TreeToListModel } from './tree-to-list-model';\nimport { SelfAndDescendantsVisitor, VisitableTree } from './visitable.class';\n\n\n// TODO:\n//    Selection Models:\n//      - as simple navigation tree\n//      - as editable grid (selecte all, even hidden etc?)\n//      - fixing selection on underlying model changes.\n//      - rendering selection: row highlighting, checkboxes (in the tree renderer or in separate column), both.\n//    Expansion Models:\n//      - Add ability to auto show to depth\n//      - Add a predicate to check default expansion (i.e. has children of a certain type)\n//\nexport class TreeTableModel<Row extends TreeNode<Row>> extends AbstractTableModel<DecoratedTreeNode<Row>> {\n\n  constructor(source: ListModel<DecoratedTreeNode<Row>>, readonly treeExpansionModel: TreeExpansionModel<DecoratedTreeNode<Row>>) {\n    super(source);\n  }\n\n  static fromRoot<Row extends TreeNode<Row>>(sourceOfTruth: ValueModel<Row>, builder?: (tableModel: TreeTableModel<Row>) => void): TreeTableModel<Row> {\n    const garbage = new GarbageCollector();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(garbage);\n    const children = chain(sourceOfTruth).mapToList(root => [root]);\n    const model = this.fromList(children, builder);\n    model.registerDisposable(garbage);\n    return model;\n  }\n\n  static fromChildrenOf<Row extends TreeNode<Row>>(sourceOfTruth: ValueModel<Row>, builder?: (tableModel: TreeTableModel<Row>) => void): TreeTableModel<Row> {\n    const garbage = new GarbageCollector();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(garbage);\n    const children = chain(sourceOfTruth).mapToList(root => root.children); // for some reason pluck list can't see 'children'\n    const model = this.fromList(children, builder);\n    model.registerDisposable(garbage);\n    return model;\n  }\n\n  static fromList<Row extends TreeNode<Row>>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TreeTableModel<Row>) => void): TreeTableModel<Row> {\n    const treeExpansionModel = new TreeExpansionModel<DecoratedTreeNode<Row>>(sourceOfTruth.identityOf);\n    const nodes = new TreeToListModel(sourceOfTruth, treeExpansionModel);\n    const model = new TreeTableModel<Row>(nodes, treeExpansionModel);\n    model.registerDisposable(nodes);\n    if (builder) builder(model);\n    return model;\n  }\n\n  treeControlColumn(builder: (column: TreeLabelColumnModel<Row>) => void) {\n    const columnId = 'tree-label';\n    const column = new TreeLabelColumnModel<Row>(columnId, () => this.getColumnTextProperties(columnId), this.treeExpansionModel);\n    builder(column);\n    this.addColumn(column);\n  }\n\n  expand(node: DecoratedTreeNode<Row>) {\n    this.treeExpansionModel.expand(node);\n  }\n\n  collapse(node: DecoratedTreeNode<Row>) {\n    this.treeExpansionModel.expand(node);\n  }\n\n  isCollapsed(node: DecoratedTreeNode<Row>): boolean {\n    return this.treeExpansionModel.isCollapsed(node);\n  }\n\n  ensureAncestorsAndSelfVisible(node: DecoratedTreeNode<Row>) {\n    this.treeExpansionModel.ensureAncestorsAndSelfVisible(node);\n  }\n\n\n  // saveSelection() {\n  //   let ids: number[] = [];\n  //   const selectedArea = this._decoratedSelectionModel.leadSelection.value;\n  //   if (selectedArea) {\n  //     ids.push(selectedArea.id);\n  //     ids = ids.concat(selectedArea.siblingsAfter().map(a => a.id));\n  //     ids = ids.concat(selectedArea.siblingsBefore().reverse().map(a => a.id));\n  //     ids = ids.concat(selectedArea.ancestorsToZone().reverse().map(a => a.id));\n  //   }\n  //   this._storedSelection = ids;\n  // }\n  //\n  //\n  // restoreSelection() {\n  //   const all = this.rootNodeModel.value.selfAndDescendants();\n  //   for (let i = 0; i < this._storedSelection.length; i++) {\n  //     const id = this._storedSelection[i];\n  //     const found = all.find(area => area.id === id);\n  //     if (found) {\n  //       this.selectedAreaId.value = found.id;\n  //       break;\n  //     }\n  //   }\n  // }\n  //\n  // collapseAll(areas: T[]) {\n  //   this.collapsedAreaIds.value = [].concat(this.collapsedAreaIds.value, areas.map(a => a.id));\n  // }\n\n  // disableSelection(disable: boolean = true) {\n  //   this._disableSelection.value = disable;\n  // }\n\n\n}\n\n\n// /**\n//  * 1. Make this a TreeModel<T extends AbstractTree>\n//  * 2. Move the decorated items to the view (along with viewToModel and modelToView)\n//  */\n// export class TreeTableModel<T, K extends keyof T> {\n//\n//     // public readonly decoratedVisibleAreas: ListModel<T>;\n//     //\n//     // private decoratorCache = undefined; //new DecoratorCache();\n//     // private collapsedAreaIds: MutableListModel<number> = new MutableListModel<number>();\n//     //\n//     // private _rawSelectionModel: SingleSelectionModel<T, T[K]>;\n//     // private _decoratedSelectionModel: SingleSelectionModel<T, T[K]>;\n//     //\n//     // private readonly _disableSelection = new MutableValueModel<boolean>(false);\n//     // private _hoveredAreaModel: MutableValueModel<T> = new MutableValueModel<T>();\n//     //\n//     // private _decoratedHoverModel: ValueModel<T> = new MutableValueModel<T>();\n//     // private _storedSelection: number[] = [];\n//     //\n//     // readonly visibleNodes: ListModelChain<T>;\n//     //\n//     // protected constructor(readonly rootNodeModel: ValueModel<T>, identifiedBy: K, readonly selectedAreaId: MutableValueModel<K>) {\n//     //     super();\n//     //     const {chain, valueOf, before, when, after, observe, switchOn} = Dsl.disposeWith(this);\n//     //\n//     //     this.visibleNodes = chain(this.rootNodeModel).mapToList(root => {\n//     //         return root.visit(new FlattenStrategy(this.collapsedAreaIds.value)).flattenedAreas;\n//     //     }, {dependsOn: this.collapsedAreaIds});\n//     //\n//     //     this.decoratedVisibleAreas = this.visibleNodes.map(area => {\n//     //         return this.decoratorCache.get(area);\n//     //     });\n//     //\n//     //     this._rawSelectionModel = this.registerDisposable(SingleSelectionModel.fromList(this.visibleNodes, identifiedBy, {\n//     //         storeIdIn: this.selectedAreaId,\n//     //         // toggleSelection: false\n//     //     }));\n//     //     this._rawSelectionModel.selectBehaviour.disableWhen(this._disableSelection);\n//     //     this._decoratedSelectionModel = this.registerDisposable(SingleSelectionModel.fromList(this.decoratedVisibleAreas, identifiedBy, {\n//     //         storeIdIn: this.selectedAreaId,\n//     //         toggleSelection: false\n//     //     }));\n//     //     this._decoratedSelectionModel.selectBehaviour.disableWhen(this._disableSelection);\n//     //\n//     //     // our areas will be different objects so we have to save, restore the\n//     //     // selection and rebuild our decorators\n//     //     before(rootNodeModel).changes(() => this.saveSelection());\n//     //     before(rootNodeModel).changes(() => this.decoratorCache.clear());\n//     //     when(rootNodeModel).changes(() => this.restoreSelection(), {asLongAs: () => !!rootNodeModel.value});\n//     //\n//     //\n//     //     this.registerDisposable(new Binding(this._decoratedHoverModel, this._hoveredAreaModel, {\n//     //         toLeft: (area) => area ? this.modelToView(area) : null,\n//     //         toRight: (decoratedArea) => decoratedArea ? this.viewToModel(decoratedArea) : null\n//     //     }));\n//     //\n//     //     when(this.decoratedSelectionModel.leadSelection)\n//     //         .changes(selection => this.ensureAncestorsAndSelfVisible(selection), {\n//     //             asLongAs: selection => !!selection\n//     //         });\n//     // }\n//     //\n//     // static fromRoot<T, K extends keyof T>(rootNodeModel: ValueModel<T>, identifiedBy: K, options?: TreeModel.Options<T, K>) {\n//     //\n//     // }\n//     //\n//     // public viewToModel(decoratedArea: T): T {\n//     //     assert.notNil(decoratedArea);\n//     //     return TreeModel.AreaDecorator.undecorate(decoratedArea);\n//     // }\n//     //\n//     // public modelToView(area: T): T {\n//     //     assert.notNil(area);\n//     //     return this.decoratorCache.get(area);\n//     // }\n//     //\n//     // get hoveredAreaModel(): ValueModel<T> {\n//     //     return this._hoveredAreaModel;\n//     // }\n//     //\n//     // clearHover() {\n//     //     this._hoveredAreaModel.value = null;\n//     // }\n//     //\n//     // get selectionModel(): SelectionModel<T> {\n//     //     return this._rawSelectionModel;\n//     // }\n//     //\n//     // get decoratedSelectionModel(): SelectionModel<T> {\n//     //     return this._decoratedSelectionModel;\n//     // }\n//     //\n//     // get decoratedHoverModel(): ValueModel<T> {\n//     //     return this._decoratedHoverModel;\n//     // }\n//     //\n//     // decoratedArea(area: T): T {\n//     //     return this.decoratorCache.get(area);\n//     // }\n//     //\n//     // select(area: T) {\n//     //     this.selectedAreaId.value = area ? area.id : null;\n//     // }\n// }\n\n\nexport namespace TreeTableModel {\n\n  export interface Options<T, K extends keyof T> {\n    storeIdIn: MutableValueModel<K>\n  }\n\n  // export interface DecoratedArea extendsTDecorator,T {\n  // }\n  //\n  // export classTDecorator extends Decorator<T> {\n  //\n  //     static decorate(area:T): DecoratedArea {\n  //         return Decorator.create(area, newTDecorator(area)) as DecoratedArea;\n  //     }\n  //\n  //     pathToRoot() {\n  //         return this.object.ancestorsToZone().slice(1);\n  //     }\n  //\n  //     isLastChild() {\n  //         return this.object.isLastChild();\n  //     }\n  //\n  //     isRoot() {\n  //         return this.object.isZone();\n  //     }\n  // }\n\n}\n\n\nexport class FlattenStrategy<T extends VisitableTree<any>> extends SelfAndDescendantsVisitor<T> {\n\n  private _areas: T[] = [];\n  private _collapsed: Set<T>;\n\n  constructor(private collapsedIds: T[]) {\n    super();\n    this._collapsed = new Set<T>(collapsedIds);\n  }\n\n  protected onVisit(it: T) {\n    this._areas.push(it);\n  }\n\n  protected shouldVisitChildrenOf(it: T): boolean {\n    return !this._collapsed.has(it);\n  }\n\n  get flattenedAreas(): T[] {\n    return this._areas;\n  }\n\n}\n\n// class DecoratorCache {\n//\n//     private map = new Map<number, T>();\n//\n//     get(area:T): T {\n//\n//         if (!area) return null;\n//\n//         let decoratedArea = this.map.get(area.id);\n//         if (!decoratedArea) {\n//             decoratedArea = TreeModel.AreaDecorator.decorate(area);\n//             this.map.set(area.id, decoratedArea);\n//         }\n//         return decoratedArea;\n//     }\n//\n//     clear() {\n//         this.map.clear();\n//     }\n//\n//\n// }\n\n\n\n\n"]}

package/esm2015/lib/components/tree-table/tree-table-model.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"TreeTableModel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../table/abstract-table-model","name":"AbstractTableModel","line":23,"character":63},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ListModel","line":25,"character":22,"arguments":[{"__symbolic":"reference","module":"./decorated-tree-node","name":"DecoratedTreeNode","line":25,"character":32,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":123,"context":{"typeName":"Row"}}]}]},{"__symbolic":"reference","module":"./tree-expansion-model","name":"TreeExpansionModel","line":25,"character":86,"arguments":[{"__symbolic":"reference","module":"./decorated-tree-node","name":"DecoratedTreeNode","line":25,"character":32,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":123,"context":{"typeName":"Row"}}]}]}]}],"treeControlColumn":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"isCollapsed":[{"__symbolic":"method"}],"ensureAncestorsAndSelfVisible":[{"__symbolic":"method"}]}},"FlattenStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./visitable.class","name":"SelfAndDescendantsVisitor","line":255,"character":67},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":260,"character":36,"context":{"typeName":"T"}}]}]}],"onVisit":[{"__symbolic":"method"}],"shouldVisitChildrenOf":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/tree-table/tree-table.component.scss.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-table.component.scss.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-table.component.scss.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm2015/lib/components/tree-table/tree-to-list-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-to-list-model.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/tree-to-list-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6D,MAAM,gBAAgB,CAAC;AAC9G,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,MAAM,OAAO,eAAuC,SAAQ,iBAA4C;IAEtG,YAA6B,MAAoB,EAAmB,cAAwD;QAC1H,KAAK,CAAC,MAAM,CAAC,CAAC;QADa,WAAM,GAAN,MAAM,CAAc;QAAmB,mBAAc,GAAd,cAAc,CAA0C;QAE1H,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC5D,CAAC;IAED,aAAa,CAAC,IAA0B;QACtC,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CAAC,MAAW;QACjB,MAAM,MAAM,GAA2B,EAAE,CAAC;QAC1C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;QACrG,OAAO,MAAM,CAAC;IAChB,CAAC;IAGO,yBAAyB,CAAC,IAA0B,EAAE,MAA8B;QAC1F,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;YAChE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,yBAAyB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;SAC/E;IACH,CAAC;CAEF","sourcesContent":["import { ComputedListModel, Dsl, GarbageCollector, ListModel, MutableListModel, Trace } from '@coolon/pectin';\nimport { DecoratedTreeNode } from './decorated-tree-node';\nimport { TreeExpansionModel } from './tree-expansion-model';\nimport { TreeNode } from './tree-node';\n\nexport class TreeToListModel<T extends TreeNode<T>> extends ComputedListModel<DecoratedTreeNode<T>, T[]> {\n\n  constructor(private readonly source: ListModel<T>, private readonly expansionModel: TreeExpansionModel<DecoratedTreeNode<T>>) {\n    super(source);\n    this.trackSource(this.expansionModel.isExpandedPredicate);\n  }\n\n  getIdentityOf(item: DecoratedTreeNode<T>): any {\n    return this.source.identityOf(item.node);\n  }\n\n  compute(values: T[]): DecoratedTreeNode<T>[] {\n    const result: DecoratedTreeNode<T>[] = [];\n    values.forEach(value => this.addNodeAndVisibleChildren(DecoratedTreeNode.createRoot(value), result));\n    return result;\n  }\n\n\n  private addNodeAndVisibleChildren(node: DecoratedTreeNode<T>, result: DecoratedTreeNode<T>[], ) {\n    result.push(node);\n    if (node.hasChildren() && !this.expansionModel.isCollapsed(node)) {\n      node.children.forEach(child => this.addNodeAndVisibleChildren(child, result));\n    }\n  }\n\n}\n"]}

package/esm2015/lib/components/tree-table/visitable.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visitable.class.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/tree-table/visitable.class.ts"],"names":[],"mappings":"AAaA,MAAM,OAAgB,yBAAyB;IAE3C;IACA,CAAC;IAED,KAAK,CAAC,EAAK;QACP,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACjB,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,EAAE;YAChC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SAC1B;IACL,CAAC;IAIS,qBAAqB,CAAC,EAAK;QACjC,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAED,WAAiB,yBAAyB;IAEtC,MAAa,IAAmC,SAAQ,yBAA4B;QAChF,YAAoB,QAAyB;YACzC,KAAK,EAAE,CAAC;YADQ,aAAQ,GAAR,QAAQ,CAAiB;QAE7C,CAAC;QACS,OAAO,CAAC,EAAK;YACnB,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;KACJ;IAPY,8BAAI,OAOhB,CAAA;AACL,CAAC,EAVgB,yBAAyB,KAAzB,yBAAyB,QAUzC","sourcesContent":["export interface Visitor<T> {\n    visit(it: T);\n}\n\nexport interface Visitable<T> {\n    visit<V extends Visitor<T>>(it: V):V;\n}\n\nexport interface VisitableTree<T> extends Visitable<T> {\n    visitChildren<V extends Visitor<T>>(it: V):V;\n}\n\n\nexport abstract class SelfAndDescendantsVisitor<T extends VisitableTree<T>> implements Visitor<T> {\n\n    constructor() {\n    }\n\n    visit(it: T) {\n        this.onVisit(it);\n        if (this.shouldVisitChildrenOf(it)) {\n            it.visitChildren(this);\n        }\n    }\n\n    protected abstract onVisit(it: T);\n\n    protected shouldVisitChildrenOf(it: T): boolean {\n        return true;\n    }\n}\n\nexport namespace SelfAndDescendantsVisitor {\n\n    export class Each<T extends VisitableTree<any>> extends SelfAndDescendantsVisitor<T> {\n        constructor(private callback: (it: T) => void) {\n            super();\n        }\n        protected onVisit(it: T) {\n            this.callback(it);\n        }\n    }\n}"]}

package/lib/components/tree-table/tree-table-component.d.ts

@@ -1,16 +0,0 @@
-import { ValueModel } from '@coolon/pectin';
-import { DisposableComponent } from '../disposable-component';
-import { TreeNode } from './tree-node';
-import { TreeTableModel } from './tree-table-model';
-export declare class TreeTableComponent<T extends TreeNode<T>> extends DisposableComponent {
-    treeTableModel: TreeTableModel<T>;
-    showHeaderModel: ValueModel<boolean>;
-    showHeader: boolean;
-    /**
-     * 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.
-     */
-    enableScrolling: boolean;
-    constructor();
-}