@coolon/angular-ui-powerups 0.0.129 → 0.0.133

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@angular/router'), require('@coolon/typescript-utilities'), require('lodash'), require('@angular/material/icon'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('resize-observer-polyfill'), require('@angular/material/dialog'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/material/tabs', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@angular/router', '@coolon/typescript-utilities', 'lodash', '@angular/material/icon', '@angular/material/list', '@angular/material/tooltip', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'resize-observer-polyfill', '@angular/material/dialog', 'rxjs'], factory) :
-    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material, global.ng.material.tabs, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.ng.router, global.typescriptUtilities, global.___default, global.ng.material.icon, global.ng.material.list, global.ng.material.tooltip, global.src, global.fastMemoizeDecorator, null, global.ng.animations, global.ResizeObserver, global.ng.material.dialog, global.rxjs));
-}(this, function (exports, common, core, forms, material, tabs, animations, pectin, portal, router, typescriptUtilities, ___default, icon, list, tooltip, src, fastMemoizeDecorator, reflectMetadata, animations$1, ResizeObserver, dialog, rxjs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/material/button'), require('@angular/material/icon'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@angular/router'), require('@coolon/typescript-utilities'), require('lodash'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('resize-observer-polyfill'), require('@angular/material/dialog'), require('rxjs')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/material/button', '@angular/material/icon', '@coolon/pectin', '@angular/cdk/portal', '@angular/router', '@coolon/typescript-utilities', 'lodash', '@angular/material/list', '@angular/material/tooltip', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'resize-observer-polyfill', '@angular/material/dialog', 'rxjs'], factory) :
+    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.material.button, global.ng.material.icon, global.pectin, global.ng.cdk.portal, global.ng.router, global.typescriptUtilities, global.___default, global.ng.material.list, global.ng.material.tooltip, global.src, global.fastMemoizeDecorator, null, global.ng.animations, global.ResizeObserver, global.ng.material.dialog, global.rxjs));
+}(this, function (exports, common, core, forms, material, tabs, animations, button, icon, pectin, portal, router, typescriptUtilities, ___default, list, tooltip, src, fastMemoizeDecorator, reflectMetadata, animations$1, ResizeObserver, dialog, rxjs) { 'use strict';
 
     var ___default__default = 'default' in ___default ? ___default['default'] : ___default;
     ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
@@ -972,7 +972,7 @@
         SelectInputComponent.decorators = [
             { type: core.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 *ngFor=\"let option of optionsModel.value\" [value]=\"option\">{{optionLabelFormat(option)}}\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",
+                        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%}"]
                     }] }
         ];
@@ -982,6 +982,9 @@
             optionsModel: [{ type: core.Input }],
             options: [{ type: core.Input }],
             optionLabel: [{ type: core.Input }],
+            allowNil: [{ type: core.Input }],
+            optionTemplateRef: [{ type: core.ContentChild, args: ["optionTemplate", { static: false },] }],
+            nilOptionTemplateRef: [{ type: core.ContentChild, args: ["nilOptionTemplate", { static: false },] }],
             optionLabelFormat: [{ type: core.Input }]
         };
         __decorate([
@@ -1002,6 +1005,12 @@
         /** @type {?} */
         SelectInputComponent.prototype.optionLabel;
         /** @type {?} */
+        SelectInputComponent.prototype.allowNil;
+        /** @type {?} */
+        SelectInputComponent.prototype.optionTemplateRef;
+        /** @type {?} */
+        SelectInputComponent.prototype.nilOptionTemplateRef;
+        /** @type {?} */
         SelectInputComponent.prototype.optionLabelFormat;
     }
 
@@ -1012,7 +1021,16 @@
     var StringInputComponent = /** @class */ (function (_super) {
         __extends(StringInputComponent, _super);
         function StringInputComponent() {
-            return _super.call(this) || this;
+            var _this = _super.call(this) || this;
+            var _a = pectin.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 = pectin.Command.create((/**
+             * @return {?}
+             */
+            function () {
+                _this.valueModel.value = null;
+            }));
+            _this.clearCommand.disableWhile(chain(_this.valueModel).isNil());
+            return _this;
         }
         /**
          * @return {?}
@@ -1025,14 +1043,34 @@
         StringInputComponent.decorators = [
             { type: core.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</mat-form-field>\n\n",
+                        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=\"allowClear && clearCommand.enabled.value\" [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}"]
                     }] }
         ];
         /** @nocollapse */
         StringInputComponent.ctorParameters = function () { return []; };
+        StringInputComponent.propDecorators = {
+            allowClearModel: [{ type: core.Input }],
+            allowClear: [{ type: core.Input }]
+        };
+        __decorate([
+            pectin.UseDelegate({ defaultValue: false }),
+            __metadata("design:type", pectin.ValueModel)
+        ], StringInputComponent.prototype, "allowClearModel", void 0);
+        __decorate([
+            pectin.StoreInValueModel('allowClearModel'),
+            __metadata("design:type", Boolean)
+        ], StringInputComponent.prototype, "allowClear", void 0);
         return StringInputComponent;
     }(AbstractInputComponent));
+    if (false) {
+        /** @type {?} */
+        StringInputComponent.prototype.allowClearModel;
+        /** @type {?} */
+        StringInputComponent.prototype.allowClear;
+        /** @type {?} */
+        StringInputComponent.prototype.clearCommand;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -1077,7 +1115,9 @@
                             material.MatFormFieldModule,
                             material.MatSelectModule,
                             tabs.MatTabsModule,
-                            DirectivesModule
+                            DirectivesModule,
+                            icon.MatIconModule,
+                            button.MatButtonModule
                         ],
                         exports: [
                             NumberInputComponent,