@colijnit/corecomponents_v12 256.1.14 → 256.1.16

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1882,6 +1882,7 @@ class BaseInputComponent {
         this.modelChange = new EventEmitter();
         this.userModelChange = new EventEmitter();
         this.hiddenChange = new EventEmitter();
+        this.cancelClicked = new EventEmitter();
         this.focused = false;
         this.formInput = true;
         this.customWidth = false;
@@ -2194,6 +2195,7 @@ class BaseInputComponent {
             this.model = this._initialModel;
         }
         this.keepFocus = false;
+        this.cancelClicked.emit();
     }
     showValidationError(error) {
         this.validationError = error;
@@ -2621,6 +2623,7 @@ BaseInputComponent.propDecorators = {
     modelChange: [{ type: Output }],
     userModelChange: [{ type: Output }],
     hiddenChange: [{ type: Output }],
+    cancelClicked: [{ type: Output }],
     focused: [{ type: HostBinding, args: ['class.cc-input-focused',] }],
     formInput: [{ type: HostBinding, args: ['class.form-input',] }],
     customWidth: [{ type: Input }, { type: HostBinding, args: ['class.custom-width',] }],
@@ -5688,9 +5691,10 @@ OverlayModule.decorators = [
 ];
 
 class InputTextComponent extends BaseInputComponent {
-    constructor(formComponent, changeDetector, overlayService, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
+    constructor(formComponent, injector, changeDetector, overlayService, componentFactoryResolver, formUserChangeListener, ngZoneWrapper, elementRef) {
         super(changeDetector, componentFactoryResolver, overlayService, formUserChangeListener, ngZoneWrapper, elementRef);
         this.formComponent = formComponent;
+        this.injector = injector;
         this.changeDetector = changeDetector;
         this.overlayService = overlayService;
         this.componentFactoryResolver = componentFactoryResolver;
@@ -5760,6 +5764,17 @@ class InputTextComponent extends BaseInputComponent {
     get model() {
         return super.model;
     }
+    get pipedModel() {
+        if (this.formatPipe) {
+            try {
+                const pipe = new this.formatPipe(this);
+                return pipe.transform(this.model);
+            }
+            catch (e) {
+            }
+        }
+        return this.model;
+    }
     // exclude some non-digit characters, since input type 'number' still allows the characters -, + and e
     excludeNonDigitChars(event) {
         const excludedKeys = this.excludePlusMinus ? ['e', '-', '+'] : ['e'];
@@ -5835,7 +5850,13 @@ InputTextComponent.decorators = [
       <div class="input-wrapper">
         <label *ngIf="showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)"
                [textContent]="placeholder"></label>
-        <input #input
+        <span class="input-text-formatted" *ngIf="!focused && !useContent && formatPipe"
+              [class.show]="!focused && !useContent && formatPipe"
+              [ngClass]="align"
+              [textContent]="pipedModel"
+              (click)="doFocus($event)"
+        ></span>
+        <input [class.show]="focused || !formatPipe" #input
                [class.input-input-hidden]="useContent"
                [ngClass]="align"
                [type]="(isFocusedOnDate || (hasValue && emptyPlace)) ? 'date' : (digitsOnly ? 'number' : (type === 'date' ? 'text' : type))"
@@ -5891,6 +5912,7 @@ InputTextComponent.decorators = [
 ];
 InputTextComponent.ctorParameters = () => [
     { type: FormComponent, decorators: [{ type: Optional }] },
+    { type: Injector },
     { type: ChangeDetectorRef },
     { type: OverlayService },
     { type: ComponentFactoryResolver },
@@ -5903,6 +5925,7 @@ InputTextComponent.propDecorators = {
     placeholder: [{ type: Input }],
     align: [{ type: Input }],
     type: [{ type: Input }],
+    formatPipe: [{ type: Input }],
     min: [{ type: Input }],
     max: [{ type: Input }],
     pattern: [{ type: Input }],