@coolon/angular-ui-powerups 3.7.0-alpha.6 → 3.7.0-alpha.7

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.7.0-alpha.7](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.0-alpha.6...v3.7.0-alpha.7) (2020-12-28)
+
+
+### Bug Fixes
+
+* updated command groups to re-render on removal of children ([e52bff7](https://bitbucket.org/coolon/angular-ui-powerups/commit/e52bff764d9ea5ad4c832658e9e6c7c191c5edec))
+
 ## [3.7.0-alpha.6](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.0-alpha.5...v3.7.0-alpha.6) (2020-12-28)
 
 

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

@@ -1078,6 +1078,15 @@
             var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
             _this.childTemplates = chain(_this._rootTemplate).pluckList('children');
             _this.initialised = chain(_this._rootTemplate).isNotNil();
+            // This is a hack to trigger re-rendering when a command is removed from it's parent using ng-if ng-for etc.
+            when(chain(_this._registrations)
+                .throttle(20)
+                .count())
+                .changes(function (is, was) {
+                if (_this.initialised.value) {
+                    _this.notifyChanged();
+                }
+            });
             return _this;
         }
         CommandGroup.prototype.initialise = function () {
@@ -1193,6 +1202,7 @@
         function AbstractPopupMenuComponent(group) {
             var _this = _super.call(this) || this;
             _this.group = group;
+            _this.registerDisposable(group);
             return _this;
         }
         Object.defineProperty(AbstractPopupMenuComponent.prototype, "xPosition", {
@@ -1472,8 +1482,9 @@
      */
     var CommandComponent = /** @class */ (function (_super) {
         __extends(CommandComponent, _super);
-        function CommandComponent(parent) {
+        function CommandComponent(element, parent) {
             var _this = _super.call(this) || this;
+            _this.element = element;
             _this.parent = parent;
             _this.CommandFace = exports.CommandFace;
             var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, switchOn = _a.switchOn;
@@ -1496,6 +1507,9 @@
         };
         CommandComponent.prototype.ngOnInit = function () {
         };
+        CommandComponent.prototype.ngAfterViewInit = function () {
+            // console.log(this.element.nativeElement)
+        };
         return CommandComponent;
     }(DisposableComponent));
     CommandComponent.decorators = [
@@ -1506,6 +1520,7 @@
                 },] }
     ];
     CommandComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
         { type: exports.CommandGroup, decorators: [{ type: i0.Optional }] }
     ]; };
     CommandComponent.propDecorators = {
@@ -1682,6 +1697,7 @@
         function ToolBarComponent(group) {
             var _this = _super.call(this) || this;
             _this.group = group;
+            _this.registerDisposable(group);
             return _this;
         }
         // @Trace()