@coolon/angular-ui-powerups 0.0.130 → 0.0.134

package/fesm2015/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, 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 { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, Deferred, Trace, MutableListModel, MutableValueModel, Guard, DebugContext, Binding, StoreInValueModel, Command, ValueHolder } from '@coolon/pectin';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, DelegatingFormValueModel, UseDelegate, ValueModel, ListModel, StoreInListModel, Command, StoreInValueModel, Deferred, Trace, MutableListModel, MutableValueModel, Guard, DebugContext, Binding, ValueHolder } from '@coolon/pectin';
 import { __decorate, __metadata, __awaiter } from 'tslib';
 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';
@@ -691,6 +692,14 @@ if (false) {
 class StringInputComponent extends AbstractInputComponent {
     constructor() {
         super();
+        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        this.clearCommand = Command.create((/**
+         * @return {?}
+         */
+        () => {
+            this.valueModel.value = null;
+        }));
+        this.clearCommand.disableWhile(chain.stringValue(this.valueModel).isBlank());
     }
     /**
      * @return {?}
@@ -701,12 +710,32 @@ class StringInputComponent extends AbstractInputComponent {
 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",
-                styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
+                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 = () => [];
+StringInputComponent.propDecorators = {
+    enableClearModel: [{ type: Input }],
+    enableClear: [{ type: Input }]
+};
+__decorate([
+    UseDelegate({ defaultValue: false }),
+    __metadata("design:type", ValueModel)
+], StringInputComponent.prototype, "enableClearModel", void 0);
+__decorate([
+    StoreInValueModel('enableClearModel'),
+    __metadata("design:type", Boolean)
+], StringInputComponent.prototype, "enableClear", void 0);
+if (false) {
+    /** @type {?} */
+    StringInputComponent.prototype.enableClearModel;
+    /** @type {?} */
+    StringInputComponent.prototype.enableClear;
+    /** @type {?} */
+    StringInputComponent.prototype.clearCommand;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -749,7 +778,9 @@ ComponentsModule.decorators = [
                     MatFormFieldModule,
                     MatSelectModule,
                     MatTabsModule,
-                    DirectivesModule
+                    DirectivesModule,
+                    MatIconModule,
+                    MatButtonModule
                 ],
                 exports: [
                     NumberInputComponent,
@@ -2207,7 +2238,7 @@ InteractionModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    MatButtonModule,
+                    MatButtonModule$1,
                     MatDialogModule,
                     MatTabsModule$1,
                     PortalModule,