@coolon/angular-ui-powerups 1.4.1 → 1.4.2

package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js

@@ -1,5 +1,5 @@
 import { __decorate, __extends, __metadata, __param } from "tslib";
-import { Component, HostListener, Self } from '@angular/core';
+import { Component, HostListener, Input, Self } from '@angular/core';
 import { Command, FocusManager, TrackExternal } from '@coolon/pectin';
 import { FocusContainerComponent } from '../focus-container/focus-container.component';
 var VerticalFocusContainerComponent = /** @class */ (function (_super) {
@@ -9,32 +9,20 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
         _this.focusManager = focusManager;
         return _this;
     }
-    // The key listeners seem to be preventing manual binding
-    // @Input('command.arrowRight')
-    // @TrackExternal()
-    // rightArrowCommand: Command<void>;
-    //
-    // @Input('command.arrowLeft')
-    // @TrackExternal()
-    // leftArrowCommand: Command<void>;
-    //
-    // @HostListener('keyup.arrowLeft', ['$event'])
-    // arrowLeft(event: KeyboardEvent) {
-    //   if (this.leftArrowCommand.enabled.value) {
-    //     event.preventDefault();
-    //     event.stopPropagation();
-    //     this.leftArrowCommand.execute();
-    //   }
-    // }
-    //
-    // @HostListener('keyup.arrowRight', ['$event'])
-    // arrowRight(event: KeyboardEvent) {
-    //   if (this.rightArrowCommand.enabled.value) {
-    //     event.preventDefault();
-    //     event.stopPropagation();
-    //     this.rightArrowCommand.execute();
-    //   }
-    // }
+    VerticalFocusContainerComponent.prototype.arrowLeft = function (event) {
+        if (this.leftArrowCommand.enabled.value) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.leftArrowCommand.execute();
+        }
+    };
+    VerticalFocusContainerComponent.prototype.arrowRight = function (event) {
+        if (this.rightArrowCommand.enabled.value) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.rightArrowCommand.execute();
+        }
+    };
     VerticalFocusContainerComponent.prototype.arrowDown = function (event) {
         event.preventDefault();
         event.stopPropagation();
@@ -50,6 +38,28 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
     VerticalFocusContainerComponent.ctorParameters = function () { return [
         { type: FocusManager, decorators: [{ type: Self }] }
     ]; };
+    __decorate([
+        Input('command.arrowRight'),
+        TrackExternal(),
+        __metadata("design:type", Command)
+    ], VerticalFocusContainerComponent.prototype, "rightArrowCommand", void 0);
+    __decorate([
+        Input('command.arrowLeft'),
+        TrackExternal(),
+        __metadata("design:type", Command)
+    ], VerticalFocusContainerComponent.prototype, "leftArrowCommand", void 0);
+    __decorate([
+        HostListener('keyup.arrowLeft', ['$event']),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [KeyboardEvent]),
+        __metadata("design:returntype", void 0)
+    ], VerticalFocusContainerComponent.prototype, "arrowLeft", null);
+    __decorate([
+        HostListener('keyup.arrowRight', ['$event']),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [KeyboardEvent]),
+        __metadata("design:returntype", void 0)
+    ], VerticalFocusContainerComponent.prototype, "arrowRight", null);
     __decorate([
         HostListener('keyup.arrowDown', ['$event']),
         __metadata("design:type", Function),

package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertical-focus-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/vertical-focus-container/vertical-focus-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAQ,YAAY,EAAiB,IAAI,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAUvF;IAAqD,mDAAuB;IA2C1E,yCAA6B,YAA0B;QAAvD,YACE,kBAAM,YAAY,CAAC,SACpB;QAF4B,kBAAY,GAAZ,YAAY,CAAc;;IAEvD,CAAC;IA3CD,yDAAyD;IACzD,+BAA+B;IAC/B,mBAAmB;IACnB,oCAAoC;IACpC,EAAE;IACF,8BAA8B;IAC9B,mBAAmB;IACnB,mCAAmC;IACnC,EAAE;IACF,+CAA+C;IAC/C,oCAAoC;IACpC,+CAA+C;IAC/C,8BAA8B;IAC9B,+BAA+B;IAC/B,uCAAuC;IACvC,MAAM;IACN,IAAI;IACJ,EAAE;IACF,gDAAgD;IAChD,qCAAqC;IACrC,gDAAgD;IAChD,8BAA8B;IAC9B,+BAA+B;IAC/B,wCAAwC;IACxC,MAAM;IACN,IAAI;IAGJ,mDAAS,GAAT,UAAU,KAAoB;QAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;IAChC,CAAC;IAGD,iDAAO,GAAP,UAAQ,KAAoB;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAMD,kDAAQ,GAAR;IACA,CAAC;;gBAL0C,YAAY,uBAA1C,IAAI;;IAbjB;QADC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;oEAI7B;IAGD;QADC,YAAY,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;kEAI3B;IAzCU,+BAA+B;QAR3C,SAAS,CAAC;YACT,QAAQ,EAAE,8BAA8B;YACxC,uCAAwD;YAExD,SAAS,EAAE;gBACT,EAAE,OAAO,EAAE,YAAY,EAAE;aAC1B;;SACF,CAAC;QA4Ca,WAAA,IAAI,EAAE,CAAA;yCAAwB,YAAY;OA3C5C,+BAA+B,CAkD3C;IAAD,sCAAC;CAAA,AAlDD,CAAqD,uBAAuB,GAkD3E;SAlDY,+BAA+B","sourcesContent":["import { Component, Host, HostListener, Input, OnInit, Self } from '@angular/core';\nimport { Command, FocusManager, TrackExternal } from '@coolon/pectin';\nimport { FocusContainerComponent } from '../focus-container/focus-container.component';\n\n@Component({\n  selector: 'aup-vertical-focus-container',\n  templateUrl: './vertical-focus-container.component.html',\n  styleUrls: ['./vertical-focus-container.component.scss'],\n  providers: [\n    { provide: FocusManager }\n  ]\n})\nexport class VerticalFocusContainerComponent extends FocusContainerComponent implements OnInit {\n\n  // The key listeners seem to be preventing manual binding\n  // @Input('command.arrowRight')\n  // @TrackExternal()\n  // rightArrowCommand: Command<void>;\n  //\n  // @Input('command.arrowLeft')\n  // @TrackExternal()\n  // leftArrowCommand: Command<void>;\n  //\n  // @HostListener('keyup.arrowLeft', ['$event'])\n  // arrowLeft(event: KeyboardEvent) {\n  //   if (this.leftArrowCommand.enabled.value) {\n  //     event.preventDefault();\n  //     event.stopPropagation();\n  //     this.leftArrowCommand.execute();\n  //   }\n  // }\n  //\n  // @HostListener('keyup.arrowRight', ['$event'])\n  // arrowRight(event: KeyboardEvent) {\n  //   if (this.rightArrowCommand.enabled.value) {\n  //     event.preventDefault();\n  //     event.stopPropagation();\n  //     this.rightArrowCommand.execute();\n  //   }\n  // }\n\n  @HostListener('keyup.arrowDown', ['$event'])\n  arrowDown(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.focusManager.focusNext();\n  }\n\n  @HostListener('keyup.arrowUp', ['$event'])\n  arrowUp(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.focusManager.focusPrevious();\n  }\n\n  constructor(@Self() readonly focusManager: FocusManager) {\n    super(focusManager);\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"vertical-focus-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/vertical-focus-container/vertical-focus-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAUvF;IAAqD,mDAAuB;IA0C1E,yCAA6B,YAA0B;QAAvD,YACE,kBAAM,YAAY,CAAC,SACpB;QAF4B,kBAAY,GAAZ,YAAY,CAAc;;IAEvD,CAAC;IAjCD,mDAAS,GAAT,UAAU,KAAoB;QAC5B,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE;YACvC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;SACjC;IACH,CAAC;IAGD,oDAAU,GAAV,UAAW,KAAoB;QAC7B,IAAI,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;SAClC;IACH,CAAC;IAGD,mDAAS,GAAT,UAAU,KAAoB;QAC5B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;IAChC,CAAC;IAGD,iDAAO,GAAP,UAAQ,KAAoB;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAMD,kDAAQ,GAAR;IACA,CAAC;;gBAL0C,YAAY,uBAA1C,IAAI;;IAtCjB;QAFC,KAAK,CAAC,oBAAoB,CAAC;QAC3B,aAAa,EAAE;kCACG,OAAO;8EAAO;IAIjC;QAFC,KAAK,CAAC,mBAAmB,CAAC;QAC1B,aAAa,EAAE;kCACE,OAAO;6EAAO;IAGhC;QADC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;oEAM7B;IAGD;QADC,YAAY,CAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;qEAM9B;IAGD;QADC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;oEAI7B;IAGD;QADC,YAAY,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCAC3B,aAAa;;kEAI3B;IAxCU,+BAA+B;QAR3C,SAAS,CAAC;YACT,QAAQ,EAAE,8BAA8B;YACxC,uCAAwD;YAExD,SAAS,EAAE;gBACT,EAAE,OAAO,EAAE,YAAY,EAAE;aAC1B;;SACF,CAAC;QA2Ca,WAAA,IAAI,EAAE,CAAA;yCAAwB,YAAY;OA1C5C,+BAA+B,CAiD3C;IAAD,sCAAC;CAAA,AAjDD,CAAqD,uBAAuB,GAiD3E;SAjDY,+BAA+B","sourcesContent":["import { Component, HostListener, Input, OnInit, Self } from '@angular/core';\nimport { Command, FocusManager, TrackExternal } from '@coolon/pectin';\nimport { FocusContainerComponent } from '../focus-container/focus-container.component';\n\n@Component({\n  selector: 'aup-vertical-focus-container',\n  templateUrl: './vertical-focus-container.component.html',\n  styleUrls: ['./vertical-focus-container.component.scss'],\n  providers: [\n    { provide: FocusManager }\n  ]\n})\nexport class VerticalFocusContainerComponent extends FocusContainerComponent implements OnInit {\n\n  @Input('command.arrowRight')\n  @TrackExternal()\n  rightArrowCommand: Command<void>;\n\n  @Input('command.arrowLeft')\n  @TrackExternal()\n  leftArrowCommand: Command<void>;\n\n  @HostListener('keyup.arrowLeft', ['$event'])\n  arrowLeft(event: KeyboardEvent) {\n    if (this.leftArrowCommand.enabled.value) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.leftArrowCommand.execute();\n    }\n  }\n\n  @HostListener('keyup.arrowRight', ['$event'])\n  arrowRight(event: KeyboardEvent) {\n    if (this.rightArrowCommand.enabled.value) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.rightArrowCommand.execute();\n    }\n  }\n\n  @HostListener('keyup.arrowDown', ['$event'])\n  arrowDown(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.focusManager.focusNext();\n  }\n\n  @HostListener('keyup.arrowUp', ['$event'])\n  arrowUp(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.focusManager.focusPrevious();\n  }\n\n  constructor(@Self() readonly focusManager: FocusManager) {\n    super(focusManager);\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

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

@@ -368,6 +368,7 @@ let FocusableComponent = class FocusableComponent extends DisposableComponent {
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
         if (this.focusManager) {
             this._focusContext = this.focusManager.registerFocusable(this);
+            this.registerDisposable(this._focusContext);
             this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, this.focusContext));
         }
     }
@@ -862,32 +863,20 @@ let VerticalFocusContainerComponent = class VerticalFocusContainerComponent exte
         super(focusManager);
         this.focusManager = focusManager;
     }
-    // The key listeners seem to be preventing manual binding
-    // @Input('command.arrowRight')
-    // @TrackExternal()
-    // rightArrowCommand: Command<void>;
-    //
-    // @Input('command.arrowLeft')
-    // @TrackExternal()
-    // leftArrowCommand: Command<void>;
-    //
-    // @HostListener('keyup.arrowLeft', ['$event'])
-    // arrowLeft(event: KeyboardEvent) {
-    //   if (this.leftArrowCommand.enabled.value) {
-    //     event.preventDefault();
-    //     event.stopPropagation();
-    //     this.leftArrowCommand.execute();
-    //   }
-    // }
-    //
-    // @HostListener('keyup.arrowRight', ['$event'])
-    // arrowRight(event: KeyboardEvent) {
-    //   if (this.rightArrowCommand.enabled.value) {
-    //     event.preventDefault();
-    //     event.stopPropagation();
-    //     this.rightArrowCommand.execute();
-    //   }
-    // }
+    arrowLeft(event) {
+        if (this.leftArrowCommand.enabled.value) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.leftArrowCommand.execute();
+        }
+    }
+    arrowRight(event) {
+        if (this.rightArrowCommand.enabled.value) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.rightArrowCommand.execute();
+        }
+    }
     arrowDown(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -904,6 +893,28 @@ let VerticalFocusContainerComponent = class VerticalFocusContainerComponent exte
 VerticalFocusContainerComponent.ctorParameters = () => [
     { type: FocusManager, decorators: [{ type: Self }] }
 ];
+__decorate([
+    Input('command.arrowRight'),
+    TrackExternal(),
+    __metadata("design:type", Command)
+], VerticalFocusContainerComponent.prototype, "rightArrowCommand", void 0);
+__decorate([
+    Input('command.arrowLeft'),
+    TrackExternal(),
+    __metadata("design:type", Command)
+], VerticalFocusContainerComponent.prototype, "leftArrowCommand", void 0);
+__decorate([
+    HostListener('keyup.arrowLeft', ['$event']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], VerticalFocusContainerComponent.prototype, "arrowLeft", null);
+__decorate([
+    HostListener('keyup.arrowRight', ['$event']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], VerticalFocusContainerComponent.prototype, "arrowRight", null);
 __decorate([
     HostListener('keyup.arrowDown', ['$event']),
     __metadata("design:type", Function),