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

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

@@ -1,53 +1,27 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Directive, ElementRef, HostListener, Inject, Input } from '@angular/core';
+import { __decorate, __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
- */
-export class CommandDirective extends GarbageCollector {
-    /**
-     * @param {?} elementRef
-     */
+let CommandDirective = class CommandDirective extends GarbageCollector {
     constructor(elementRef) {
         super();
         this.elementRef = elementRef;
         this._commandEnabled = new DelegatingValueModel().withDefault(false);
         this._commandParameterProvided = false;
     }
-    /**
-     * @param {?} command
-     * @return {?}
-     */
     set pectinCommand(command) {
         this._command = command;
         this._commandEnabled.setDelegate(command ? command.enabled : null);
     }
-    /**
-     * @return {?}
-     */
     get pectinCommand() {
         return this._command;
     }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
     set commandParameter(value) {
         this._commandParameterProvided = true;
         this._commandParameter = value;
     }
-    /**
-     * @return {?}
-     */
     get commandParameter() {
         return this._commandParameter;
     }
-    /**
-     * @return {?}
-     */
     ngOnInit() {
         assert.notNil(this.pectinCommand);
         if (this.pectinCommand instanceof UnaryCommand) {
@@ -61,18 +35,11 @@ export class CommandDirective extends GarbageCollector {
             }
         }
     }
-    /**
-     * @return {?}
-     */
     ngAfterViewInit() {
         // for some reason mat-buttons kills the disabled host binding.  It works on a regular button but for now
         // we need to do this.
         const { chain } = Dsl.disposeWith(this);
-        chain(this._commandEnabled).subscribe((/**
-         * @param {?} enabled
-         * @return {?}
-         */
-        enabled => {
+        chain(this._commandEnabled).subscribe(enabled => {
             if (enabled) {
                 this.elementRef.nativeElement.removeAttribute('disabled');
                 if (this.elementRef.nativeElement.tagName === 'A') {
@@ -85,18 +52,11 @@ export class CommandDirective extends GarbageCollector {
                     this.elementRef.nativeElement.removeAttribute('href');
                 }
             }
-        }));
+        });
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this.dispose();
     }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
     notifyClick($event) {
         $event.preventDefault();
         $event.stopPropagation();
@@ -112,47 +72,33 @@ export class CommandDirective extends GarbageCollector {
             console.warn('disabled command clicked, ignoring.');
         }
     }
-}
-CommandDirective.decorators = [
-    { type: Directive, args: [{
-                // tslint:disable-next-line:directive-selector
-                selector: '[pectinCommand]'
-            },] }
-];
-/** @nocollapse */
+};
 CommandDirective.ctorParameters = () => [
     { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
 ];
-CommandDirective.propDecorators = {
-    pectinCommand: [{ type: Input }],
-    commandParameter: [{ type: Input }],
-    notifyClick: [{ type: HostListener, args: ['click', ['$event'],] }]
-};
-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;
-}
+__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);
+export { CommandDirective };
 //# sourceMappingURL=command.directive.js.map

package/esm2015/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":"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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"]}

package/esm2015/lib/directives/directives.module.js

@@ -1,36 +1,36 @@
-/**
- * @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';
 import { FocusBindingDirective } from './focus-binding.directive';
-export class DirectivesModule {
-}
-DirectivesModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    CommandDirective,
-                    FocusBindingDirective
-                ],
-                imports: [
-                    CommonModule,
-                    BrowserAnimationsModule,
-                    FormsModule,
-                    MatInputModule,
-                    MatFormFieldModule,
-                    MatSelectModule,
-                    MatTabsModule
-                ],
-                exports: [
-                    CommandDirective,
-                    FocusBindingDirective
-                ]
-            },] }
-];
+let DirectivesModule = class DirectivesModule {
+};
+DirectivesModule = __decorate([
+    NgModule({
+        declarations: [
+            CommandDirective,
+            FocusBindingDirective
+        ],
+        imports: [
+            CommonModule,
+            BrowserAnimationsModule,
+            FormsModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatSelectModule,
+            MatTabsModule
+        ],
+        exports: [
+            CommandDirective,
+            FocusBindingDirective
+        ]
+    })
+], DirectivesModule);
+export { DirectivesModule };
 //# sourceMappingURL=directives.module.js.map

package/esm2015/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;AAsBlE,MAAM,OAAO,gBAAgB;;;YApB5B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,gBAAgB;oBAChB,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,uBAAuB;oBACvB,WAAW;oBACX,cAAc;oBACd,kBAAkB;oBAClB,eAAe;oBACf,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,gBAAgB;oBAChB,qBAAqB;iBACtB;aAEF","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,gBAAgB,GAA7B,MAAa,gBAAgB;CAC5B,CAAA;AADY,gBAAgB;IApB5B,QAAQ,CAAC;QACR,YAAY,EAAE;YACZ,gBAAgB;YAChB,qBAAqB;SACtB;QACD,OAAO,EAAE;YACP,YAAY;YACZ,uBAAuB;YACvB,WAAW;YACX,cAAc;YACd,kBAAkB;YAClB,eAAe;YACf,aAAa;SACd;QACD,OAAO,EAAE;YACP,gBAAgB;YAChB,qBAAqB;SACtB;KAEF,CAAC;GACW,gBAAgB,CAC5B;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/esm2015/lib/directives/directives.module.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"DirectivesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./command.directive","name":"CommandDirective","line":11,"character":4},{"__symbolic":"reference","module":"./focus-binding.directive","name":"FocusBindingDirective","line":12,"character":4}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatSelectModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":21,"character":4}],"exports":[{"__symbolic":"reference","module":"./command.directive","name":"CommandDirective","line":24,"character":4},{"__symbolic":"reference","module":"./focus-binding.directive","name":"FocusBindingDirective","line":25,"character":4}]}]}]}}}]
+[{"__symbolic":"module","version":4,"metadata":{"DirectivesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./command.directive","name":"CommandDirective","line":13,"character":4},{"__symbolic":"reference","module":"./focus-binding.directive","name":"FocusBindingDirective","line":14,"character":4}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","module":"./command.directive","name":"CommandDirective","line":26,"character":4},{"__symbolic":"reference","module":"./focus-binding.directive","name":"FocusBindingDirective","line":27,"character":4}]}]}]}}}]

package/esm2015/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/esm2015/lib/directives/focus-binding.directive.js

@@ -1,92 +1,53 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
+import { __decorate, __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';
-export class FocusBindingDirective extends DisposableComponent {
-    /**
-     * @param {?} el
-     * @param {?} ngZone
-     * @param {?} document
-     */
+let FocusBindingDirective = class FocusBindingDirective extends DisposableComponent {
     constructor(el, ngZone, document) {
         super();
         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 {?}
-     */
     onFocusIn() {
         if (this.hasBinding()) {
             this.pectinFocusBinding.focusContext.notifyFocusIn();
         }
     }
-    /**
-     * @return {?}
-     */
     onFocusOut() {
         if (this.hasBinding()) {
             this.pectinFocusBinding.focusContext.notifyFocusOut();
         }
     }
-    /**
-     * @return {?}
-     */
     ngOnInit() {
     }
-    /**
-     * @return {?}
-     */
     ngAfterViewInit() {
         // TODO: Make this also track the current enabled/disabled state.
         if (this.hasBinding()) {
             const { chain } = Dsl.disposeWith(this);
-            chain(this.pectinFocusBinding.focusContext.focused).subscribe((/**
-             * @param {?} focused
-             * @return {?}
-             */
-            (focused) => {
+            chain(this.pectinFocusBinding.focusContext.focused).subscribe((focused) => {
                 if (focused && !this.alreadyHasFocus()) {
                     this.tryAndFocus();
                 }
-            }));
+            });
         }
         else {
             Logger.get(this).warn('pectinFocusBinding was nil');
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     hasBinding() {
         return !!this.pectinFocusBinding && !!this.pectinFocusBinding.focusContext;
     }
     // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
     alreadyHasFocus() {
         return this.isFocused(this.focusTarget);
     }
     // Hook method for debugging via tracing.
-    /**
-     * @param {?} element
-     * @return {?}
-     */
     isFocused(element) {
         return this.document.activeElement === element;
     }
-    /**
-     * @param {?=} retries
-     * @return {?}
-     */
     tryAndFocus(retries = 5) {
         if (this.modelShouldStillHaveFocus() && this.canFocus()) {
             if (!this.alreadyHasFocus()) {
@@ -98,12 +59,9 @@ export class FocusBindingDirective extends DisposableComponent {
                 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 {?}
-                     */
-                    () => {
+                    requestAnimationFrame(() => {
                         this.tryAndFocus(retries - 1);
-                    }));
+                    });
                 }
                 else {
                     Logger.get(this).warn(`Tried to focus but gave up as the component wasn't enabled or visible.`);
@@ -111,69 +69,56 @@ export class FocusBindingDirective extends DisposableComponent {
             }
         }
     }
-    /**
-     * @return {?}
-     */
     get focusTarget() {
         return this.focusBindingTarget || this.el.nativeElement;
     }
     // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
     modelShouldStillHaveFocus() {
         return this.hasBinding() && this.pectinFocusBinding.focusContext.focused.value;
     }
     // Hook method for debugging via tracing.
-    /**
-     * @return {?}
-     */
     canFocus() {
-        /** @type {?} */
         const dimension = this.focusTarget.getBoundingClientRect();
-        /** @type {?} */
         const 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 = () => [
     { 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',] }]
-};
-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;
-}
+__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);
+export { FocusBindingDirective };
 //# sourceMappingURL=focus-binding.directive.js.map

package/esm2015/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":"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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"]}
+{"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"]}

package/esm2015/lib/directives/index.js

@@ -1,11 +1,7 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /**
  * @file Automatically generated by barrelsby.
  */
-export { CommandDirective } from "./command.directive";
-export { DirectivesModule } from "./directives.module";
-export { FocusBindingDirective } from "./focus-binding.directive";
+export * from "./command.directive";
+export * from "./directives.module";
+export * from "./focus-binding.directive";
 //# sourceMappingURL=index.js.map

package/esm2015/lib/directives/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/index.ts"],"names":[],"mappings":";;;;;;;AAIA,iCAAc,qBAAqB,CAAC;AACpC,iCAAc,qBAAqB,CAAC;AACpC,sCAAc,2BAA2B,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./command.directive\";\nexport * from \"./directives.module\";\nexport * from \"./focus-binding.directive\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/directives/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./command.directive\";\nexport * from \"./directives.module\";\nexport * from \"./focus-binding.directive\";\n"]}