@coolon/angular-ui-powerups 3.7.0-alpha.8 → 3.7.0

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 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](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.0-alpha.10...v3.7.0) (2021-01-22)
+
+
+### Bug Fixes
+
+* fixed schematic issues and updated package versions ([d24992c](https://bitbucket.org/coolon/angular-ui-powerups/commit/d24992c7d04259a557771d0adfb4358ced57f54b))
+
+## [3.7.0-alpha.10](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.0-alpha.9...v3.7.0-alpha.10) (2020-12-30)
+
+
+### Bug Fixes
+
+* updated AbstractPopupMenu to re-order correctly on content changes ([6d63a1b](https://bitbucket.org/coolon/angular-ui-powerups/commit/6d63a1b49e271db0b10c52e2db77310349142b8e))
+
+## [3.7.0-alpha.9](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.0-alpha.7...v3.7.0-alpha.9) (2020-12-30)
+
+
+### Bug Fixes
+
+* popup menus now support children using ng-if and ng-for ([ea0d020](https://bitbucket.org/coolon/angular-ui-powerups/commit/ea0d0205982edf126eb24516fc17dd0aeaa23146))
+* separators not rendering in popups ([7d17468](https://bitbucket.org/coolon/angular-ui-powerups/commit/7d1746822d3105b1f0aab66c0d710146864a6e94))
+
 ## [3.7.0-alpha.8](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.7.0-alpha.7...v3.7.0-alpha.8) (2020-12-30)
 
 

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

@@ -870,16 +870,19 @@
         }
         Object.defineProperty(PopupAwareComponent.prototype, "componentIndex", {
             get: function () {
-                var node = this.element.nativeElement;
-                var index = 0;
-                while ((node = node.previousElementSibling)) {
-                    index++;
-                }
-                return index;
+                return this.computeComponentIndex();
             },
             enumerable: false,
             configurable: true
         });
+        PopupAwareComponent.prototype.computeComponentIndex = function () {
+            var node = this.element.nativeElement;
+            var index = 0;
+            while ((node = node.previousElementSibling)) {
+                index++;
+            }
+            return index;
+        };
         PopupAwareComponent.prototype.getFace = function () {
             return undefined;
         };
@@ -990,74 +993,6 @@
         CommandContainer.Orientation = typescriptStringEnums.Enum({ HORIZONTAL: 'horizontal', VERTICAL: 'vertical' });
     })(exports.CommandContainer || (exports.CommandContainer = {}));
 
-    /**
-     *
-     */
-    var AbstractPopupMenuComponent = /** @class */ (function (_super) {
-        __extends(AbstractPopupMenuComponent, _super);
-        function AbstractPopupMenuComponent(element, parent) {
-            var _this = _super.call(this, element, parent) || this;
-            _this._unorderedChildren = new pectin.MutableListModel();
-            _this.faceModelDelegate = new pectin.DelegatingValueModel();
-            _this.xPosition = 'after';
-            _this.yPosition = 'below';
-            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;
-            // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
-            _this.faceAdapterModel = chain(_this.faceModelDelegate).map(function (f) { return new exports.CommandFace.Adapter(f); });
-            _this.children = chain(_this._unorderedChildren).sortBy('componentIndex');
-            return _this;
-        }
-        Object.defineProperty(AbstractPopupMenuComponent.prototype, "faceAdapter", {
-            get: function () {
-                return this.faceAdapterModel.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AbstractPopupMenuComponent.prototype.isRoot = function () {
-            return !this.parent;
-        };
-        AbstractPopupMenuComponent.prototype.register = function (component) {
-            var _this = this;
-            this._unorderedChildren.push(component);
-            return pectin.Disposable.disposableThatRuns(function () {
-                _this._unorderedChildren.remove(component);
-            });
-        };
-        AbstractPopupMenuComponent.prototype.onCommandFired = function () {
-            this.triggers.forEach(function (trigger) {
-                if (trigger.menuOpen) {
-                    trigger.closeMenu();
-                }
-            });
-        };
-        AbstractPopupMenuComponent.prototype.getFace = function () {
-            return this.faceAdapter.face;
-        };
-        return AbstractPopupMenuComponent;
-    }(PopupAwareComponent));
-    AbstractPopupMenuComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'aup-abstract-popup-menu',
-                    template: ''
-                },] }
-    ];
-    AbstractPopupMenuComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [POPUP_CONTAINER,] }] }
-    ]; };
-    AbstractPopupMenuComponent.propDecorators = {
-        xPosition: [{ type: i0.Input }],
-        yPosition: [{ type: i0.Input }],
-        triggers: [{ type: i0.ViewChildren, args: [menu.MatMenuTrigger,] }]
-    };
-    __decorate([
-        pectin.Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [PopupAwareComponent]),
-        __metadata("design:returntype", void 0)
-    ], AbstractPopupMenuComponent.prototype, "register", null);
-
     /**
      *
      */
@@ -1100,8 +1035,8 @@
      */
     var SeparatorComponent = /** @class */ (function (_super) {
         __extends(SeparatorComponent, _super);
-        function SeparatorComponent(element, containerParent) {
-            var _this = _super.call(this, element, containerParent instanceof AbstractPopupMenuComponent ? containerParent : undefined) || this;
+        function SeparatorComponent(element, popupContainer, containerParent) {
+            var _this = _super.call(this, element, popupContainer) || this;
             _this.containerParent = containerParent;
             return _this;
         }
@@ -1122,12 +1057,82 @@
     ];
     SeparatorComponent.ctorParameters = function () { return [
         { type: i0.ElementRef },
+        { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [POPUP_CONTAINER,] }] },
         { type: exports.CommandContainer, decorators: [{ type: i0.Optional }] }
     ]; };
     SeparatorComponent.propDecorators = {
         isHorizontalContainer: [{ type: i0.HostBinding, args: ['class.horizontal-container',] }]
     };
 
+    /**
+     *
+     */
+    var AbstractPopupMenuComponent = /** @class */ (function (_super) {
+        __extends(AbstractPopupMenuComponent, _super);
+        function AbstractPopupMenuComponent(element, parent) {
+            var _this = _super.call(this, element, parent) || this;
+            _this._unorderedChildren = new pectin.MutableListModel();
+            _this.faceModelDelegate = new pectin.DelegatingValueModel();
+            _this.faceAdapterModel = new pectin.DelegatingValueModel();
+            _this.xPosition = 'after';
+            _this.yPosition = 'below';
+            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;
+            // TODO: get faceAdapter seems to get called during the super constuctor so we have to use a delegate
+            //       to avoid null pointers.
+            _this.faceAdapterModel.setDelegate(chain(_this.faceModelDelegate).map(function (f) { return new exports.CommandFace.Adapter(f); }));
+            _this.children = chain(_this._unorderedChildren).sortBy('componentIndex');
+            return _this;
+        }
+        AbstractPopupMenuComponent.prototype.ngAfterContentChecked = function () {
+            // force the list to re-order as the child indicies may have changed.
+            this._unorderedChildren.value = __spread(this._unorderedChildren.value);
+        };
+        Object.defineProperty(AbstractPopupMenuComponent.prototype, "faceAdapter", {
+            get: function () {
+                return this.faceAdapterModel.value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AbstractPopupMenuComponent.prototype.isRoot = function () {
+            return !this.parent;
+        };
+        // @Trace()
+        AbstractPopupMenuComponent.prototype.register = function (component) {
+            var _this = this;
+            this._unorderedChildren.push(component);
+            return pectin.Disposable.disposableThatRuns(function () {
+                _this._unorderedChildren.remove(component);
+            });
+        };
+        AbstractPopupMenuComponent.prototype.onCommandFired = function () {
+            this.triggers.forEach(function (trigger) {
+                if (trigger.menuOpen) {
+                    trigger.closeMenu();
+                }
+            });
+        };
+        AbstractPopupMenuComponent.prototype.getFace = function () {
+            return this.faceAdapter.face;
+        };
+        return AbstractPopupMenuComponent;
+    }(PopupAwareComponent));
+    AbstractPopupMenuComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'aup-abstract-popup-menu',
+                    template: ''
+                },] }
+    ];
+    AbstractPopupMenuComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: undefined, decorators: [{ type: i0.Inject, args: [POPUP_CONTAINER,] }] }
+    ]; };
+    AbstractPopupMenuComponent.propDecorators = {
+        xPosition: [{ type: i0.Input }],
+        yPosition: [{ type: i0.Input }],
+        triggers: [{ type: i0.ViewChildren, args: [menu.MatMenuTrigger,] }]
+    };
+
     var PopupMenuRendererComponent = /** @class */ (function (_super) {
         __extends(PopupMenuRendererComponent, _super);
         function PopupMenuRendererComponent() {