@coolon/angular-ui-powerups 0.0.133 → 0.0.134

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

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