@coolon/angular-ui-powerups 0.0.129 → 0.0.133

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

@@ -3,12 +3,22 @@
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 import * as tslib_1 from "tslib";
-import { Component } from '@angular/core';
+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);
     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 {?}
@@ -21,13 +31,33 @@ 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 }]
+    };
+    tslib_1.__decorate([
+        UseDelegate({ defaultValue: false }),
+        tslib_1.__metadata("design:type", ValueModel)
+    ], StringInputComponent.prototype, "allowClearModel", void 0);
+    tslib_1.__decorate([
+        StoreInValueModel('allowClearModel'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], StringInputComponent.prototype, "allowClear", void 0);
     return StringInputComponent;
 }(AbstractInputComponent));
 export { StringInputComponent };
+if (false) {
+    /** @type {?} */
+    StringInputComponent.prototype.allowClearModel;
+    /** @type {?} */
+    StringInputComponent.prototype.allowClear;
+    /** @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,EAAU,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE;IAK0C,gDAA8B;IAEtE;eACE,iBAAO;IACT,CAAC;;;;IAED,uCAAQ;;;IAAR;IACA,CAAC;;gBAZF,SAAS,SAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,+lBAA4C;;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@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  constructor() {\n    super();\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;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,KAAI,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;;IACjE,CAAC;;;;IAED,uCAAQ;;;IAAR;IACA,CAAC;;gBAzBF,SAAS,SAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,ixBAA4C;;iBAE7C;;;;;kCAGE,KAAK;6BAGL,KAAK;;IAFN;QADU,WAAW,CAAC,EAAC,YAAY,EAAE,KAAK,EAAC,CAAC;0CAC3B,UAAU;iEAAU;IAGrC;QADU,iBAAiB,CAAC,iBAAiB,CAAC;;4DAC1B;IAgBtB,2BAAC;CAAA,AA3BD,CAK0C,sBAAsB,GAsB/D;SAtBY,oBAAoB;;;IAE/B,+CACqC;;IAErC,0CACoB;;IAEpB,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  allowClearModel: ValueModel<boolean>;\n\n  @Input() @StoreInValueModel('allowClearModel')\n  allowClear: 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(this.valueModel).isNil());\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

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, 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 { 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';
@@ -644,7 +645,7 @@ class SelectInputComponent extends AbstractInputComponent {
 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%}"]
             }] }
 ];
@@ -654,6 +655,9 @@ 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 }]
 };
 __decorate([
@@ -672,6 +676,12 @@ if (false) {
     /** @type {?} */
     SelectInputComponent.prototype.optionLabel;
     /** @type {?} */
+    SelectInputComponent.prototype.allowNil;
+    /** @type {?} */
+    SelectInputComponent.prototype.optionTemplateRef;
+    /** @type {?} */
+    SelectInputComponent.prototype.nilOptionTemplateRef;
+    /** @type {?} */
     SelectInputComponent.prototype.optionLabelFormat;
 }
 
@@ -682,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(this.valueModel).isNil());
     }
     /**
      * @return {?}
@@ -692,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",
+                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 = () => [];
+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);
+if (false) {
+    /** @type {?} */
+    StringInputComponent.prototype.allowClearModel;
+    /** @type {?} */
+    StringInputComponent.prototype.allowClear;
+    /** @type {?} */
+    StringInputComponent.prototype.clearCommand;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -740,7 +778,9 @@ ComponentsModule.decorators = [
                     MatFormFieldModule,
                     MatSelectModule,
                     MatTabsModule,
-                    DirectivesModule
+                    DirectivesModule,
+                    MatIconModule,
+                    MatButtonModule
                 ],
                 exports: [
                     NumberInputComponent,
@@ -2198,7 +2238,7 @@ InteractionModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    MatButtonModule,
+                    MatButtonModule$1,
                     MatDialogModule,
                     MatTabsModule$1,
                     PortalModule,