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

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"]}

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

@@ -1,63 +1,37 @@
-/**
- * @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, Input } from '@angular/core';
 import { Command, Dsl, StoreInValueModel, UseDelegate, ValueModel } from '@coolon/pectin';
 import { AbstractInputComponent } from '../abstract-input.component';
 var StringInputComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(StringInputComponent, _super);
+    __extends(StringInputComponent, _super);
     function StringInputComponent() {
         var _this = _super.call(this) || this;
         var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        _this.clearCommand = Command.create((/**
-         * @return {?}
-         */
-        function () {
+        _this.clearCommand = Command.create(function () {
             _this.valueModel.value = null;
-        }));
+        });
         _this.clearCommand.disableWhile(chain.stringValue(_this.valueModel).isBlank());
         return _this;
     }
-    /**
-     * @return {?}
-     */
-    StringInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
+    StringInputComponent.prototype.ngOnInit = function () {
     };
-    StringInputComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-string-input',
-                    template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input 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  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <mat-icon>close</mat-icon>\n  </button>\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}button[disabled]{visibility:hidden}"]
-                }] }
-    ];
-    /** @nocollapse */
-    StringInputComponent.ctorParameters = function () { return []; };
-    StringInputComponent.propDecorators = {
-        enableClearModel: [{ type: Input }],
-        enableClear: [{ type: Input }]
-    };
-    tslib_1.__decorate([
-        UseDelegate({ defaultValue: false }),
-        tslib_1.__metadata("design:type", ValueModel)
+    __decorate([
+        Input(), UseDelegate({ defaultValue: false }),
+        __metadata("design:type", ValueModel)
     ], StringInputComponent.prototype, "enableClearModel", void 0);
-    tslib_1.__decorate([
-        StoreInValueModel('enableClearModel'),
-        tslib_1.__metadata("design:type", Boolean)
+    __decorate([
+        Input(), StoreInValueModel('enableClearModel'),
+        __metadata("design:type", Boolean)
     ], StringInputComponent.prototype, "enableClear", void 0);
+    StringInputComponent = __decorate([
+        Component({
+            selector: 'aup-string-input',
+            template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input 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  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <mat-icon>close</mat-icon>\n  </button>\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}button[disabled]{visibility:hidden}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], StringInputComponent);
     return StringInputComponent;
 }(AbstractInputComponent));
 export { StringInputComponent };
-if (false) {
-    /** @type {?} */
-    StringInputComponent.prototype.enableClearModel;
-    /** @type {?} */
-    StringInputComponent.prototype.enableClear;
-    /** @type {?} */
-    StringInputComponent.prototype.clearCommand;
-}
 //# sourceMappingURL=string-input.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"string-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/string-input/string-input.component.ts"],"names":[],"mappings":";;;;;AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE;IAK0C,gDAA8B;IAUtE;QAAA,YACE,iBAAO,SAMR;QALO,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC;QACxF,KAAI,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM;;;QAAC;YACjC,KAAI,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC;QAC/B,CAAC,EAAC,CAAC;QACH,KAAI,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,KAAI,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;;IAC/E,CAAC;;;;IAED,uCAAQ;;;IAAR;IACA,CAAC;;gBAzBF,SAAS,SAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,ovBAA4C;;iBAE7C;;;;;mCAGE,KAAK;8BAGL,KAAK;;IAFN;QADU,WAAW,CAAC,EAAC,YAAY,EAAE,KAAK,EAAC,CAAC;0CAC1B,UAAU;kEAAU;IAGtC;QADU,iBAAiB,CAAC,kBAAkB,CAAC;;6DAC1B;IAgBvB,2BAAC;CAAA,AA3BD,CAK0C,sBAAsB,GAsB/D;SAtBY,oBAAoB;;;IAE/B,gDACsC;;IAEtC,2CACqB;;IAErB,4CAAqC","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { Command, Dsl, StoreInValueModel, UseDelegate, ValueModel } from '@coolon/pectin';\nimport { AbstractInputComponent } from '../abstract-input.component';\n\n@Component({\n  selector: 'aup-string-input',\n  templateUrl: './string-input.component.html',\n  styleUrls: ['./string-input.component.scss']\n})\nexport class StringInputComponent extends AbstractInputComponent<string> implements OnInit {\n\n  @Input() @UseDelegate({defaultValue: false})\n  enableClearModel: ValueModel<boolean>;\n\n  @Input() @StoreInValueModel('enableClearModel')\n  enableClear: boolean;\n\n  readonly clearCommand: Command<void>;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.clearCommand = Command.create(() => {\n      this.valueModel.value = null;\n    });\n    this.clearCommand.disableWhile(chain.stringValue(this.valueModel).isBlank());\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}
+{"version":3,"file":"string-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/string-input/string-input.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAOrE;IAA0C,wCAA8B;IAUtE;QAAA,YACE,iBAAO,SAMR;QALO,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,KAAI,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;YACjC,KAAI,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,KAAI,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;;IAC/E,CAAC;IAED,uCAAQ,GAAR;IACA,CAAC;IAjBD;QADC,KAAK,EAAE,EAAE,WAAW,CAAC,EAAC,YAAY,EAAE,KAAK,EAAC,CAAC;kCAC1B,UAAU;kEAAU;IAGtC;QADC,KAAK,EAAE,EAAE,iBAAiB,CAAC,kBAAkB,CAAC;;6DAC1B;IANV,oBAAoB;QALhC,SAAS,CAAC;YACT,QAAQ,EAAE,kBAAkB;YAC5B,ovBAA4C;;SAE7C,CAAC;;OACW,oBAAoB,CAsBhC;IAAD,2BAAC;CAAA,AAtBD,CAA0C,sBAAsB,GAsB/D;SAtBY,oBAAoB","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { Command, Dsl, StoreInValueModel, UseDelegate, ValueModel } from '@coolon/pectin';\nimport { AbstractInputComponent } from '../abstract-input.component';\n\n@Component({\n  selector: 'aup-string-input',\n  templateUrl: './string-input.component.html',\n  styleUrls: ['./string-input.component.scss']\n})\nexport class StringInputComponent extends AbstractInputComponent<string> implements OnInit {\n\n  @Input() @UseDelegate({defaultValue: false})\n  enableClearModel: ValueModel<boolean>;\n\n  @Input() @StoreInValueModel('enableClearModel')\n  enableClear: boolean;\n\n  readonly clearCommand: Command<void>;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.clearCommand = Command.create(() => {\n      this.valueModel.value = null;\n    });\n    this.clearCommand.disableWhile(chain.stringValue(this.valueModel).isBlank());\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm5/lib/components/index.js

@@ -1,20 +1,17 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /**
  * @file Automatically generated by barrelsby.
  */
-export { ComponentsModule } from "./components.module";
-export { DisposableComponent } from "./disposable-component";
-export { ResizeAwareComponent } from "./resize-aware.component";
-export { AbstractInputComponent } from "./forms/abstract-input.component";
-export { NumberInputComponent } from "./forms/number-input/number-input.component";
-export { PasswordInputComponent } from "./forms/password-input/password-input.component";
-export { SelectInputComponent } from "./forms/select-input/select-input.component";
-export { StringInputComponent } from "./forms/string-input/string-input.component";
-export { NoopComponent } from "./noop/noop.component";
-export { Bounds } from "./types/bounds.class";
-export { Dimension } from "./types/dimension.class";
-export { Point } from "./types/point.class";
+export * from "./components.module";
+export * from "./disposable-component";
+export * from "./resize-aware.component";
+export * from "./forms/abstract-input.component";
+export * from "./forms/number-input/number-input.component";
+export * from "./forms/password-input/password-input.component";
+export * from "./forms/select-input/select-input.component";
+export * from "./forms/string-input/string-input.component";
+export * from "./noop/noop.component";
+export * from "./scroll-container/scroll-container.component";
+export * from "./types/bounds.class";
+export * from "./types/dimension.class";
+export * from "./types/point.class";
 //# sourceMappingURL=index.js.map

package/esm5/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/index.ts"],"names":[],"mappings":";;;;;;;AAIA,iCAAc,qBAAqB,CAAC;AACpC,oCAAc,wBAAwB,CAAC;AACvC,qCAAc,0BAA0B,CAAC;AACzC,uCAAc,kCAAkC,CAAC;AACjD,qCAAc,6CAA6C,CAAC;AAC5D,uCAAc,iDAAiD,CAAC;AAChE,qCAAc,6CAA6C,CAAC;AAC5D,qCAAc,6CAA6C,CAAC;AAC5D,8BAAc,uBAAuB,CAAC;AACtC,uBAAc,sBAAsB,CAAC;AACrC,0BAAc,yBAAyB,CAAC;AACxC,sBAAc,qBAAqB,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./components.module\";\nexport * from \"./disposable-component\";\nexport * from \"./resize-aware.component\";\nexport * from \"./forms/abstract-input.component\";\nexport * from \"./forms/number-input/number-input.component\";\nexport * from \"./forms/password-input/password-input.component\";\nexport * from \"./forms/select-input/select-input.component\";\nexport * from \"./forms/string-input/string-input.component\";\nexport * from \"./noop/noop.component\";\nexport * from \"./types/bounds.class\";\nexport * from \"./types/dimension.class\";\nexport * from \"./types/point.class\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,cAAc,+CAA+C,CAAC;AAC9D,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./components.module\";\nexport * from \"./disposable-component\";\nexport * from \"./resize-aware.component\";\nexport * from \"./forms/abstract-input.component\";\nexport * from \"./forms/number-input/number-input.component\";\nexport * from \"./forms/password-input/password-input.component\";\nexport * from \"./forms/select-input/select-input.component\";\nexport * from \"./forms/string-input/string-input.component\";\nexport * from \"./noop/noop.component\";\nexport * from \"./scroll-container/scroll-container.component\";\nexport * from \"./types/bounds.class\";\nexport * from \"./types/dimension.class\";\nexport * from \"./types/point.class\";\n"]}

package/esm5/lib/components/noop/noop.component.js

@@ -1,20 +1,16 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
+import { __decorate, __metadata } from "tslib";
 import { Component } from '@angular/core';
 var NoopComponent = /** @class */ (function () {
     function NoopComponent() {
     }
-    NoopComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'aup-noop',
-                    template: "",
-                    styles: [":host{display:block}"]
-                }] }
-    ];
-    /** @nocollapse */
-    NoopComponent.ctorParameters = function () { return []; };
+    NoopComponent = __decorate([
+        Component({
+            selector: 'aup-noop',
+            template: "",
+            styles: [":host{display:block}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], NoopComponent);
     return NoopComponent;
 }());
 export { NoopComponent };

package/esm5/lib/components/noop/noop.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"noop.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/noop/noop.component.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C;IAME;IACA,CAAC;;gBAPF,SAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,YAAoC;;iBAErC;;;;IAID,oBAAC;CAAA,AARD,IAQC;SAHY,aAAa","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'aup-noop',\n  templateUrl: './noop.component.html',\n  styleUrls: ['./noop.component.scss']\n})\nexport class NoopComponent {\n  constructor() {\n  }\n}\n"]}
+{"version":3,"file":"noop.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/noop/noop.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C;IACE;IACA,CAAC;IAFU,aAAa;QALzB,SAAS,CAAC;YACT,QAAQ,EAAE,UAAU;YACpB,YAAoC;;SAErC,CAAC;;OACW,aAAa,CAGzB;IAAD,oBAAC;CAAA,AAHD,IAGC;SAHY,aAAa","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'aup-noop',\n  templateUrl: './noop.component.html',\n  styleUrls: ['./noop.component.scss']\n})\nexport class NoopComponent {\n  constructor() {\n  }\n}\n"]}

package/esm5/lib/components/resize-aware.component.js

@@ -1,14 +1,11 @@
-/**
- * @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 { AfterViewInit, Directive, ElementRef, NgZone } from '@angular/core';
 import { ValueHolder } from '@coolon/pectin';
 import ResizeObserver from 'resize-observer-polyfill';
 import { DisposableComponent } from './disposable-component';
 import { Bounds } from './types/bounds.class';
 var ResizeAwareComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ResizeAwareComponent, _super);
+    __extends(ResizeAwareComponent, _super);
     function ResizeAwareComponent(elementRef, ngZone) {
         var _this = _super.call(this) || this;
         _this.elementRef = elementRef;
@@ -16,109 +13,53 @@ var ResizeAwareComponent = /** @class */ (function (_super) {
         _this._boundsModel = new ValueHolder(new Bounds(0, 0, 0, 0));
         return _this;
     }
-    /**
-     * @return {?}
-     */
-    ResizeAwareComponent.prototype.ngAfterViewInit = /**
-     * @return {?}
-     */
-    function () {
+    ResizeAwareComponent.prototype.ngAfterViewInit = function () {
         var _this = this;
         this.updateBounds();
-        /** @type {?} */
         var element = this.elementRef.nativeElement;
-        /** @type {?} */
-        var ro = new ResizeObserver((/**
-         * @param {?} entries
-         * @param {?} observer
-         * @return {?}
-         */
-        function (entries, observer) {
-            _this.ngZone.run((/**
-             * @return {?}
-             */
-            function () { return _this.updateBounds(); }));
-        }));
+        var ro = new ResizeObserver(function (entries, observer) {
+            _this.ngZone.run(function () { return _this.updateBounds(); });
+        });
         ro.observe(element);
-        this.onDispose((/**
-         * @return {?}
-         */
-        function () { return ro.disconnect(); }));
+        this.onDispose(function () { return ro.disconnect(); });
     };
     Object.defineProperty(ResizeAwareComponent.prototype, "boundsModel", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this._boundsModel.readonly;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(ResizeAwareComponent.prototype, "nativeElement", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this.elementRef.nativeElement;
         },
         enumerable: true,
         configurable: true
     });
     // TODO: Make this handle body scroll
-    // TODO: Make this handle body scroll
-    /**
-     * @param {?} point
-     * @return {?}
-     */
-    ResizeAwareComponent.prototype.relativePositionOf = 
-    // TODO: Make this handle body scroll
-    /**
-     * @param {?} point
-     * @return {?}
-     */
-    function (point) {
+    ResizeAwareComponent.prototype.relativePositionOf = function (point) {
         return this.bounds.relativePositionOf(point);
     };
     Object.defineProperty(ResizeAwareComponent.prototype, "bounds", {
-        get: /**
-         * @return {?}
-         */
-        function () {
+        get: function () {
             return this._boundsModel.value;
         },
         enumerable: true,
         configurable: true
     });
-    /**
-     * @private
-     * @return {?}
-     */
-    ResizeAwareComponent.prototype.updateBounds = /**
-     * @private
-     * @return {?}
-     */
-    function () {
+    ResizeAwareComponent.prototype.updateBounds = function () {
         this._boundsModel.value = Bounds.ofElement(this.nativeElement);
     };
+    ResizeAwareComponent.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: NgZone }
+    ]; };
+    ResizeAwareComponent = __decorate([
+        Directive(),
+        __metadata("design:paramtypes", [ElementRef, NgZone])
+    ], ResizeAwareComponent);
     return ResizeAwareComponent;
 }(DisposableComponent));
 export { ResizeAwareComponent };
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    ResizeAwareComponent.prototype._boundsModel;
-    /**
-     * @type {?}
-     * @protected
-     */
-    ResizeAwareComponent.prototype.elementRef;
-    /**
-     * @type {?}
-     * @protected
-     */
-    ResizeAwareComponent.prototype.ngZone;
-}
 //# sourceMappingURL=resize-aware.component.js.map

package/esm5/lib/components/resize-aware.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-aware.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/resize-aware.component.ts"],"names":[],"mappings":";;;;;AACA,OAAO,EAAE,WAAW,EAAc,MAAM,gBAAgB,CAAC;AACzD,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C;IAA0C,gDAAmB;IAI3D,8BAA+B,UAAsB,EAAqB,MAAc;QAAxF,YACE,iBAAO,SACR;QAF8B,gBAAU,GAAV,UAAU,CAAY;QAAqB,YAAM,GAAN,MAAM,CAAQ;QAFhF,kBAAY,GAAG,IAAI,WAAW,CAAS,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;IAIvE,CAAC;;;;IAED,8CAAe;;;IAAf;QAAA,iBAQC;QAPC,IAAI,CAAC,YAAY,EAAE,CAAC;;YACd,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;;YACvC,EAAE,GAAG,IAAI,cAAc;;;;;QAAC,UAAC,OAAO,EAAE,QAAQ;YAC9C,KAAI,CAAC,MAAM,CAAC,GAAG;;;YAAC,cAAM,OAAA,KAAI,CAAC,YAAY,EAAE,EAAnB,CAAmB,EAAC,CAAC;QAC7C,CAAC,EAAC;QACF,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACpB,IAAI,CAAC,SAAS;;;QAAC,cAAM,OAAA,EAAE,CAAC,UAAU,EAAE,EAAf,CAAe,EAAC,CAAC;IACxC,CAAC;IAED,sBAAI,6CAAW;;;;QAAf;YACE,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QACpC,CAAC;;;OAAA;IAED,sBAAI,+CAAa;;;;QAAjB;YACE,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QACvC,CAAC;;;OAAA;IAED,qCAAqC;;;;;;IAC9B,iDAAkB;;;;;;IAAzB,UAA0B,KAA4C;QACpE,OAAO,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,sBAAI,wCAAM;;;;QAAV;YACE,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;;;;;IAEO,2CAAY;;;;IAApB;QACE,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACjE,CAAC;IAGH,2BAAC;AAAD,CAAC,AAxCD,CAA0C,mBAAmB,GAwC5D;;;;;;;IAtCC,4CAAuE;;;;;IAE3D,0CAAyC;;;;;IAAE,sCAAiC","sourcesContent":["import { AfterViewInit, ElementRef, NgZone } from '@angular/core';\nimport { ValueHolder, ValueModel } from '@coolon/pectin';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { DisposableComponent } from './disposable-component';\nimport { Bounds } from './types/bounds.class';\nimport { Point } from './types/point.class';\n\nexport class ResizeAwareComponent extends DisposableComponent implements AfterViewInit {\n\n  private _boundsModel = new ValueHolder<Bounds>(new Bounds(0, 0, 0, 0));\n\n  constructor(protected readonly elementRef: ElementRef, protected readonly ngZone: NgZone) {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this.updateBounds();\n    const element = this.elementRef.nativeElement;\n    const ro = new ResizeObserver((entries, observer) => {\n      this.ngZone.run(() => this.updateBounds());\n    });\n    ro.observe(element);\n    this.onDispose(() => ro.disconnect());\n  }\n\n  get boundsModel(): ValueModel<Bounds> {\n    return this._boundsModel.readonly;\n  }\n\n  get nativeElement() {\n    return this.elementRef.nativeElement;\n  }\n\n  // TODO: Make this handle body scroll\n  public relativePositionOf(point: { x: number, y: number } | MouseEvent): Point {\n    return this.bounds.relativePositionOf(point);\n  }\n\n  get bounds(): Bounds {\n    return this._boundsModel.value;\n  }\n\n  private updateBounds() {\n    this._boundsModel.value = Bounds.ofElement(this.nativeElement);\n  }\n\n\n}\n\nexport namespace ResizeAwareComponent {\n\n}\n"]}
+{"version":3,"file":"resize-aware.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/resize-aware.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAc,MAAM,gBAAgB,CAAC;AACzD,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C;IAA0C,wCAAmB;IAI3D,8BAA+B,UAAsB,EAAqB,MAAc;QAAxF,YACE,iBAAO,SACR;QAF8B,gBAAU,GAAV,UAAU,CAAY;QAAqB,YAAM,GAAN,MAAM,CAAQ;QAFhF,kBAAY,GAAG,IAAI,WAAW,CAAS,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;IAIvE,CAAC;IAED,8CAAe,GAAf;QAAA,iBAQC;QAPC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QAC9C,IAAM,EAAE,GAAG,IAAI,cAAc,CAAC,UAAC,OAAO,EAAE,QAAQ;YAC9C,KAAI,CAAC,MAAM,CAAC,GAAG,CAAC,cAAM,OAAA,KAAI,CAAC,YAAY,EAAE,EAAnB,CAAmB,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,cAAM,OAAA,EAAE,CAAC,UAAU,EAAE,EAAf,CAAe,CAAC,CAAC;IACxC,CAAC;IAED,sBAAI,6CAAW;aAAf;YACE,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;QACpC,CAAC;;;OAAA;IAED,sBAAI,+CAAa;aAAjB;YACE,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QACvC,CAAC;;;OAAA;IAED,qCAAqC;IAC9B,iDAAkB,GAAzB,UAA0B,KAA4C;QACpE,OAAO,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,sBAAI,wCAAM;aAAV;YACE,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAEO,2CAAY,GAApB;QACE,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACjE,CAAC;;gBAjC0C,UAAU;gBAA6B,MAAM;;IAJ7E,oBAAoB;QADhC,SAAS,EAAE;yCAKiC,UAAU,EAA6B,MAAM;OAJ7E,oBAAoB,CAwChC;IAAD,2BAAC;CAAA,AAxCD,CAA0C,mBAAmB,GAwC5D;SAxCY,oBAAoB","sourcesContent":["import { AfterViewInit, Directive, ElementRef, NgZone } from '@angular/core';\nimport { ValueHolder, ValueModel } from '@coolon/pectin';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { DisposableComponent } from './disposable-component';\nimport { Bounds } from './types/bounds.class';\nimport { Point } from './types/point.class';\n\n@Directive()\nexport class ResizeAwareComponent extends DisposableComponent implements AfterViewInit {\n\n  private _boundsModel = new ValueHolder<Bounds>(new Bounds(0, 0, 0, 0));\n\n  constructor(protected readonly elementRef: ElementRef, protected readonly ngZone: NgZone) {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this.updateBounds();\n    const element = this.elementRef.nativeElement;\n    const ro = new ResizeObserver((entries, observer) => {\n      this.ngZone.run(() => this.updateBounds());\n    });\n    ro.observe(element);\n    this.onDispose(() => ro.disconnect());\n  }\n\n  get boundsModel(): ValueModel<Bounds> {\n    return this._boundsModel.readonly;\n  }\n\n  get nativeElement() {\n    return this.elementRef.nativeElement;\n  }\n\n  // TODO: Make this handle body scroll\n  public relativePositionOf(point: { x: number, y: number } | MouseEvent): Point {\n    return this.bounds.relativePositionOf(point);\n  }\n\n  get bounds(): Bounds {\n    return this._boundsModel.value;\n  }\n\n  private updateBounds() {\n    this._boundsModel.value = Bounds.ofElement(this.nativeElement);\n  }\n\n\n}\n\nexport namespace ResizeAwareComponent {\n\n}\n"]}

package/esm5/lib/components/scroll-container/scroll-container.component.js

@@ -0,0 +1,19 @@
+import { __decorate, __metadata } from "tslib";
+import { Component } from '@angular/core';
+var ScrollContainerComponent = /** @class */ (function () {
+    function ScrollContainerComponent() {
+    }
+    ScrollContainerComponent.prototype.ngOnInit = function () {
+    };
+    ScrollContainerComponent = __decorate([
+        Component({
+            selector: 'aup-scroll-container',
+            template: "<div class=\"container\">\n    <ng-content></ng-content>\n</div>\n",
+            styles: [":host{display:flex;flex-direction:column;min-height:0;align-items:stretch}.container{display:flex;flex-direction:column;flex:1;flex-basis:0;overflow-y:scroll;align-items:stretch}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], ScrollContainerComponent);
+    return ScrollContainerComponent;
+}());
+export { ScrollContainerComponent };
+//# sourceMappingURL=scroll-container.component.js.map

package/esm5/lib/components/scroll-container/scroll-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/scroll-container/scroll-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAOlD;IAEE;IAAgB,CAAC;IAEjB,2CAAQ,GAAR;IACA,CAAC;IALU,wBAAwB;QALpC,SAAS,CAAC;YACT,QAAQ,EAAE,sBAAsB;YAChC,8EAAgD;;SAEjD,CAAC;;OACW,wBAAwB,CAOpC;IAAD,+BAAC;CAAA,AAPD,IAOC;SAPY,wBAAwB","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'aup-scroll-container',\n  templateUrl: './scroll-container.component.html',\n  styleUrls: ['./scroll-container.component.scss']\n})\nexport class ScrollContainerComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm5/lib/components/scroll-container/scroll-container.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-container.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/scroll-container/scroll-container.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/scroll-container/scroll-container.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-container.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/scroll-container/scroll-container.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/types/bounds.class.js

@@ -1,12 +1,8 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
+import { __extends } from "tslib";
 import { Dimension } from './dimension.class';
 import { Point } from './point.class';
 var Bounds = /** @class */ (function (_super) {
-    tslib_1.__extends(Bounds, _super);
+    __extends(Bounds, _super);
     function Bounds(top, left, width, height) {
         var _this = _super.call(this, width, height) || this;
         _this.top = top;
@@ -15,15 +11,7 @@ var Bounds = /** @class */ (function (_super) {
         _this.height = height;
         return _this;
     }
-    /**
-     * @param {?} point
-     * @return {?}
-     */
-    Bounds.prototype.relativePositionOf = /**
-     * @param {?} point
-     * @return {?}
-     */
-    function (point) {
+    Bounds.prototype.relativePositionOf = function (point) {
         if (point instanceof MouseEvent) {
             return new Point(point.clientX - this.left, point.clientY - this.top);
         }
@@ -34,23 +22,8 @@ var Bounds = /** @class */ (function (_super) {
     return Bounds;
 }(Dimension));
 export { Bounds };
-if (false) {
-    /** @type {?} */
-    Bounds.prototype.top;
-    /** @type {?} */
-    Bounds.prototype.left;
-    /** @type {?} */
-    Bounds.prototype.width;
-    /** @type {?} */
-    Bounds.prototype.height;
-}
 (function (Bounds) {
-    /**
-     * @param {?} element
-     * @return {?}
-     */
     function ofElement(element) {
-        /** @type {?} */
         var rect = element.getBoundingClientRect();
         return new Bounds(rect.top, rect.left, rect.width, rect.height);
     }