@coolon/angular-ui-powerups 12.1.0 → 12.3.0

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

@@ -4163,7 +4163,7 @@
         DecoratedTreeNode.Decorator = Decorator;
     })(exports.DecoratedTreeNode || (exports.DecoratedTreeNode = {}));
 
-    var TreeLabelCellRendererComponent = /** @class */ (function (_super) {
+    exports.TreeLabelCellRendererComponent = /** @class */ (function (_super) {
         __extends(TreeLabelCellRendererComponent, _super);
         function TreeLabelCellRendererComponent() {
             var _this = _super.call(this) || this;
@@ -4191,7 +4191,10 @@
                 return exports.DecoratedTreeNode.getDecorator(node).hasChildren() && !_this.expansionModel.isCollapsed(node);
             }, { dependsOn: this.expansionModel.isExpandedPredicate });
             this.iconModel = chain(this.nodeModel).map(function (node) {
-                return exports.DecoratedTreeNode.getDecorator(_this.node).isLeaf() ? undefined : _this.iconFactory(node, _this.expansionModel.isExpanded(_this.node));
+                var _a;
+                var expanded = _this.expansionModel.isExpanded(_this.node);
+                var iconFactory = (_a = _this.iconFactory) !== null && _a !== void 0 ? _a : TreeLabelCellRendererComponent.DEFAULT_ICON_FACTORY;
+                return iconFactory(node, expanded, TreeLabelCellRendererComponent.DEFAULT_ICON_FACTORY(node, expanded, undefined));
             }, { dependsOn: this.expansionModel.isExpandedPredicate });
         };
         Object.defineProperty(TreeLabelCellRendererComponent.prototype, "isRoot", {
@@ -4221,15 +4224,15 @@
         };
         return TreeLabelCellRendererComponent;
     }(DisposableComponent));
-    TreeLabelCellRendererComponent.decorators = [
+    exports.TreeLabelCellRendererComponent.decorators = [
         { type: i0.Component, args: [{
                     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}"]
                 },] }
     ];
-    TreeLabelCellRendererComponent.ctorParameters = function () { return []; };
-    TreeLabelCellRendererComponent.propDecorators = {
+    exports.TreeLabelCellRendererComponent.ctorParameters = function () { return []; };
+    exports.TreeLabelCellRendererComponent.propDecorators = {
         value: [{ type: i0.Input }],
         label: [{ type: i0.Input }],
         iconFactory: [{ type: i0.Input }],
@@ -4240,7 +4243,10 @@
     __decorate([
         pectin.StoreInValueModel('nodeModel'),
         __metadata("design:type", Object)
-    ], TreeLabelCellRendererComponent.prototype, "value", void 0);
+    ], exports.TreeLabelCellRendererComponent.prototype, "value", void 0);
+    (function (TreeLabelCellRendererComponent) {
+        TreeLabelCellRendererComponent.DEFAULT_ICON_FACTORY = function (node, expanded, defaultIcon) { return expanded ? 'mat:expand_more' : 'mat:chevron_right'; };
+    })(exports.TreeLabelCellRendererComponent || (exports.TreeLabelCellRendererComponent = {}));
 
     var FlattenedTreeListModel = /** @class */ (function (_super) {
         __extends(FlattenedTreeListModel, _super);
@@ -4333,14 +4339,20 @@
         function TreeLabelColumnModel(columnId, textPropertiesProvider, expansionModel) {
             var _this = _super.call(this, columnId, textPropertiesProvider) || this;
             _this.expansionModel = expansionModel;
-            _this.iconFactory = function (node, expanded) { return expanded ? 'mat:expand_more' : 'mat:chevron_right'; };
-            _this.cellRenderer(TreeLabelCellRendererComponent);
+            _this.cellRenderer(exports.TreeLabelCellRendererComponent);
             return _this;
         }
         TreeLabelColumnModel.prototype.pluck = function (property) {
             this.labelProperty = property;
         };
+        /**
+         * @deprecated use #useIcon instead.
+         * @param factory
+         */
         TreeLabelColumnModel.prototype.addIcon = function (factory) {
+            this.useIcon(factory);
+        };
+        TreeLabelColumnModel.prototype.useIcon = function (factory) {
             this.iconFactory = factory;
         };
         TreeLabelColumnModel.prototype.cellRenderer = function (componentType) {
@@ -4715,7 +4727,7 @@
                         PopupMenuRendererComponent,
                         TreeTableComponent,
                         exports.TreeInheritanceIconComponent,
-                        TreeLabelCellRendererComponent,
+                        exports.TreeLabelCellRendererComponent,
                         BusyOverlayComponent,
                         EmptyStateComponent,
                         PaginatorComponent,
@@ -8972,8 +8984,8 @@
     TabbedPlaceNavigationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aup-tabbed-place-navigation',
-                    template: "<nav mat-tab-nav-bar>\n  <a mat-tab-link *ngFor=\"let item of menuItems.value; trackBy: trackByPlaceDef\"\n     [pectinCommand]=\"commandFactory.create(item.place)\"\n     [active]=\"item.active\"\n     [matTooltip]=\"getNavigationFace(item.place).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(item.place)]\"></aup-command-face>\n  </a>\n</nav>\n",
-                    styles: [""]
+                    template: "<nav mat-tab-nav-bar>\n  <ng-content select=\"[nav-start]\"></ng-content>\n  <a mat-tab-link *ngFor=\"let item of menuItems.value; trackBy: trackByPlaceDef\"\n     [pectinCommand]=\"commandFactory.create(item.place)\"\n     [active]=\"item.active\"\n     [matTooltip]=\"getNavigationFace(item.place).tooltip()\">\n    <aup-command-face [faces]=\"[getNavigationFace(item.place)]\"></aup-command-face>\n  </a>\n  <ng-content select=\"[nav-end]\"></ng-content>\n</nav>\n",
+                    styles: [":host{display:block}div.place-holder{border:1px solid green}"]
                 },] }
     ];
     TabbedPlaceNavigationComponent.ctorParameters = function () { return [
@@ -9817,7 +9829,6 @@
     exports.TextInputComponent = TextInputComponent;
     exports.ToolBarComponent = ToolBarComponent;
     exports.TreeExpansionModel = TreeExpansionModel;
-    exports.TreeLabelCellRendererComponent = TreeLabelCellRendererComponent;
     exports.TreeLabelColumnModel = TreeLabelColumnModel;
     exports.TreeTableComponent = TreeTableComponent;
     exports.TreeTableModel = TreeTableModel;