@coolon/angular-ui-powerups 0.0.135 → 1.0.0-alpha.12

package/esm5/lib/directives/command.directive.js

@@ -1,15 +1,8 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, HostListener, Inject, Input } from '@angular/core';
+import { __decorate, __extends, __metadata, __param } from "tslib";
+import { AfterViewInit, Directive, ElementRef, HostListener, Inject, Input, OnDestroy, OnInit } from '@angular/core';
 import { assert, DelegatingValueModel, Dsl, GarbageCollector, lang, UnaryCommand } from '@coolon/pectin';
-/**
- * @template P
- */
 var CommandDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(CommandDirective, _super);
+    __extends(CommandDirective, _super);
     function CommandDirective(elementRef) {
         var _this = _super.call(this) || this;
         _this.elementRef = elementRef;
@@ -18,17 +11,10 @@ var CommandDirective = /** @class */ (function (_super) {
         return _this;
     }
     Object.defineProperty(CommandDirective.prototype, "pectinCommand", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this._command;
         },
-        set: /**
-         * @param {?} command
-         * @return {?}
-         */
-        function (command) {
+        set: function (command) {
             this._command = command;
             this._commandEnabled.setDelegate(command ? command.enabled : null);
         },
@@ -36,30 +22,17 @@ var CommandDirective = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(CommandDirective.prototype, "commandParameter", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this._commandParameter;
         },
-        set: /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
+        set: function (value) {
             this._commandParameterProvided = true;
             this._commandParameter = value;
         },
         enumerable: true,
         configurable: true
     });
-    /**
-     * @return {?}
-     */
-    CommandDirective.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
+    CommandDirective.prototype.ngOnInit = function () {
         assert.notNil(this.pectinCommand);
         if (this.pectinCommand instanceof UnaryCommand) {
             if (!this._commandParameterProvided) {
@@ -72,22 +45,12 @@ var CommandDirective = /** @class */ (function (_super) {
             }
         }
     };
-    /**
-     * @return {?}
-     */
-    CommandDirective.prototype.ngAfterViewInit = /**
-     * @return {?}
-     */
-    function () {
+    CommandDirective.prototype.ngAfterViewInit = function () {
         var _this = this;
         // for some reason mat-buttons kills the disabled host binding.  It works on a regular button but for now
         // we need to do this.
         var chain = Dsl.disposeWith(this).chain;
-        chain(this._commandEnabled).subscribe((/**
-         * @param {?} enabled
-         * @return {?}
-         */
-        function (enabled) {
+        chain(this._commandEnabled).subscribe(function (enabled) {
             if (enabled) {
                 _this.elementRef.nativeElement.removeAttribute('disabled');
                 if (_this.elementRef.nativeElement.tagName === 'A') {
@@ -100,26 +63,12 @@ var CommandDirective = /** @class */ (function (_super) {
                     _this.elementRef.nativeElement.removeAttribute('href');
                 }
             }
-        }));
+        });
     };
-    /**
-     * @return {?}
-     */
-    CommandDirective.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
+    CommandDirective.prototype.ngOnDestroy = function () {
         this.dispose();
     };
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
-    CommandDirective.prototype.notifyClick = /**
-     * @param {?} $event
-     * @return {?}
-     */
-    function ($event) {
+    CommandDirective.prototype.notifyClick = function ($event) {
         $event.preventDefault();
         $event.stopPropagation();
         if (this.pectinCommand.enabled.value) {
@@ -134,49 +83,34 @@ var CommandDirective = /** @class */ (function (_super) {
             console.warn('disabled command clicked, ignoring.');
         }
     };
-    CommandDirective.decorators = [
-        { type: Directive, args: [{
-                    // tslint:disable-next-line:directive-selector
-                    selector: '[pectinCommand]'
-                },] }
-    ];
-    /** @nocollapse */
     CommandDirective.ctorParameters = function () { return [
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
     ]; };
-    CommandDirective.propDecorators = {
-        pectinCommand: [{ type: Input }],
-        commandParameter: [{ type: Input }],
-        notifyClick: [{ type: HostListener, args: ['click', ['$event'],] }]
-    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], CommandDirective.prototype, "pectinCommand", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], CommandDirective.prototype, "commandParameter", null);
+    __decorate([
+        HostListener('click', ['$event']),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Event]),
+        __metadata("design:returntype", void 0)
+    ], CommandDirective.prototype, "notifyClick", null);
+    CommandDirective = __decorate([
+        Directive({
+            // tslint:disable-next-line:directive-selector
+            selector: '[pectinCommand]'
+        }),
+        __param(0, Inject(ElementRef)),
+        __metadata("design:paramtypes", [ElementRef])
+    ], CommandDirective);
     return CommandDirective;
 }(GarbageCollector));
 export { CommandDirective };
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    CommandDirective.prototype._command;
-    /**
-     * @type {?}
-     * @private
-     */
-    CommandDirective.prototype._commandEnabled;
-    /**
-     * @type {?}
-     * @private
-     */
-    CommandDirective.prototype._commandParameter;
-    /**
-     * @type {?}
-     * @private
-     */
-    CommandDirective.prototype._commandParameterProvided;
-    /**
-     * @type {?}
-     * @private
-     */
-    CommandDirective.prototype.elementRef;
-}
 //# sourceMappingURL=command.directive.js.map

package/esm5/lib/directives/command.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"command.directive.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/command.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Directive, ElementRef, HostListener, Inject, Input, OnDestroy, OnInit } from '@angular/core';\nimport { assert, Command, DelegatingValueModel, Dsl, GarbageCollector, lang, UnaryCommand } from '@coolon/pectin';\n\n@Directive({\n  // tslint:disable-next-line:directive-selector\n  selector: '[pectinCommand]'\n})\nexport class CommandDirective<P = any> extends GarbageCollector implements OnInit, OnDestroy, AfterViewInit {\n\n  private _command: Command<any> | UnaryCommand<P>;\n  private _commandEnabled = new DelegatingValueModel<boolean>().withDefault(false);\n\n  @Input()\n  set pectinCommand(command: Command<any> | UnaryCommand<P>) {\n    this._command = command;\n    this._commandEnabled.setDelegate(command ? command.enabled : null);\n  }\n  get pectinCommand():Command<any> | UnaryCommand<P> {\n    return this._command;\n  }\n\n  private _commandParameter: P;\n  private _commandParameterProvided = false;\n\n  @Input()\n  set commandParameter(value: P) {\n    this._commandParameterProvided = true;\n    this._commandParameter = value;\n  }\n\n  get commandParameter(): P {\n    return this._commandParameter;\n  }\n\n  constructor(@Inject(ElementRef) private elementRef: ElementRef) {\n    super();\n  }\n\n  ngOnInit(): void {\n    assert.notNil(this.pectinCommand);\n    if (this.pectinCommand instanceof UnaryCommand) {\n      if (!this._commandParameterProvided) {\n        lang.illegalState('UnaryCommands required the command parameter to be specified.');\n      }\n    } else {\n      if (this._commandParameterProvided) {\n        lang.illegalState('command parameters are only supported by UnaryCommands');\n      }\n    }\n  }\n\n  ngAfterViewInit(): void {\n    // for some reason mat-buttons kills the disabled host binding.  It works on a regular button but for now\n    // we need to do this.\n    const { chain } = Dsl.disposeWith(this);\n    chain(this._commandEnabled).subscribe(enabled => {\n      if (enabled) {\n        this.elementRef.nativeElement.removeAttribute('disabled');\n        if (this.elementRef.nativeElement.tagName === 'A') {\n          this.elementRef.nativeElement.setAttribute('href', 'javascript:void');\n        }\n      } else {\n        this.elementRef.nativeElement.setAttribute('disabled', 'disabled');\n        if (this.elementRef.nativeElement.tagName === 'A') {\n          this.elementRef.nativeElement.removeAttribute('href');\n        }\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.dispose();\n  }\n\n\n  @HostListener('click', ['$event'])\n  notifyClick($event: Event) {\n    $event.preventDefault();\n    $event.stopPropagation();\n    if (this.pectinCommand.enabled.value) {\n      if (this.pectinCommand instanceof UnaryCommand) {\n        this.pectinCommand.withContext({ event: $event }).execute(this.commandParameter);\n      } else {\n        this.pectinCommand.withContext({ event: $event }).execute();\n      }\n    } else {\n      console.warn('disabled command clicked, ignoring.');\n    }\n  }\n}\n"]}
+{"version":3,"file":"command.directive.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/command.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACrH,OAAO,EAAE,MAAM,EAAW,oBAAoB,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMlH;IAA+C,oCAAgB;IA2B7D,0BAAwC,UAAsB;QAA9D,YACE,iBAAO,SACR;QAFuC,gBAAU,GAAV,UAAU,CAAY;QAxBtD,qBAAe,GAAG,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAYzE,+BAAyB,GAAG,KAAK,CAAC;;IAc1C,CAAC;IAvBD,sBAAI,2CAAa;aAIjB;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;aAND,UAAkB,OAAuC;YACvD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;YACxB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACrE,CAAC;;;OAAA;IASD,sBAAI,8CAAgB;aAKpB;YACE,OAAO,IAAI,CAAC,iBAAiB,CAAC;QAChC,CAAC;aAPD,UAAqB,KAAQ;YAC3B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;YACtC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAUD,mCAAQ,GAAR;QACE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAClC,IAAI,IAAI,CAAC,aAAa,YAAY,YAAY,EAAE;YAC9C,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE;gBACnC,IAAI,CAAC,YAAY,CAAC,+DAA+D,CAAC,CAAC;aACpF;SACF;aAAM;YACL,IAAI,IAAI,CAAC,yBAAyB,EAAE;gBAClC,IAAI,CAAC,YAAY,CAAC,wDAAwD,CAAC,CAAC;aAC7E;SACF;IACH,CAAC;IAED,0CAAe,GAAf;QAAA,iBAiBC;QAhBC,yGAAyG;QACzG,sBAAsB;QACd,IAAA,mCAAK,CAA2B;QACxC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,UAAA,OAAO;YAC3C,IAAI,OAAO,EAAE;gBACX,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;gBAC1D,IAAI,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,EAAE;oBACjD,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;iBACvE;aACF;iBAAM;gBACL,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;gBACnE,IAAI,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,EAAE;oBACjD,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;iBACvD;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,sCAAW,GAAX;QACE,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAID,sCAAW,GAAX,UAAY,MAAa;QACvB,MAAM,CAAC,cAAc,EAAE,CAAC;QACxB,MAAM,CAAC,eAAe,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE;YACpC,IAAI,IAAI,CAAC,aAAa,YAAY,YAAY,EAAE;gBAC9C,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;aAClF;iBAAM;gBACL,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;aAC7D;SACF;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;SACrD;IACH,CAAC;;gBAtDmD,UAAU,uBAAjD,MAAM,SAAC,UAAU;;IArB9B;QADC,KAAK,EAAE;;;yDAIP;IASD;QADC,KAAK,EAAE;;;4DAIP;IAgDD;QADC,YAAY,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC;;yCACd,KAAK;;uDAYxB;IAjFU,gBAAgB;QAJ5B,SAAS,CAAC;YACT,8CAA8C;YAC9C,QAAQ,EAAE,iBAAiB;SAC5B,CAAC;QA4Ba,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;yCAAqB,UAAU;OA3BnD,gBAAgB,CAkF5B;IAAD,uBAAC;CAAA,AAlFD,CAA+C,gBAAgB,GAkF9D;SAlFY,gBAAgB","sourcesContent":["import { AfterViewInit, Directive, ElementRef, HostListener, Inject, Input, OnDestroy, OnInit } from '@angular/core';\nimport { assert, Command, DelegatingValueModel, Dsl, GarbageCollector, lang, UnaryCommand } from '@coolon/pectin';\n\n@Directive({\n  // tslint:disable-next-line:directive-selector\n  selector: '[pectinCommand]'\n})\nexport class CommandDirective<P = any> extends GarbageCollector implements OnInit, OnDestroy, AfterViewInit {\n\n  private _command: Command<any> | UnaryCommand<P>;\n  private _commandEnabled = new DelegatingValueModel<boolean>().withDefault(false);\n\n  @Input()\n  set pectinCommand(command: Command<any> | UnaryCommand<P>) {\n    this._command = command;\n    this._commandEnabled.setDelegate(command ? command.enabled : null);\n  }\n  get pectinCommand():Command<any> | UnaryCommand<P> {\n    return this._command;\n  }\n\n  private _commandParameter: P;\n  private _commandParameterProvided = false;\n\n  @Input()\n  set commandParameter(value: P) {\n    this._commandParameterProvided = true;\n    this._commandParameter = value;\n  }\n\n  get commandParameter(): P {\n    return this._commandParameter;\n  }\n\n  constructor(@Inject(ElementRef) private elementRef: ElementRef) {\n    super();\n  }\n\n  ngOnInit(): void {\n    assert.notNil(this.pectinCommand);\n    if (this.pectinCommand instanceof UnaryCommand) {\n      if (!this._commandParameterProvided) {\n        lang.illegalState('UnaryCommands required the command parameter to be specified.');\n      }\n    } else {\n      if (this._commandParameterProvided) {\n        lang.illegalState('command parameters are only supported by UnaryCommands');\n      }\n    }\n  }\n\n  ngAfterViewInit(): void {\n    // for some reason mat-buttons kills the disabled host binding.  It works on a regular button but for now\n    // we need to do this.\n    const { chain } = Dsl.disposeWith(this);\n    chain(this._commandEnabled).subscribe(enabled => {\n      if (enabled) {\n        this.elementRef.nativeElement.removeAttribute('disabled');\n        if (this.elementRef.nativeElement.tagName === 'A') {\n          this.elementRef.nativeElement.setAttribute('href', 'javascript:void');\n        }\n      } else {\n        this.elementRef.nativeElement.setAttribute('disabled', 'disabled');\n        if (this.elementRef.nativeElement.tagName === 'A') {\n          this.elementRef.nativeElement.removeAttribute('href');\n        }\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.dispose();\n  }\n\n\n  @HostListener('click', ['$event'])\n  notifyClick($event: Event) {\n    $event.preventDefault();\n    $event.stopPropagation();\n    if (this.pectinCommand.enabled.value) {\n      if (this.pectinCommand instanceof UnaryCommand) {\n        this.pectinCommand.withContext({ event: $event }).execute(this.commandParameter);\n      } else {\n        this.pectinCommand.withContext({ event: $event }).execute();\n      }\n    } else {\n      console.warn('disabled command clicked, ignoring.');\n    }\n  }\n}\n"]}

package/esm5/lib/directives/directives.module.js

@@ -1,11 +1,10 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
+import { __decorate } from "tslib";
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule, MatInputModule, MatSelectModule } from '@angular/material';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
 import { MatTabsModule } from '@angular/material/tabs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { CommandDirective } from './command.directive';
@@ -13,27 +12,27 @@ import { FocusBindingDirective } from './focus-binding.directive';
 var DirectivesModule = /** @class */ (function () {
     function DirectivesModule() {
     }
-    DirectivesModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [
-                        CommandDirective,
-                        FocusBindingDirective
-                    ],
-                    imports: [
-                        CommonModule,
-                        BrowserAnimationsModule,
-                        FormsModule,
-                        MatInputModule,
-                        MatFormFieldModule,
-                        MatSelectModule,
-                        MatTabsModule
-                    ],
-                    exports: [
-                        CommandDirective,
-                        FocusBindingDirective
-                    ]
-                },] }
-    ];
+    DirectivesModule = __decorate([
+        NgModule({
+            declarations: [
+                CommandDirective,
+                FocusBindingDirective
+            ],
+            imports: [
+                CommonModule,
+                BrowserAnimationsModule,
+                FormsModule,
+                MatInputModule,
+                MatFormFieldModule,
+                MatSelectModule,
+                MatTabsModule
+            ],
+            exports: [
+                CommandDirective,
+                FocusBindingDirective
+            ]
+        })
+    ], DirectivesModule);
     return DirectivesModule;
 }());
 export { DirectivesModule };

package/esm5/lib/directives/directives.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"directives.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/directives.module.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE;IAAA;IAqBA,CAAC;;gBArBA,QAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,gBAAgB;wBAChB,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,WAAW;wBACX,cAAc;wBACd,kBAAkB;wBAClB,eAAe;wBACf,aAAa;qBACd;oBACD,OAAO,EAAE;wBACP,gBAAgB;wBAChB,qBAAqB;qBACtB;iBAEF;;IAED,uBAAC;CAAA,AArBD,IAqBC;SADY,gBAAgB","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatFormFieldModule, MatInputModule, MatSelectModule } from '@angular/material';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CommandDirective } from './command.directive';\nimport { FocusBindingDirective } from './focus-binding.directive';\n\n@NgModule({\n  declarations: [\n    CommandDirective,\n    FocusBindingDirective\n  ],\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatTabsModule\n  ],\n  exports: [\n    CommandDirective,\n    FocusBindingDirective\n  ]\n\n})\nexport class DirectivesModule {\n}\n"]}
+{"version":3,"file":"directives.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/directives.module.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAsBlE;IAAA;IACA,CAAC;IADY,gBAAgB;QApB5B,QAAQ,CAAC;YACR,YAAY,EAAE;gBACZ,gBAAgB;gBAChB,qBAAqB;aACtB;YACD,OAAO,EAAE;gBACP,YAAY;gBACZ,uBAAuB;gBACvB,WAAW;gBACX,cAAc;gBACd,kBAAkB;gBAClB,eAAe;gBACf,aAAa;aACd;YACD,OAAO,EAAE;gBACP,gBAAgB;gBAChB,qBAAqB;aACtB;SAEF,CAAC;OACW,gBAAgB,CAC5B;IAAD,uBAAC;CAAA,AADD,IACC;SADY,gBAAgB","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { CommandDirective } from './command.directive';\nimport { FocusBindingDirective } from './focus-binding.directive';\n\n@NgModule({\n  declarations: [\n    CommandDirective,\n    FocusBindingDirective\n  ],\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatTabsModule\n  ],\n  exports: [\n    CommandDirective,\n    FocusBindingDirective\n  ]\n\n})\nexport class DirectivesModule {\n}\n"]}

package/esm5/lib/directives/directives.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"directives.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/directives.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './directives.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/forms';\nimport * as i4 from '@angular/cdk/text-field';\nimport * as i5 from '@angular/material/form-field';\nimport * as i6 from '@angular/material/input';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/cdk/bidi';\nimport * as i9 from '@angular/material/select';\nimport * as i10 from '@angular/material/tabs';\nimport * as i11 from './command.directive';\nimport * as i12 from './focus-binding.directive';\nimport * as i13 from '@angular/platform-browser/animations';\nexport const DirectivesModuleNgFactory:i0.NgModuleFactory<i1.DirectivesModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.ɵangular_packages_forms_forms_z = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_y = (<any>(null as any));\nvar _decl0_14:i3.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_15:i3.NumberValueAccessor = (<any>(null as any));\nvar _decl0_16:i3.RangeValueAccessor = (<any>(null as any));\nvar _decl0_17:i3.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_18:i3.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_19:i3.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_20:i3.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_21:i3.NgControlStatus = (<any>(null as any));\nvar _decl0_22:i3.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_23:i3.RequiredValidator = (<any>(null as any));\nvar _decl0_24:i3.MinLengthValidator = (<any>(null as any));\nvar _decl0_25:i3.MaxLengthValidator = (<any>(null as any));\nvar _decl0_26:i3.PatternValidator = (<any>(null as any));\nvar _decl0_27:i3.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_28:i3.EmailValidator = (<any>(null as any));\nvar _decl0_29:i3.NgModel = (<any>(null as any));\nvar _decl0_30:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_31:i3.NgForm = (<any>(null as any));\nvar _decl0_32:i3.NgFormSelectorWarning = (<any>(null as any));\nvar _decl0_33:i4.CdkAutofill = (<any>(null as any));\nvar _decl0_34:i4.CdkTextareaAutosize = (<any>(null as any));\nvar _decl0_35:i5.MatError = (<any>(null as any));\nvar _decl0_36:i5.MatFormField = (<any>(null as any));\nvar _decl0_37:i5.MatHint = (<any>(null as any));\nvar _decl0_38:i5.MatLabel = (<any>(null as any));\nvar _decl0_39:i5.MatPlaceholder = (<any>(null as any));\nvar _decl0_40:i5.MatPrefix = (<any>(null as any));\nvar _decl0_41:i5.MatSuffix = (<any>(null as any));\nvar _decl0_42:i6.MatInput = (<any>(null as any));\nvar _decl0_43:i6.MatTextareaAutosize = (<any>(null as any));\nvar _decl0_44:i7.MatOption = (<any>(null as any));\nvar _decl0_45:i7.MatOptgroup = (<any>(null as any));\nvar _decl0_46:i8.Dir = (<any>(null as any));\nvar _decl0_47:i9.MatSelect = (<any>(null as any));\nvar _decl0_48:i9.MatSelectTrigger = (<any>(null as any));\nvar _decl0_49:i10.MatTabGroup = (<any>(null as any));\nvar _decl0_50:i10.MatTabLabel = (<any>(null as any));\nvar _decl0_51:i10.MatTab = (<any>(null as any));\nvar _decl0_52:i10.MatTabNav = (<any>(null as any));\nvar _decl0_53:i10.MatTabLink = (<any>(null as any));\nvar _decl0_54:i10.MatTabContent = (<any>(null as any));\nvar _decl0_55:i11.CommandDirective<any> = (<any>(null as any));\nvar _decl0_56:i12.FocusBindingDirective = (<any>(null as any));\nvar _decl0_57:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_58:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_59:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_60:i2.JsonPipe = (<any>(null as any));\nvar _decl0_61:i2.SlicePipe = (<any>(null as any));\nvar _decl0_62:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_63:i2.PercentPipe = (<any>(null as any));\nvar _decl0_64:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_65:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_66:i2.DatePipe = (<any>(null as any));\nvar _decl0_67:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_68:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_69:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_70:i2.CommonModule = (<any>(null as any));\nvar _decl0_71:i13.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_72:i3.FormsModule = (<any>(null as any));\nvar _decl0_73:i6.MatInputModule = (<any>(null as any));\nvar _decl0_74:i5.MatFormFieldModule = (<any>(null as any));\nvar _decl0_75:i9.MatSelectModule = (<any>(null as any));\nvar _decl0_76:i10.MatTabsModule = (<any>(null as any));\nvar _decl0_77:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_78:i0.ElementRef<any> = (<any>(null as any));\n"]}
+{"version":3,"file":"directives.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/directives.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './directives.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/forms';\nimport * as i4 from '@angular/cdk/text-field';\nimport * as i5 from '@angular/material/form-field';\nimport * as i6 from '@angular/material/input';\nimport * as i7 from '@angular/cdk/scrolling';\nimport * as i8 from '@angular/material/core';\nimport * as i9 from '@angular/cdk/bidi';\nimport * as i10 from '@angular/material/select';\nimport * as i11 from '@angular/material/tabs';\nimport * as i12 from './command.directive';\nimport * as i13 from './focus-binding.directive';\nimport * as i14 from '@angular/platform-browser/animations';\nexport const DirectivesModuleNgFactory:i0.NgModuleFactory<i1.DirectivesModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.ɵangular_packages_forms_forms_y = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_x = (<any>(null as any));\nvar _decl0_14:i3.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_15:i3.NumberValueAccessor = (<any>(null as any));\nvar _decl0_16:i3.RangeValueAccessor = (<any>(null as any));\nvar _decl0_17:i3.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_18:i3.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_19:i3.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_20:i3.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_21:i3.NgControlStatus = (<any>(null as any));\nvar _decl0_22:i3.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_23:i3.RequiredValidator = (<any>(null as any));\nvar _decl0_24:i3.MinLengthValidator = (<any>(null as any));\nvar _decl0_25:i3.MaxLengthValidator = (<any>(null as any));\nvar _decl0_26:i3.PatternValidator = (<any>(null as any));\nvar _decl0_27:i3.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_28:i3.EmailValidator = (<any>(null as any));\nvar _decl0_29:i3.NgModel = (<any>(null as any));\nvar _decl0_30:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_31:i3.NgForm = (<any>(null as any));\nvar _decl0_32:i4.CdkAutofill = (<any>(null as any));\nvar _decl0_33:i4.CdkTextareaAutosize = (<any>(null as any));\nvar _decl0_34:i5.MatError = (<any>(null as any));\nvar _decl0_35:i5.MatFormField = (<any>(null as any));\nvar _decl0_36:i5.MatHint = (<any>(null as any));\nvar _decl0_37:i5.MatLabel = (<any>(null as any));\nvar _decl0_38:i5.MatPlaceholder = (<any>(null as any));\nvar _decl0_39:i5.MatPrefix = (<any>(null as any));\nvar _decl0_40:i5.MatSuffix = (<any>(null as any));\nvar _decl0_41:i6.MatInput = (<any>(null as any));\nvar _decl0_42:i6.MatTextareaAutosize = (<any>(null as any));\nvar _decl0_43:i7.CdkScrollable = (<any>(null as any));\nvar _decl0_44:i8.MatOption = (<any>(null as any));\nvar _decl0_45:i8.MatOptgroup = (<any>(null as any));\nvar _decl0_46:i9.Dir = (<any>(null as any));\nvar _decl0_47:i10.MatSelect = (<any>(null as any));\nvar _decl0_48:i10.MatSelectTrigger = (<any>(null as any));\nvar _decl0_49:i11.MatTabGroup = (<any>(null as any));\nvar _decl0_50:i11.MatTabLabel = (<any>(null as any));\nvar _decl0_51:i11.MatTab = (<any>(null as any));\nvar _decl0_52:i11.MatTabNav = (<any>(null as any));\nvar _decl0_53:i11.MatTabLink = (<any>(null as any));\nvar _decl0_54:i11.MatTabContent = (<any>(null as any));\nvar _decl0_55:i12.CommandDirective<any> = (<any>(null as any));\nvar _decl0_56:i13.FocusBindingDirective = (<any>(null as any));\nvar _decl0_57:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_58:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_59:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_60:i2.JsonPipe = (<any>(null as any));\nvar _decl0_61:i2.SlicePipe = (<any>(null as any));\nvar _decl0_62:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_63:i2.PercentPipe = (<any>(null as any));\nvar _decl0_64:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_65:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_66:i2.DatePipe = (<any>(null as any));\nvar _decl0_67:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_68:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_69:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_70:i2.CommonModule = (<any>(null as any));\nvar _decl0_71:i14.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_72:i3.FormsModule = (<any>(null as any));\nvar _decl0_73:i6.MatInputModule = (<any>(null as any));\nvar _decl0_74:i5.MatFormFieldModule = (<any>(null as any));\nvar _decl0_75:i10.MatSelectModule = (<any>(null as any));\nvar _decl0_76:i11.MatTabsModule = (<any>(null as any));\nvar _decl0_77:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_78:i0.ElementRef<any> = (<any>(null as any));\n"]}

package/esm5/lib/directives/focus-binding.directive.js

@@ -1,125 +1,57 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
+import { __decorate, __extends, __metadata, __param } from "tslib";
 import { DOCUMENT } from '@angular/common';
-import { Directive, ElementRef, HostListener, Inject, Input, NgZone } from '@angular/core';
+import { AfterViewInit, Directive, ElementRef, HostListener, Inject, Input, NgZone, OnInit } from '@angular/core';
 import { Dsl, HasFocusTracking, Logger } from '@coolon/pectin';
 import { DisposableComponent } from '../components/disposable-component';
 var FocusBindingDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(FocusBindingDirective, _super);
+    __extends(FocusBindingDirective, _super);
     function FocusBindingDirective(el, ngZone, document) {
         var _this = _super.call(this) || this;
         _this.el = el;
         _this.ngZone = ngZone;
         // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
-        _this.document = (/** @type {?} */ (document));
+        _this.document = document;
         return _this;
     }
-    /**
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.onFocusIn = /**
-     * @return {?}
-     */
-    function () {
+    FocusBindingDirective.prototype.onFocusIn = function () {
         if (this.hasBinding()) {
             this.pectinFocusBinding.focusContext.notifyFocusIn();
         }
     };
-    /**
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.onFocusOut = /**
-     * @return {?}
-     */
-    function () {
+    FocusBindingDirective.prototype.onFocusOut = function () {
         if (this.hasBinding()) {
             this.pectinFocusBinding.focusContext.notifyFocusOut();
         }
     };
-    /**
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
+    FocusBindingDirective.prototype.ngOnInit = function () {
     };
-    /**
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.ngAfterViewInit = /**
-     * @return {?}
-     */
-    function () {
+    FocusBindingDirective.prototype.ngAfterViewInit = function () {
         var _this = this;
         // TODO: Make this also track the current enabled/disabled state.
         if (this.hasBinding()) {
             var chain = Dsl.disposeWith(this).chain;
-            chain(this.pectinFocusBinding.focusContext.focused).subscribe((/**
-             * @param {?} focused
-             * @return {?}
-             */
-            function (focused) {
+            chain(this.pectinFocusBinding.focusContext.focused).subscribe(function (focused) {
                 if (focused && !_this.alreadyHasFocus()) {
                     _this.tryAndFocus();
                 }
-            }));
+            });
         }
         else {
             Logger.get(this).warn('pectinFocusBinding was nil');
         }
     };
-    /**
-     * @private
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.hasBinding = /**
-     * @private
-     * @return {?}
-     */
-    function () {
+    FocusBindingDirective.prototype.hasBinding = function () {
         return !!this.pectinFocusBinding && !!this.pectinFocusBinding.focusContext;
     };
     // Hook method for debugging via tracing.
-    // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.alreadyHasFocus = 
-    // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
-    function () {
+    FocusBindingDirective.prototype.alreadyHasFocus = function () {
         return this.isFocused(this.focusTarget);
     };
     // Hook method for debugging via tracing.
-    // Hook method for debugging via tracing.
-    /**
-     * @param {?} element
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.isFocused = 
-    // Hook method for debugging via tracing.
-    /**
-     * @param {?} element
-     * @return {?}
-     */
-    function (element) {
+    FocusBindingDirective.prototype.isFocused = function (element) {
         return this.document.activeElement === element;
     };
-    /**
-     * @param {?=} retries
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.tryAndFocus = /**
-     * @param {?=} retries
-     * @return {?}
-     */
-    function (retries) {
+    FocusBindingDirective.prototype.tryAndFocus = function (retries) {
         var _this = this;
         if (retries === void 0) { retries = 5; }
         if (this.modelShouldStillHaveFocus() && this.canFocus()) {
@@ -132,12 +64,9 @@ var FocusBindingDirective = /** @class */ (function (_super) {
                 if (retries > 0) {
                     // try again on the next paint
                     // TODO: is there an angular way of doing this without calling a window function.
-                    requestAnimationFrame((/**
-                     * @return {?}
-                     */
-                    function () {
+                    requestAnimationFrame(function () {
                         _this.tryAndFocus(retries - 1);
-                    }));
+                    });
                 }
                 else {
                     Logger.get(this).warn("Tried to focus but gave up as the component wasn't enabled or visible.");
@@ -146,86 +75,60 @@ var FocusBindingDirective = /** @class */ (function (_super) {
         }
     };
     Object.defineProperty(FocusBindingDirective.prototype, "focusTarget", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this.focusBindingTarget || this.el.nativeElement;
         },
         enumerable: true,
         configurable: true
     });
     // Hook method for debugging via tracing.
-    // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.modelShouldStillHaveFocus = 
-    // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
-    function () {
+    FocusBindingDirective.prototype.modelShouldStillHaveFocus = function () {
         return this.hasBinding() && this.pectinFocusBinding.focusContext.focused.value;
     };
     // Hook method for debugging via tracing.
-    // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
-    FocusBindingDirective.prototype.canFocus = 
-    // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
-    function () {
-        /** @type {?} */
+    FocusBindingDirective.prototype.canFocus = function () {
         var dimension = this.focusTarget.getBoundingClientRect();
-        /** @type {?} */
         var hasSize = dimension.height >= 0 && dimension.height >= 0;
         // tslint:disable-next-line:no-string-literal
         return hasSize && !this.focusTarget['disabled'];
     };
-    FocusBindingDirective.decorators = [
-        { type: Directive, args: [{
-                    // tslint:disable-next-line:directive-selector
-                    selector: '[pectinFocusBinding]'
-                },] }
-    ];
-    /** @nocollapse */
     FocusBindingDirective.ctorParameters = function () { return [
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
         { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
         { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
     ]; };
-    FocusBindingDirective.propDecorators = {
-        pectinFocusBinding: [{ type: Input }],
-        focusBindingTarget: [{ type: Input }],
-        onFocusIn: [{ type: HostListener, args: ['focusin',] }],
-        onFocusOut: [{ type: HostListener, args: ['focusout',] }]
-    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FocusBindingDirective.prototype, "pectinFocusBinding", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", HTMLElement)
+    ], FocusBindingDirective.prototype, "focusBindingTarget", void 0);
+    __decorate([
+        HostListener('focusin'),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], FocusBindingDirective.prototype, "onFocusIn", null);
+    __decorate([
+        HostListener('focusout'),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], FocusBindingDirective.prototype, "onFocusOut", null);
+    FocusBindingDirective = __decorate([
+        Directive({
+            // tslint:disable-next-line:directive-selector
+            selector: '[pectinFocusBinding]'
+        }),
+        __param(0, Inject(ElementRef)),
+        __param(1, Inject(NgZone)),
+        __param(2, Inject(DOCUMENT)),
+        __metadata("design:paramtypes", [ElementRef,
+            NgZone, Object])
+    ], FocusBindingDirective);
     return FocusBindingDirective;
 }(DisposableComponent));
 export { FocusBindingDirective };
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    FocusBindingDirective.prototype.document;
-    /** @type {?} */
-    FocusBindingDirective.prototype.pectinFocusBinding;
-    /** @type {?} */
-    FocusBindingDirective.prototype.focusBindingTarget;
-    /**
-     * @type {?}
-     * @private
-     */
-    FocusBindingDirective.prototype.el;
-    /**
-     * @type {?}
-     * @private
-     */
-    FocusBindingDirective.prototype.ngZone;
-}
 //# sourceMappingURL=focus-binding.directive.js.map

package/esm5/lib/directives/focus-binding.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-binding.directive.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/focus-binding.directive.ts"],"names":[],"mappings":";;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAiB,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAClH,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE;IAI2C,iDAAmB;IAqB5D,+BAAiD,EAAc,EAClB,MAAc,EAC7B,QAAa;QAF3C,YAGE,iBAAO,SAGR;QANgD,QAAE,GAAF,EAAE,CAAY;QAClB,YAAM,GAAN,MAAM,CAAQ;QAGzD,kHAAkH;QAClH,KAAI,CAAC,QAAQ,GAAG,mBAAA,QAAQ,EAAY,CAAC;;IACvC,CAAC;;;;IAnBD,yCAAS;;;IADT;QAEE,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACrB,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;SACtD;IACH,CAAC;;;;IAGD,0CAAU;;;IADV;QAEE,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACrB,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;SACvD;IACH,CAAC;;;;IAUD,wCAAQ;;;IAAR;IACA,CAAC;;;;IAED,+CAAe;;;IAAf;QAAA,iBAYC;QAXC,iEAAiE;QACjE,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACb,IAAA,mCAAK;YACb,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS;;;;YAAC,UAAC,OAAO;gBACpE,IAAI,OAAO,IAAI,CAAC,KAAI,CAAC,eAAe,EAAE,EAAE;oBACtC,KAAI,CAAC,WAAW,EAAE,CAAC;iBACpB;YACH,CAAC,EAAC,CAAC;SACJ;aAAM;YACL,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;SACrD;IACH,CAAC;;;;;IAEO,0CAAU;;;;IAAlB;QACE,OAAO,CAAC,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC;IAC7E,CAAC;IAEH,yCAAyC;;;;;IACvC,+CAAe;;;;;IAAf;QACE,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC;IAED,yCAAyC;;;;;;IACzC,yCAAS;;;;;;IAAT,UAAU,OAAgB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,aAAa,KAAK,OAAO,CAAC;IACjD,CAAC;;;;;IAED,2CAAW;;;;IAAX,UAAY,OAAmB;QAA/B,iBAmBC;QAnBW,wBAAA,EAAA,WAAmB;QAC7B,IAAI,IAAI,CAAC,yBAAyB,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACvD,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE;gBAC3B,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;aAC1B;YACD,iDAAiD;YACjD,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE;gBAC3B,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,0BAAwB,OAAO,gBAAa,CAAC,CAAC;gBACnE,IAAI,OAAO,GAAG,CAAC,EAAE;oBACf,8BAA8B;oBAC9B,iFAAiF;oBACjF,qBAAqB;;;oBAAC;wBACpB,KAAI,CAAC,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;oBAChC,CAAC,EAAC,CAAC;iBACJ;qBAAM;oBACL,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,wEAAwE,CAAC,CAAC;iBACjG;aACF;SACF;IACH,CAAC;IAED,sBAAI,8CAAW;;;;QAAf;YACE,OAAO,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QAC1D,CAAC;;;OAAA;IAED,yCAAyC;;;;;IACzC,yDAAyB;;;;;IAAzB;QACE,OAAO,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC;IACjF,CAAC;IAED,yCAAyC;;;;;IACzC,wCAAQ;;;;;IAAR;;YACQ,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,qBAAqB,EAAE;;YACpD,OAAO,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC;QAC9D,6CAA6C;QAC7C,OAAO,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAClD,CAAC;;gBApGF,SAAS,SAAC;;oBAET,QAAQ,EAAE,sBAAsB;iBACjC;;;;gBARkC,UAAU,uBA8B9B,MAAM,SAAC,UAAU;gBA9B4C,MAAM,uBA+BnE,MAAM,SAAC,MAAM;gDACb,MAAM,SAAC,QAAQ;;;qCAnB3B,KAAK;qCACL,KAAK;4BAEL,YAAY,SAAC,SAAS;6BAOtB,YAAY,SAAC,UAAU;;IAmF1B,4BAAC;CAAA,AArGD,CAI2C,mBAAmB,GAiG7D;SAjGY,qBAAqB;;;;;;IAEhC,yCAAoC;;IAEpC,mDAA8C;;IAC9C,mDAAyC;;;;;IAgB7B,mCAAmD;;;;;IACnD,uCAA+C","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { AfterViewInit, Directive, ElementRef, HostListener, Inject, Input, NgZone, OnInit } from '@angular/core';\nimport { Dsl, HasFocusTracking, Logger } from '@coolon/pectin';\nimport { DisposableComponent } from '../components/disposable-component';\n\n\n@Directive({\n  // tslint:disable-next-line:directive-selector\n  selector: '[pectinFocusBinding]'\n})\nexport class FocusBindingDirective extends DisposableComponent implements OnInit, AfterViewInit {\n\n  private readonly document: Document;\n\n  @Input() pectinFocusBinding: HasFocusTracking;\n  @Input() focusBindingTarget: HTMLElement;\n\n  @HostListener('focusin')\n  onFocusIn() {\n    if (this.hasBinding()) {\n      this.pectinFocusBinding.focusContext.notifyFocusIn();\n    }\n  }\n\n  @HostListener('focusout')\n  onFocusOut() {\n    if (this.hasBinding()) {\n      this.pectinFocusBinding.focusContext.notifyFocusOut();\n    }\n  }\n\n  constructor(@Inject(ElementRef) private readonly el: ElementRef,\n              @Inject(NgZone) private readonly ngZone: NgZone,\n              @Inject(DOCUMENT) document: any) {\n    super();\n    // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642\n    this.document = document as Document;\n  }\n\n  ngOnInit(): void {\n  }\n\n  ngAfterViewInit(): void {\n    // TODO: Make this also track the current enabled/disabled state.\n    if (this.hasBinding()) {\n      const { chain } = Dsl.disposeWith(this);\n      chain(this.pectinFocusBinding.focusContext.focused).subscribe((focused) => {\n        if (focused && !this.alreadyHasFocus()) {\n          this.tryAndFocus();\n        }\n      });\n    } else {\n      Logger.get(this).warn('pectinFocusBinding was nil');\n    }\n  }\n\n  private hasBinding() {\n    return !!this.pectinFocusBinding && !!this.pectinFocusBinding.focusContext;\n  }\n\n// Hook method for debugging via tracing.\n  alreadyHasFocus() {\n    return this.isFocused(this.focusTarget);\n  }\n\n  // Hook method for debugging via tracing.\n  isFocused(element: Element): boolean {\n    return this.document.activeElement === element;\n  }\n\n  tryAndFocus(retries: number = 5) {\n    if (this.modelShouldStillHaveFocus() && this.canFocus()) {\n      if (!this.alreadyHasFocus()) {\n        this.focusTarget.focus();\n      }\n      // if we didn't get the focus we try again later.\n      if (!this.alreadyHasFocus()) {\n        Logger.get(this).log(`focus failed, trying ${retries} more times`);\n        if (retries > 0) {\n          // try again on the next paint\n          // TODO: is there an angular way of doing this without calling a window function.\n          requestAnimationFrame(() => {\n            this.tryAndFocus(retries - 1);\n          });\n        } else {\n          Logger.get(this).warn(`Tried to focus but gave up as the component wasn't enabled or visible.`);\n        }\n      }\n    }\n  }\n\n  get focusTarget(): HTMLElement {\n    return this.focusBindingTarget || this.el.nativeElement;\n  }\n\n  // Hook method for debugging via tracing.\n  modelShouldStillHaveFocus() {\n    return this.hasBinding() && this.pectinFocusBinding.focusContext.focused.value;\n  }\n\n  // Hook method for debugging via tracing.\n  canFocus(): boolean {\n    const dimension = this.focusTarget.getBoundingClientRect();\n    const hasSize = dimension.height >= 0 && dimension.height >= 0;\n    // tslint:disable-next-line:no-string-literal\n    return hasSize && !this.focusTarget['disabled'];\n  }\n}\n"]}
+{"version":3,"file":"focus-binding.directive.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/focus-binding.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { AfterViewInit, Directive, ElementRef, HostListener, Inject, Input, NgZone, OnInit } from '@angular/core';\nimport { Dsl, HasFocusTracking, Logger } from '@coolon/pectin';\nimport { DisposableComponent } from '../components/disposable-component';\n\n\n@Directive({\n  // tslint:disable-next-line:directive-selector\n  selector: '[pectinFocusBinding]'\n})\nexport class FocusBindingDirective extends DisposableComponent implements OnInit, AfterViewInit {\n\n  private readonly document: Document;\n\n  @Input() pectinFocusBinding: HasFocusTracking;\n  @Input() focusBindingTarget: HTMLElement;\n\n  @HostListener('focusin')\n  onFocusIn() {\n    if (this.hasBinding()) {\n      this.pectinFocusBinding.focusContext.notifyFocusIn();\n    }\n  }\n\n  @HostListener('focusout')\n  onFocusOut() {\n    if (this.hasBinding()) {\n      this.pectinFocusBinding.focusContext.notifyFocusOut();\n    }\n  }\n\n  constructor(@Inject(ElementRef) private readonly el: ElementRef,\n              @Inject(NgZone) private readonly ngZone: NgZone,\n              @Inject(DOCUMENT) document: any) {\n    super();\n    // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642\n    this.document = document as Document;\n  }\n\n  ngOnInit(): void {\n  }\n\n  ngAfterViewInit(): void {\n    // TODO: Make this also track the current enabled/disabled state.\n    if (this.hasBinding()) {\n      const { chain } = Dsl.disposeWith(this);\n      chain(this.pectinFocusBinding.focusContext.focused).subscribe((focused) => {\n        if (focused && !this.alreadyHasFocus()) {\n          this.tryAndFocus();\n        }\n      });\n    } else {\n      Logger.get(this).warn('pectinFocusBinding was nil');\n    }\n  }\n\n  private hasBinding() {\n    return !!this.pectinFocusBinding && !!this.pectinFocusBinding.focusContext;\n  }\n\n// Hook method for debugging via tracing.\n  alreadyHasFocus() {\n    return this.isFocused(this.focusTarget);\n  }\n\n  // Hook method for debugging via tracing.\n  isFocused(element: Element): boolean {\n    return this.document.activeElement === element;\n  }\n\n  tryAndFocus(retries: number = 5) {\n    if (this.modelShouldStillHaveFocus() && this.canFocus()) {\n      if (!this.alreadyHasFocus()) {\n        this.focusTarget.focus();\n      }\n      // if we didn't get the focus we try again later.\n      if (!this.alreadyHasFocus()) {\n        Logger.get(this).log(`focus failed, trying ${retries} more times`);\n        if (retries > 0) {\n          // try again on the next paint\n          // TODO: is there an angular way of doing this without calling a window function.\n          requestAnimationFrame(() => {\n            this.tryAndFocus(retries - 1);\n          });\n        } else {\n          Logger.get(this).warn(`Tried to focus but gave up as the component wasn't enabled or visible.`);\n        }\n      }\n    }\n  }\n\n  get focusTarget(): HTMLElement {\n    return this.focusBindingTarget || this.el.nativeElement;\n  }\n\n  // Hook method for debugging via tracing.\n  modelShouldStillHaveFocus() {\n    return this.hasBinding() && this.pectinFocusBinding.focusContext.focused.value;\n  }\n\n  // Hook method for debugging via tracing.\n  canFocus(): boolean {\n    const dimension = this.focusTarget.getBoundingClientRect();\n    const hasSize = dimension.height >= 0 && dimension.height >= 0;\n    // tslint:disable-next-line:no-string-literal\n    return hasSize && !this.focusTarget['disabled'];\n  }\n}\n"]}