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

package/esm5/lib/components/forms/abstract-input.component.js

@@ -1,18 +1,10 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
+import { __decorate, __extends, __metadata } from "tslib";
 /* tslint:disable:no-input-rename */
-import { EventEmitter, HostListener, Input, Output } from '@angular/core';
+import { EventEmitter, HostListener, Input, Output, Directive } from '@angular/core';
 import { Command, DelegatingFormValueModel, UseDelegate, ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
-/**
- * @abstract
- * @template T
- */
 var AbstractInputComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(AbstractInputComponent, _super);
+    __extends(AbstractInputComponent, _super);
     function AbstractInputComponent() {
         var _this = _super.call(this) || this;
         _this.valueModel = new DelegatingFormValueModel();
@@ -25,208 +17,154 @@ var AbstractInputComponent = /** @class */ (function (_super) {
         _this.enterKey = new EventEmitter();
         // tslint:disable-next-line:no-output-native
         _this.escapeKey = new EventEmitter();
-        /** @type {?} */
         var self = _this;
         _this.errorStateMatcher = {
-            isErrorState: /**
-             * @param {?} control
-             * @param {?} form
-             * @return {?}
-             */
-            function (control, form) {
+            isErrorState: function (control, form) {
                 return self.hasErrors();
             }
         };
         return _this;
     }
     Object.defineProperty(AbstractInputComponent.prototype, "userValueModel", {
-        set: /**
-         * @param {?} model
-         * @return {?}
-         */
-        function (model) {
+        set: function (model) {
             this.valueModel.setDelegate(model);
         },
         enumerable: true,
         configurable: true
     });
-    /**
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.notifyClick = /**
-     * @return {?}
-     */
-    function () {
+    AbstractInputComponent.prototype.notifyClick = function () {
         this.safelyInvoke(this.clickCommand);
     };
-    /**
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.notifyFocusIn = /**
-     * @return {?}
-     */
-    function () {
+    AbstractInputComponent.prototype.notifyFocusIn = function () {
         this.safelyInvoke(this.focusCommand);
         this.focus.emit();
     };
-    /**
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.notifyFocusOut = /**
-     * @return {?}
-     */
-    function () {
+    AbstractInputComponent.prototype.notifyFocusOut = function () {
         this.safelyInvoke(this.blurCommand);
         this.blur.emit();
     };
-    /**
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.notifyEnterKey = /**
-     * @return {?}
-     */
-    function () {
+    AbstractInputComponent.prototype.notifyEnterKey = function () {
         this.safelyInvoke(this.enterCommand);
         this.enterKey.emit();
     };
-    /**
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.notifyEscapeKey = /**
-     * @return {?}
-     */
-    function () {
+    AbstractInputComponent.prototype.notifyEscapeKey = function () {
         this.safelyInvoke(this.escapeCommand);
         this.escapeKey.emit();
     };
-    /**
-     * @protected
-     * @param {?} command
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.safelyInvoke = /**
-     * @protected
-     * @param {?} command
-     * @return {?}
-     */
-    function (command) {
+    AbstractInputComponent.prototype.safelyInvoke = function (command) {
         if (command && command.enabled.value) {
             command.execute();
         }
     };
-    /**
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
+    AbstractInputComponent.prototype.ngOnInit = function () {
     };
-    /**
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.isEnabled = /**
-     * @return {?}
-     */
-    function () {
+    AbstractInputComponent.prototype.isEnabled = function () {
         return this.enabled.value;
     };
     Object.defineProperty(AbstractInputComponent.prototype, "enabled", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this.valueModel.enabled;
         },
         enumerable: true,
         configurable: true
     });
-    /**
-     * @return {?}
-     */
-    AbstractInputComponent.prototype.hasErrors = /**
-     * @return {?}
-     */
-    function () {
+    AbstractInputComponent.prototype.hasErrors = function () {
         return !this.errorList.query().isEmpty();
     };
     Object.defineProperty(AbstractInputComponent.prototype, "errorList", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this.valueModel.errorList;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(AbstractInputComponent.prototype, "firstError", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this.hasErrors() ? this.errorList.value[0] : null;
         },
         enumerable: true,
         configurable: true
     });
-    AbstractInputComponent.propDecorators = {
-        userValueModel: [{ type: Input, args: ['valueModel',] }],
-        label: [{ type: Input }],
-        floatLabel: [{ type: Input }],
-        hint: [{ type: Input }],
-        placeholder: [{ type: Input }],
-        focusCommand: [{ type: Input, args: ['command.focus',] }],
-        blurCommand: [{ type: Input, args: ['command.blur',] }],
-        enterCommand: [{ type: Input, args: ['command.enter',] }],
-        escapeCommand: [{ type: Input, args: ['command.escape',] }],
-        clickCommand: [{ type: Input, args: ['command.click',] }],
-        focus: [{ type: Output }],
-        blur: [{ type: Output }],
-        enterKey: [{ type: Output }],
-        escapeKey: [{ type: Output }],
-        notifyClick: [{ type: HostListener, args: ['click',] }],
-        notifyFocusIn: [{ type: HostListener, args: ['focusin',] }],
-        notifyFocusOut: [{ type: HostListener, args: ['focusout',] }]
-    };
-    tslib_1.__decorate([
-        UseDelegate(),
-        tslib_1.__metadata("design:type", ValueModel),
-        tslib_1.__metadata("design:paramtypes", [ValueModel])
+    __decorate([
+        Input('valueModel'), UseDelegate(),
+        __metadata("design:type", ValueModel),
+        __metadata("design:paramtypes", [ValueModel])
     ], AbstractInputComponent.prototype, "userValueModel", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AbstractInputComponent.prototype, "label", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AbstractInputComponent.prototype, "floatLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AbstractInputComponent.prototype, "hint", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], AbstractInputComponent.prototype, "placeholder", void 0);
+    __decorate([
+        Input('command.focus'),
+        __metadata("design:type", Command)
+    ], AbstractInputComponent.prototype, "focusCommand", void 0);
+    __decorate([
+        Input('command.blur'),
+        __metadata("design:type", Command)
+    ], AbstractInputComponent.prototype, "blurCommand", void 0);
+    __decorate([
+        Input('command.enter'),
+        __metadata("design:type", Command)
+    ], AbstractInputComponent.prototype, "enterCommand", void 0);
+    __decorate([
+        Input('command.escape'),
+        __metadata("design:type", Command)
+    ], AbstractInputComponent.prototype, "escapeCommand", void 0);
+    __decorate([
+        Input('command.click'),
+        __metadata("design:type", Command)
+    ], AbstractInputComponent.prototype, "clickCommand", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], AbstractInputComponent.prototype, "focus", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], AbstractInputComponent.prototype, "blur", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], AbstractInputComponent.prototype, "enterKey", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", Object)
+    ], AbstractInputComponent.prototype, "escapeKey", void 0);
+    __decorate([
+        HostListener('click'),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], AbstractInputComponent.prototype, "notifyClick", null);
+    __decorate([
+        HostListener('focusin'),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], AbstractInputComponent.prototype, "notifyFocusIn", null);
+    __decorate([
+        HostListener('focusout'),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], AbstractInputComponent.prototype, "notifyFocusOut", null);
+    AbstractInputComponent = __decorate([
+        Directive(),
+        __metadata("design:paramtypes", [])
+    ], AbstractInputComponent);
     return AbstractInputComponent;
 }(DisposableComponent));
 export { AbstractInputComponent };
-if (false) {
-    /** @type {?} */
-    AbstractInputComponent.prototype.valueModel;
-    /** @type {?} */
-    AbstractInputComponent.prototype.label;
-    /** @type {?} */
-    AbstractInputComponent.prototype.floatLabel;
-    /** @type {?} */
-    AbstractInputComponent.prototype.hint;
-    /** @type {?} */
-    AbstractInputComponent.prototype.placeholder;
-    /** @type {?} */
-    AbstractInputComponent.prototype.focusCommand;
-    /** @type {?} */
-    AbstractInputComponent.prototype.blurCommand;
-    /** @type {?} */
-    AbstractInputComponent.prototype.enterCommand;
-    /** @type {?} */
-    AbstractInputComponent.prototype.escapeCommand;
-    /** @type {?} */
-    AbstractInputComponent.prototype.clickCommand;
-    /** @type {?} */
-    AbstractInputComponent.prototype.focus;
-    /** @type {?} */
-    AbstractInputComponent.prototype.blur;
-    /** @type {?} */
-    AbstractInputComponent.prototype.enterKey;
-    /** @type {?} */
-    AbstractInputComponent.prototype.escapeKey;
-    /** @type {?} */
-    AbstractInputComponent.prototype.errorStateMatcher;
-}
 //# sourceMappingURL=abstract-input.component.js.map

package/esm5/lib/components/forms/abstract-input.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-input.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* tslint:disable:no-input-rename */\nimport { EventEmitter, HostListener, Input, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { ErrorStateMatcher } from '@angular/material';\nimport { Command, DelegatingFormValueModel, ListModel, UseDelegate, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\nexport abstract class AbstractInputComponent<T> extends DisposableComponent implements OnInit {\n\n  readonly valueModel = new DelegatingFormValueModel<T>();\n\n  @Input('valueModel') @UseDelegate()\n  set userValueModel(model: ValueModel<T>) {\n    this.valueModel.setDelegate(model);\n  }\n\n  @Input() label: string;\n  @Input() floatLabel: 'auto' | 'always' | 'never';\n  @Input() hint: string;\n  @Input() placeholder: string;\n\n  @Input('command.focus') focusCommand: Command<any>;\n  @Input('command.blur') blurCommand: Command<any>;\n  @Input('command.enter') enterCommand: Command<any>;\n  @Input('command.escape') escapeCommand: Command<any>;\n  @Input('command.click') clickCommand: Command<any>;\n\n  // TODO: fix this.\n  // tslint:disable-next-line:no-output-native\n  @Output() focus = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() blur = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() enterKey = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() escapeKey = new EventEmitter();\n\n  readonly errorStateMatcher: ErrorStateMatcher;\n\n  @HostListener('click')\n  notifyClick() {\n    this.safelyInvoke(this.clickCommand);\n  }\n\n  @HostListener('focusin')\n  notifyFocusIn() {\n    this.safelyInvoke(this.focusCommand);\n    this.focus.emit();\n  }\n\n  @HostListener('focusout')\n  notifyFocusOut() {\n    this.safelyInvoke(this.blurCommand);\n    this.blur.emit();\n  }\n\n\n  notifyEnterKey() {\n    this.safelyInvoke(this.enterCommand);\n    this.enterKey.emit();\n  }\n\n  notifyEscapeKey() {\n    this.safelyInvoke(this.escapeCommand);\n    this.escapeKey.emit();\n  }\n\n  protected safelyInvoke(command: Command<any>) {\n    if (command && command.enabled.value) {\n      command.execute();\n    }\n  }\n\n  constructor() {\n    super();\n    const self = this;\n    this.errorStateMatcher = {\n      isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n        return self.hasErrors();\n      }\n    };\n  }\n\n  ngOnInit(): void {\n  }\n\n  isEnabled(): boolean {\n    return this.enabled.value;\n  }\n\n  get enabled(): ValueModel<boolean> {\n    return this.valueModel.enabled;\n  }\n\n  hasErrors(): boolean {\n    return !this.errorList.query().isEmpty();\n  }\n\n  get errorList(): ListModel<string> {\n    return this.valueModel.errorList;\n  }\n\n  get firstError() {\n    return this.hasErrors() ? this.errorList.value[0] : null;\n  }\n\n\n}\n"]}
+{"version":3,"file":"abstract-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-input.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* tslint:disable:no-input-rename */\nimport { EventEmitter, HostListener, Input, OnInit, Output, Directive } from '@angular/core';\nimport { FormControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { ErrorStateMatcher } from '@angular/material/core';\nimport { Command, DelegatingFormValueModel, ListModel, UseDelegate, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\n@Directive()\nexport abstract class AbstractInputComponent<T> extends DisposableComponent implements OnInit {\n\n  readonly valueModel = new DelegatingFormValueModel<T>();\n\n  @Input('valueModel') @UseDelegate()\n  set userValueModel(model: ValueModel<T>) {\n    this.valueModel.setDelegate(model);\n  }\n\n  @Input() label: string;\n  @Input() floatLabel: 'auto' | 'always' | 'never';\n  @Input() hint: string;\n  @Input() placeholder: string;\n\n  @Input('command.focus') focusCommand: Command<any>;\n  @Input('command.blur') blurCommand: Command<any>;\n  @Input('command.enter') enterCommand: Command<any>;\n  @Input('command.escape') escapeCommand: Command<any>;\n  @Input('command.click') clickCommand: Command<any>;\n\n  // TODO: fix this.\n  // tslint:disable-next-line:no-output-native\n  @Output() focus = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() blur = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() enterKey = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() escapeKey = new EventEmitter();\n\n  readonly errorStateMatcher: ErrorStateMatcher;\n\n  @HostListener('click')\n  notifyClick() {\n    this.safelyInvoke(this.clickCommand);\n  }\n\n  @HostListener('focusin')\n  notifyFocusIn() {\n    this.safelyInvoke(this.focusCommand);\n    this.focus.emit();\n  }\n\n  @HostListener('focusout')\n  notifyFocusOut() {\n    this.safelyInvoke(this.blurCommand);\n    this.blur.emit();\n  }\n\n\n  notifyEnterKey() {\n    this.safelyInvoke(this.enterCommand);\n    this.enterKey.emit();\n  }\n\n  notifyEscapeKey() {\n    this.safelyInvoke(this.escapeCommand);\n    this.escapeKey.emit();\n  }\n\n  protected safelyInvoke(command: Command<any>) {\n    if (command && command.enabled.value) {\n      command.execute();\n    }\n  }\n\n  constructor() {\n    super();\n    const self = this;\n    this.errorStateMatcher = {\n      isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n        return self.hasErrors();\n      }\n    };\n  }\n\n  ngOnInit(): void {\n  }\n\n  isEnabled(): boolean {\n    return this.enabled.value;\n  }\n\n  get enabled(): ValueModel<boolean> {\n    return this.valueModel.enabled;\n  }\n\n  hasErrors(): boolean {\n    return !this.errorList.query().isEmpty();\n  }\n\n  get errorList(): ListModel<string> {\n    return this.valueModel.errorList;\n  }\n\n  get firstError() {\n    return this.hasErrors() ? this.errorList.value[0] : null;\n  }\n\n\n}\n"]}

package/esm5/lib/components/forms/number-input/number-input.component.js

@@ -1,32 +1,21 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
+import { __decorate, __extends, __metadata } from "tslib";
 import { Component } from '@angular/core';
 import { AbstractInputComponent } from '../abstract-input.component';
 var NumberInputComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(NumberInputComponent, _super);
+    __extends(NumberInputComponent, _super);
     function NumberInputComponent() {
         return _super.call(this) || this;
     }
-    /**
-     * @return {?}
-     */
-    NumberInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
+    NumberInputComponent.prototype.ngOnInit = function () {
     };
-    NumberInputComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-number-input',
-                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-                    styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
-                }] }
-    ];
-    /** @nocollapse */
-    NumberInputComponent.ctorParameters = function () { return []; };
+    NumberInputComponent = __decorate([
+        Component({
+            selector: 'aup-number-input',
+            template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], NumberInputComponent);
     return NumberInputComponent;
 }(AbstractInputComponent));
 export { NumberInputComponent };

package/esm5/lib/components/forms/number-input/number-input.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/number-input/number-input.component.ts"],"names":[],"mappings":";;;;;AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGrE;IAK0C,gDAA8B;IAEtE;eACE,iBAAO;IACT,CAAC;;;;IAED,uCAAQ;;;IAAR;IACA,CAAC;;gBAZF,SAAS,SAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,unBAA4C;;iBAE7C;;;;IAUD,2BAAC;CAAA,AAdD,CAK0C,sBAAsB,GAS/D;SATY,oBAAoB","sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { AbstractInputComponent } from '../abstract-input.component';\n\n\n@Component({\n  selector: 'aup-number-input',\n  templateUrl: './number-input.component.html',\n  styleUrls: ['./number-input.component.scss']\n})\nexport class NumberInputComponent extends AbstractInputComponent<string> implements OnInit {\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"number-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/number-input/number-input.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAQrE;IAA0C,wCAA8B;IAEtE;eACE,iBAAO;IACT,CAAC;IAED,uCAAQ,GAAR;IACA,CAAC;IAPU,oBAAoB;QALhC,SAAS,CAAC;YACT,QAAQ,EAAE,kBAAkB;YAC5B,unBAA4C;;SAE7C,CAAC;;OACW,oBAAoB,CAShC;IAAD,2BAAC;CAAA,AATD,CAA0C,sBAAsB,GAS/D;SATY,oBAAoB","sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { AbstractInputComponent } from '../abstract-input.component';\n\n\n@Component({\n  selector: 'aup-number-input',\n  templateUrl: './number-input.component.html',\n  styleUrls: ['./number-input.component.scss']\n})\nexport class NumberInputComponent extends AbstractInputComponent<string> implements OnInit {\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm5/lib/components/forms/password-input/password-input.component.js

@@ -1,32 +1,21 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
+import { __decorate, __extends, __metadata } from "tslib";
 import { Component } from '@angular/core';
 import { AbstractInputComponent } from '../abstract-input.component';
 var PasswordInputComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(PasswordInputComponent, _super);
+    __extends(PasswordInputComponent, _super);
     function PasswordInputComponent() {
         return _super.call(this) || this;
     }
-    /**
-     * @return {?}
-     */
-    PasswordInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
+    PasswordInputComponent.prototype.ngOnInit = function () {
     };
-    PasswordInputComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-password-input',
-                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
-                    styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
-                }] }
-    ];
-    /** @nocollapse */
-    PasswordInputComponent.ctorParameters = function () { return []; };
+    PasswordInputComponent = __decorate([
+        Component({
+            selector: 'aup-password-input',
+            template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
+            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], PasswordInputComponent);
     return PasswordInputComponent;
 }(AbstractInputComponent));
 export { PasswordInputComponent };

package/esm5/lib/components/forms/password-input/password-input.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/password-input/password-input.component.ts"],"names":[],"mappings":";;;;;AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE;IAK4C,kDAA8B;IAExE;eACE,iBAAO;IACT,CAAC;;;;IAED,yCAAQ;;;IAAR;IACA,CAAC;;gBAZF,SAAS,SAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,2nBAA8C;;iBAE/C;;;;IAUD,6BAAC;CAAA,AAdD,CAK4C,sBAAsB,GASjE;SATY,sBAAsB","sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { AbstractInputComponent } from '../abstract-input.component';\n\n@Component({\n  selector: 'aup-password-input',\n  templateUrl: './password-input.component.html',\n  styleUrls: ['./password-input.component.scss']\n})\nexport class PasswordInputComponent extends AbstractInputComponent<string> implements OnInit {\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"password-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/password-input/password-input.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAOrE;IAA4C,0CAA8B;IAExE;eACE,iBAAO;IACT,CAAC;IAED,yCAAQ,GAAR;IACA,CAAC;IAPU,sBAAsB;QALlC,SAAS,CAAC;YACT,QAAQ,EAAE,oBAAoB;YAC9B,2nBAA8C;;SAE/C,CAAC;;OACW,sBAAsB,CASlC;IAAD,6BAAC;CAAA,AATD,CAA4C,sBAAsB,GASjE;SATY,sBAAsB","sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { AbstractInputComponent } from '../abstract-input.component';\n\n@Component({\n  selector: 'aup-password-input',\n  templateUrl: './password-input.component.html',\n  styleUrls: ['./password-input.component.scss']\n})\nexport class PasswordInputComponent extends AbstractInputComponent<string> implements OnInit {\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm5/lib/components/forms/select-input/select-input.component.js

@@ -1,76 +1,53 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
+import { __decorate, __extends, __metadata } from "tslib";
 import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
 import { ListModel, StoreInListModel, UseDelegate } from '@coolon/pectin';
 import { AbstractInputComponent } from '../abstract-input.component';
-/**
- * @template T
- */
 var SelectInputComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(SelectInputComponent, _super);
+    __extends(SelectInputComponent, _super);
     function SelectInputComponent() {
         var _this = _super.call(this) || this;
-        _this.optionLabelFormat = (/**
-         * @param {?} option
-         * @return {?}
-         */
-        function (option) { return (option && _this.optionLabel) ? option[_this.optionLabel] : option; });
+        _this.optionLabelFormat = function (option) { return (option && _this.optionLabel) ? option[_this.optionLabel] : option; };
         return _this;
     }
-    /**
-     * @return {?}
-     */
-    SelectInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
+    SelectInputComponent.prototype.ngOnInit = function () {
     };
-    SelectInputComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-select-input',
-                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"valueModel\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-                    styles: [":host{display:inline-block}mat-form-field{width:100%}"]
-                }] }
-    ];
-    /** @nocollapse */
-    SelectInputComponent.ctorParameters = function () { return []; };
-    SelectInputComponent.propDecorators = {
-        optionsModel: [{ type: Input }],
-        options: [{ type: Input }],
-        optionLabel: [{ type: Input }],
-        allowNil: [{ type: Input }],
-        optionTemplateRef: [{ type: ContentChild, args: ["optionTemplate", { static: false },] }],
-        nilOptionTemplateRef: [{ type: ContentChild, args: ["nilOptionTemplate", { static: false },] }],
-        optionLabelFormat: [{ type: Input }]
-    };
-    tslib_1.__decorate([
-        UseDelegate(),
-        tslib_1.__metadata("design:type", ListModel)
+    __decorate([
+        Input(), UseDelegate(),
+        __metadata("design:type", ListModel)
     ], SelectInputComponent.prototype, "optionsModel", void 0);
-    tslib_1.__decorate([
-        StoreInListModel('optionsModel'),
-        tslib_1.__metadata("design:type", Array)
+    __decorate([
+        Input(), StoreInListModel('optionsModel'),
+        __metadata("design:type", Array)
     ], SelectInputComponent.prototype, "options", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], SelectInputComponent.prototype, "optionLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], SelectInputComponent.prototype, "allowNil", void 0);
+    __decorate([
+        ContentChild("optionTemplate"),
+        __metadata("design:type", TemplateRef)
+    ], SelectInputComponent.prototype, "optionTemplateRef", void 0);
+    __decorate([
+        ContentChild("nilOptionTemplate"),
+        __metadata("design:type", TemplateRef)
+    ], SelectInputComponent.prototype, "nilOptionTemplateRef", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Function)
+    ], SelectInputComponent.prototype, "optionLabelFormat", void 0);
+    SelectInputComponent = __decorate([
+        Component({
+            selector: 'aup-select-input',
+            template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"valueModel\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+            styles: [":host{display:inline-block}mat-form-field{width:100%}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], SelectInputComponent);
     return SelectInputComponent;
 }(AbstractInputComponent));
 export { SelectInputComponent };
-if (false) {
-    /** @type {?} */
-    SelectInputComponent.prototype.optionsModel;
-    /** @type {?} */
-    SelectInputComponent.prototype.options;
-    /** @type {?} */
-    SelectInputComponent.prototype.optionLabel;
-    /** @type {?} */
-    SelectInputComponent.prototype.allowNil;
-    /** @type {?} */
-    SelectInputComponent.prototype.optionTemplateRef;
-    /** @type {?} */
-    SelectInputComponent.prototype.nilOptionTemplateRef;
-    /** @type {?} */
-    SelectInputComponent.prototype.optionLabelFormat;
-}
 //# sourceMappingURL=select-input.component.js.map

package/esm5/lib/components/forms/select-input/select-input.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/select-input/select-input.component.ts"],"names":[],"mappings":";;;;;AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;;;;AAErE;IAKmD,gDAAyB;IAuB1E;QAAA,YACE,iBAAO,SACR;QAJD,uBAAiB;;;;QAAuB,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,IAAI,KAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,EAAhE,CAAgE,EAAC;;IAIrH,CAAC;;;;IAED,uCAAQ;;;IAAR;IACA,CAAC;;gBAjCF,SAAS,SAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,2lCAA4C;;iBAE7C;;;;;+BAGE,KAAK;0BAGL,KAAK;8BAGL,KAAK;2BAGL,KAAK;oCAGL,YAAY,SAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;uCAGhD,YAAY,SAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;oCAGnD,KAAK;;IAjBN;QADU,WAAW,EAAE;0CACT,SAAS;8DAAI;IAG3B;QADU,gBAAgB,CAAC,cAAc,CAAC;;yDAC7B;IAwBf,2BAAC;CAAA,AAnCD,CAKmD,sBAAsB,GA8BxE;SA9BY,oBAAoB;;;IAE/B,4CAC2B;;IAE3B,uCACa;;IAEb,2CACqB;;IAErB,wCACkB;;IAElB,iDACoC;;IAEpC,oDACuC;;IAEvC,iDACqH","sourcesContent":["import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';\nimport { ListModel, StoreInListModel, UseDelegate } from '@coolon/pectin';\nimport { AbstractInputComponent } from '../abstract-input.component';\n\n@Component({\n  selector: 'aup-select-input',\n  templateUrl: './select-input.component.html',\n  styleUrls: ['./select-input.component.scss']\n})\nexport class SelectInputComponent<T = any> extends AbstractInputComponent<T> implements OnInit {\n\n  @Input() @UseDelegate()\n  optionsModel: ListModel<T>;\n\n  @Input() @StoreInListModel('optionsModel')\n  options: T[];\n\n  @Input()\n  optionLabel: keyof T;\n\n  @Input()\n  allowNil: boolean;\n\n  @ContentChild(\"optionTemplate\", { static: false })\n  optionTemplateRef: TemplateRef<any>;\n\n  @ContentChild(\"nilOptionTemplate\", { static: false })\n  nilOptionTemplateRef: TemplateRef<any>;\n\n  @Input()\n  optionLabelFormat: (option: T) => any = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"select-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/select-input/select-input.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAOrE;IAAmD,wCAAyB;IAuB1E;QAAA,YACE,iBAAO,SACR;QAJD,uBAAiB,GAAuB,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,IAAI,KAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,EAAhE,CAAgE,CAAC;;IAIrH,CAAC;IAED,uCAAQ,GAAR;IACA,CAAC;IAzBD;QADC,KAAK,EAAE,EAAE,WAAW,EAAE;kCACT,SAAS;8DAAI;IAG3B;QADC,KAAK,EAAE,EAAE,gBAAgB,CAAC,cAAc,CAAC;;yDAC7B;IAGb;QADC,KAAK,EAAE;;6DACa;IAGrB;QADC,KAAK,EAAE;;0DACU;IAGlB;QADC,YAAY,CAAC,gBAAgB,CAAC;kCACZ,WAAW;mEAAM;IAGpC;QADC,YAAY,CAAC,mBAAmB,CAAC;kCACZ,WAAW;sEAAM;IAGvC;QADC,KAAK,EAAE;;mEAC6G;IArB1G,oBAAoB;QALhC,SAAS,CAAC;YACT,QAAQ,EAAE,kBAAkB;YAC5B,2lCAA4C;;SAE7C,CAAC;;OACW,oBAAoB,CA8BhC;IAAD,2BAAC;CAAA,AA9BD,CAAmD,sBAAsB,GA8BxE;SA9BY,oBAAoB","sourcesContent":["import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';\nimport { ListModel, StoreInListModel, UseDelegate } from '@coolon/pectin';\nimport { AbstractInputComponent } from '../abstract-input.component';\n\n@Component({\n  selector: 'aup-select-input',\n  templateUrl: './select-input.component.html',\n  styleUrls: ['./select-input.component.scss']\n})\nexport class SelectInputComponent<T = any> extends AbstractInputComponent<T> implements OnInit {\n\n  @Input() @UseDelegate()\n  optionsModel: ListModel<T>;\n\n  @Input() @StoreInListModel('optionsModel')\n  options: T[];\n\n  @Input()\n  optionLabel: keyof T;\n\n  @Input()\n  allowNil: boolean;\n\n  @ContentChild(\"optionTemplate\")\n  optionTemplateRef: TemplateRef<any>;\n\n  @ContentChild(\"nilOptionTemplate\")\n  nilOptionTemplateRef: TemplateRef<any>;\n\n  @Input()\n  optionLabelFormat: (option: T) => any = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}