@coolon/angular-ui-powerups 0.0.133 → 0.0.134

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

@@ -847,7 +847,7 @@ var StringInputComponent = /** @class */ (function (_super) {
         function () {
             _this.valueModel.value = null;
         }));
-        _this.clearCommand.disableWhile(chain(_this.valueModel).isNil());
+        _this.clearCommand.disableWhile(chain.stringValue(_this.valueModel).isBlank());
         return _this;
     }
     /**
@@ -861,31 +861,31 @@ 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  <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}"]
+                    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 = {
-        allowClearModel: [{ type: Input }],
-        allowClear: [{ type: Input }]
+        enableClearModel: [{ type: Input }],
+        enableClear: [{ type: Input }]
     };
     __decorate([
         UseDelegate({ defaultValue: false }),
         __metadata("design:type", ValueModel)
-    ], StringInputComponent.prototype, "allowClearModel", void 0);
+    ], StringInputComponent.prototype, "enableClearModel", void 0);
     __decorate([
-        StoreInValueModel('allowClearModel'),
+        StoreInValueModel('enableClearModel'),
         __metadata("design:type", Boolean)
-    ], StringInputComponent.prototype, "allowClear", void 0);
+    ], StringInputComponent.prototype, "enableClear", void 0);
     return StringInputComponent;
 }(AbstractInputComponent));
 if (false) {
     /** @type {?} */
-    StringInputComponent.prototype.allowClearModel;
+    StringInputComponent.prototype.enableClearModel;
     /** @type {?} */
-    StringInputComponent.prototype.allowClear;
+    StringInputComponent.prototype.enableClear;
     /** @type {?} */
     StringInputComponent.prototype.clearCommand;
 }