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

package/esm2015/lib/components/commands/separator.component.js

@@ -1,14 +1,14 @@
-import { Component, ElementRef, HostBinding, Optional } from '@angular/core';
+import { Component, ElementRef, HostBinding, Inject, Optional } from '@angular/core';
 import { CommandContainer } from './group/command-container';
 import { PopupAwareComponent } from './group/popup-aware.component';
-import { AbstractPopupMenuComponent } from './group/popup-menu/abstract-popup-menu.component';
+import { POPUP_CONTAINER } from './group/popup-container';
 import { ToolBarComponent } from './group/tool-bar/tool-bar.component';
 /**
  *
  */
 export class SeparatorComponent extends PopupAwareComponent {
-    constructor(element, containerParent) {
-        super(element, containerParent instanceof AbstractPopupMenuComponent ? containerParent : undefined);
+    constructor(element, popupContainer, containerParent) {
+        super(element, popupContainer);
         this.containerParent = containerParent;
     }
     isHorizontalContainer() {
@@ -33,6 +33,7 @@ SeparatorComponent.decorators = [
 ];
 SeparatorComponent.ctorParameters = () => [
     { type: ElementRef },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [POPUP_CONTAINER,] }] },
     { type: CommandContainer, decorators: [{ type: Optional }] }
 ];
 SeparatorComponent.propDecorators = {

package/esm2015/lib/components/commands/separator.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/separator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAU,QAAQ,EAAE,MAAM,eAAe,CAAC;AAErF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAC;AAC9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAEvE;;GAEG;AAcH,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB;IAEzD,YAAY,OAAmB,EAA+B,eAAkC;QAC9F,KAAK,CAAC,OAAO,EAAE,eAAe,YAAY,0BAA0B,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QADxC,oBAAe,GAAf,eAAe,CAAmB;IAEhG,CAAC;IAGD,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,YAAY,gBAAgB,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,KAAK,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC;IAC1I,CAAC;IAED,QAAQ;IACR,CAAC;;;YAzBF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE;sEAC0D;yBAC3D;IACP;oBACA;;;;MAIE;aAEL;;;YAtBmB,UAAU;YAErB,gBAAgB,uBAuBW,QAAQ;;;oCAIzC,WAAW,SAAC,4BAA4B","sourcesContent":["import { Component, ElementRef, HostBinding, OnInit, Optional } from '@angular/core';\nimport { DisposableComponent } from '../disposable-component';\nimport { CommandContainer } from './group/command-container';\nimport { PopupAwareComponent } from './group/popup-aware.component';\nimport { AbstractPopupMenuComponent } from './group/popup-menu/abstract-popup-menu.component';\nimport { ToolBarComponent } from './group/tool-bar/tool-bar.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-separator',\n  template: `\n    <mat-divider [vertical]=\"!isHorizontalContainer()\"></mat-divider>`,\n  styles: [`:host {\n  }`,\n    `:host(.horizontal-container) {\n      display: inline-flex;\n      flex-direction: row;\n      align-items: stretch;\n    }`\n  ]\n})\nexport class SeparatorComponent extends PopupAwareComponent implements OnInit {\n\n  constructor(element: ElementRef, @Optional() private readonly containerParent?: CommandContainer) {\n    super(element, containerParent instanceof AbstractPopupMenuComponent ? containerParent : undefined);\n  }\n\n  @HostBinding('class.horizontal-container')\n  isHorizontalContainer() {\n    return this.containerParent instanceof ToolBarComponent && this.containerParent.orientation === CommandContainer.Orientation.HORIZONTAL;\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"separator.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/separator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAU,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAkB,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAEvE;;GAEG;AAcH,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB;IAEzD,YAAY,OAAmB,EACkB,cAA6B,EACrC,eAAkC;QACzE,KAAK,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QADQ,oBAAe,GAAf,eAAe,CAAmB;IAE3E,CAAC;IAGD,qBAAqB;QACnB,OAAO,IAAI,CAAC,eAAe,YAAY,gBAAgB,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,KAAK,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC;IAC1I,CAAC;IAED,QAAQ;IACR,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE;sEAC0D;yBAC3D;IACP;oBACA;;;;MAIE;aAEL;;;YAvBmB,UAAU;4CA2Bf,QAAQ,YAAI,MAAM,SAAC,eAAe;YAzBxC,gBAAgB,uBA0BV,QAAQ;;;oCAIpB,WAAW,SAAC,4BAA4B","sourcesContent":["import { Component, ElementRef, HostBinding, Inject, OnInit, Optional } from '@angular/core';\nimport { DisposableComponent } from '../disposable-component';\nimport { CommandContainer } from './group/command-container';\nimport { PopupAwareComponent } from './group/popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from './group/popup-container';\nimport { AbstractPopupMenuComponent } from './group/popup-menu/abstract-popup-menu.component';\nimport { ToolBarComponent } from './group/tool-bar/tool-bar.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-separator',\n  template: `\n    <mat-divider [vertical]=\"!isHorizontalContainer()\"></mat-divider>`,\n  styles: [`:host {\n  }`,\n    `:host(.horizontal-container) {\n      display: inline-flex;\n      flex-direction: row;\n      align-items: stretch;\n    }`\n  ]\n})\nexport class SeparatorComponent extends PopupAwareComponent implements OnInit {\n\n  constructor(element: ElementRef,\n              @Optional() @Inject(POPUP_CONTAINER) popupContainer:PopupContainer,\n              @Optional() private readonly containerParent?: CommandContainer) {\n    super(element, popupContainer);\n  }\n\n  @HostBinding('class.horizontal-container')\n  isHorizontalContainer() {\n    return this.containerParent instanceof ToolBarComponent && this.containerParent.orientation === CommandContainer.Orientation.HORIZONTAL;\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/separator.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"SeparatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./group/popup-aware.component","name":"PopupAwareComponent","line":23,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-separator","template":"\n    <mat-divider [vertical]=\"!isHorizontalContainer()\"></mat-divider>","styles":[":host {\n  }",":host(.horizontal-container) {\n      display: inline-flex;\n      flex-direction: row;\n      align-items: stretch;\n    }"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":25,"character":36}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":25,"character":23},{"__symbolic":"reference","module":"./group/command-container","name":"CommandContainer","line":25,"character":82}]}],"isHorizontalContainer":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":29,"character":3},"arguments":["class.horizontal-container"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"SeparatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./group/popup-aware.component","name":"PopupAwareComponent","line":24,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"aup-separator","template":"\n    <mat-divider [vertical]=\"!isHorizontalContainer()\"></mat-divider>","styles":[":host {\n  }",":host(.horizontal-container) {\n      display: inline-flex;\n      flex-direction: row;\n      align-items: stretch;\n    }"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":27,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":27},"arguments":[{"__symbolic":"reference","module":"./group/popup-container","name":"POPUP_CONTAINER","line":27,"character":34}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":28,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":23},{"__symbolic":"reference","module":"./group/popup-container","name":"PopupContainer","line":27,"character":66},{"__symbolic":"reference","module":"./group/command-container","name":"CommandContainer","line":28,"character":61}]}],"isHorizontalContainer":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class.horizontal-container"]}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/fesm2015/coolon-angular-ui-powerups.js

@@ -1,5 +1,5 @@
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
-import { Directive, ElementRef, Inject, Host, Optional, Input, HostListener, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, Component, ContentChild, InjectionToken, ViewChildren, ViewEncapsulation, HostBinding, SkipSelf, EventEmitter, ViewChild, Output, Self, TemplateRef, ChangeDetectorRef, ContentChildren, ViewContainerRef, Injector, ComponentFactoryResolver, INJECTOR } from '@angular/core';
+import { Directive, ElementRef, Inject, Host, Optional, Input, HostListener, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, Component, ContentChild, InjectionToken, ViewEncapsulation, HostBinding, ViewChildren, SkipSelf, EventEmitter, ViewChild, Output, Self, TemplateRef, ChangeDetectorRef, ContentChildren, ViewContainerRef, Injector, ComponentFactoryResolver, INJECTOR } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -623,66 +623,6 @@ class CommandContainer extends GarbageCollector {
     CommandContainer.Orientation = Enum({ HORIZONTAL: 'horizontal', VERTICAL: 'vertical' });
 })(CommandContainer || (CommandContainer = {}));
 
-/**
- *
- */
-class AbstractPopupMenuComponent extends PopupAwareComponent {
-    constructor(element, parent) {
-        super(element, parent);
-        this._unorderedChildren = new MutableListModel();
-        this.faceModelDelegate = new DelegatingValueModel();
-        this.xPosition = 'after';
-        this.yPosition = 'below';
-        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
-        this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));
-        this.children = chain(this._unorderedChildren).sortBy('componentIndex');
-    }
-    get faceAdapter() {
-        return this.faceAdapterModel.value;
-    }
-    isRoot() {
-        return !this.parent;
-    }
-    register(component) {
-        this._unorderedChildren.push(component);
-        return Disposable.disposableThatRuns(() => {
-            this._unorderedChildren.remove(component);
-        });
-    }
-    onCommandFired() {
-        this.triggers.forEach(trigger => {
-            if (trigger.menuOpen) {
-                trigger.closeMenu();
-            }
-        });
-    }
-    getFace() {
-        return this.faceAdapter.face;
-    }
-}
-AbstractPopupMenuComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-abstract-popup-menu',
-                template: ''
-            },] }
-];
-AbstractPopupMenuComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: undefined, decorators: [{ type: Inject, args: [POPUP_CONTAINER,] }] }
-];
-AbstractPopupMenuComponent.propDecorators = {
-    xPosition: [{ type: Input }],
-    yPosition: [{ type: Input }],
-    triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
-};
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [PopupAwareComponent]),
-    __metadata("design:returntype", void 0)
-], AbstractPopupMenuComponent.prototype, "register", null);
-
 /**
  *
  */
@@ -718,8 +658,8 @@ ToolBarComponent.ctorParameters = () => [];
  *
  */
 class SeparatorComponent extends PopupAwareComponent {
-    constructor(element, containerParent) {
-        super(element, containerParent instanceof AbstractPopupMenuComponent ? containerParent : undefined);
+    constructor(element, popupContainer, containerParent) {
+        super(element, popupContainer);
         this.containerParent = containerParent;
     }
     isHorizontalContainer() {
@@ -744,12 +684,73 @@ SeparatorComponent.decorators = [
 ];
 SeparatorComponent.ctorParameters = () => [
     { type: ElementRef },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [POPUP_CONTAINER,] }] },
     { type: CommandContainer, decorators: [{ type: Optional }] }
 ];
 SeparatorComponent.propDecorators = {
     isHorizontalContainer: [{ type: HostBinding, args: ['class.horizontal-container',] }]
 };
 
+/**
+ *
+ */
+class AbstractPopupMenuComponent extends PopupAwareComponent {
+    constructor(element, parent) {
+        super(element, parent);
+        this._unorderedChildren = new MutableListModel();
+        this.faceModelDelegate = new DelegatingValueModel();
+        this.xPosition = 'after';
+        this.yPosition = 'below';
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
+        this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));
+        this.children = chain(this._unorderedChildren).sortBy('componentIndex');
+    }
+    get faceAdapter() {
+        return this.faceAdapterModel.value;
+    }
+    isRoot() {
+        return !this.parent;
+    }
+    register(component) {
+        this._unorderedChildren.push(component);
+        return Disposable.disposableThatRuns(() => {
+            this._unorderedChildren.remove(component);
+        });
+    }
+    onCommandFired() {
+        this.triggers.forEach(trigger => {
+            if (trigger.menuOpen) {
+                trigger.closeMenu();
+            }
+        });
+    }
+    getFace() {
+        return this.faceAdapter.face;
+    }
+}
+AbstractPopupMenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-abstract-popup-menu',
+                template: ''
+            },] }
+];
+AbstractPopupMenuComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: undefined, decorators: [{ type: Inject, args: [POPUP_CONTAINER,] }] }
+];
+AbstractPopupMenuComponent.propDecorators = {
+    xPosition: [{ type: Input }],
+    yPosition: [{ type: Input }],
+    triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
+};
+__decorate([
+    Trace(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [PopupAwareComponent]),
+    __metadata("design:returntype", void 0)
+], AbstractPopupMenuComponent.prototype, "register", null);
+
 /**
  *
  */