@coolon/angular-ui-powerups 0.0.129 → 0.0.133

package/fesm5/coolon-angular-ui-powerups.js

@@ -1,16 +1,17 @@
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
-import { Directive, ElementRef, Inject, Input, HostListener, NgZone, NgModule, EventEmitter, Output, Component, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Injectable, ɵɵdefineInjectable, ɵɵinject, Optional, SkipSelf, HostBinding } from '@angular/core';
+import { Directive, ElementRef, Inject, Input, HostListener, NgZone, NgModule, EventEmitter, Output, Component, ContentChild, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Injectable, ɵɵdefineInjectable, ɵɵinject, Optional, SkipSelf, HostBinding } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { MatInputModule, MatFormFieldModule, MatSelectModule, MatButtonModule, MatDialogModule, MatTabsModule as MatTabsModule$1, MatProgressSpinnerModule, MatDialog } from '@angular/material';
+import { MatInputModule, MatFormFieldModule, MatSelectModule, MatButtonModule as MatButtonModule$1, MatDialogModule, MatTabsModule as MatTabsModule$1, MatProgressSpinnerModule, MatDialog } from '@angular/material';
 import { MatTabsModule } from '@angular/material/tabs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 import { __extends, __decorate, __metadata, __awaiter, __generator, __spread, __assign } from 'tslib';
-import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, Deferred, Trace, MutableListModel, MutableValueModel, Guard, DebugContext, Binding, StoreInValueModel, Command, ValueHolder } from '@coolon/pectin';
+import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, Command, StoreInValueModel, Deferred, Trace, MutableListModel, MutableValueModel, Guard, DebugContext, Binding, ValueHolder } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
 import { assert as assert$1, lang as lang$1, Opts, Klass } from '@coolon/typescript-utilities';
 import ___default, { isEqual, isNil } from 'lodash';
-import { MatIconModule } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
@@ -789,7 +790,7 @@ var SelectInputComponent = /** @class */ (function (_super) {
     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 *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%}"]
                 }] }
     ];
@@ -799,6 +800,9 @@ var SelectInputComponent = /** @class */ (function (_super) {
         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 }]
     };
     __decorate([
@@ -819,6 +823,12 @@ if (false) {
     /** @type {?} */
     SelectInputComponent.prototype.optionLabel;
     /** @type {?} */
+    SelectInputComponent.prototype.allowNil;
+    /** @type {?} */
+    SelectInputComponent.prototype.optionTemplateRef;
+    /** @type {?} */
+    SelectInputComponent.prototype.nilOptionTemplateRef;
+    /** @type {?} */
     SelectInputComponent.prototype.optionLabelFormat;
 }
 
@@ -829,7 +839,16 @@ if (false) {
 var StringInputComponent = /** @class */ (function (_super) {
     __extends(StringInputComponent, _super);
     function StringInputComponent() {
-        return _super.call(this) || this;
+        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.valueModel.value = null;
+        }));
+        _this.clearCommand.disableWhile(chain(_this.valueModel).isNil());
+        return _this;
     }
     /**
      * @return {?}
@@ -842,14 +861,34 @@ var StringInputComponent = /** @class */ (function (_super) {
     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</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: Input }],
+        allowClear: [{ type: Input }]
+    };
+    __decorate([
+        UseDelegate({ defaultValue: false }),
+        __metadata("design:type", ValueModel)
+    ], StringInputComponent.prototype, "allowClearModel", void 0);
+    __decorate([
+        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
@@ -894,7 +933,9 @@ var ComponentsModule = /** @class */ (function () {
                         MatFormFieldModule,
                         MatSelectModule,
                         MatTabsModule,
-                        DirectivesModule
+                        DirectivesModule,
+                        MatIconModule,
+                        MatButtonModule
                     ],
                     exports: [
                         NumberInputComponent,
@@ -2823,7 +2864,7 @@ var InteractionModule = /** @class */ (function () {
         { type: NgModule, args: [{
                     imports: [
                         CommonModule,
-                        MatButtonModule,
+                        MatButtonModule$1,
                         MatDialogModule,
                         MatTabsModule$1,
                         PortalModule,