@colijnit/corecomponents_v12 256.1.10 → 257.1.0

package/fesm2015/colijnit-corecomponents_v12.js

@@ -1893,7 +1893,8 @@ class BaseInputComponent {
         this.excludeUserModelChange = false;
         this.noFormGroupControl = false;
         this.keepFocus = false;
-        this.validationError = "";
+        this.canceled = false;
+        this.validationError = '';
         this._markedAsUserTouched = false;
         this._destroyed = false;
         this._hasOnPushCdStrategy = false;
@@ -2186,6 +2187,8 @@ class BaseInputComponent {
         this.input = undefined;
     }
     cancelClick(event) {
+        this.canceled = true;
+        this.conditionResolver(this.canceled);
         this.keepFocus = true;
         if (this._initialModelSet) {
             this.model = this._initialModel;
@@ -2238,8 +2241,19 @@ class BaseInputComponent {
         }
         this.focus.next();
     }
+    waitForCancelCondition() {
+        return new Promise((resolve) => {
+            this.conditionResolver = resolve; // Save the resolver to be called later
+        });
+    }
     doBlur(event, handleCommit = true) {
         return __awaiter(this, void 0, void 0, function* () {
+            const cancelTimeout = new Promise(resolve => setTimeout(resolve, 300));
+            const result = yield Promise.race([this.waitForCancelCondition(), cancelTimeout]);
+            // If canceled
+            if (result) {
+                return;
+            }
             if (this.showSaveCancel && handleCommit && this._modelDirtyForCommit) {
                 yield this._handleCommit(event, false);
             }
@@ -2530,12 +2544,12 @@ class BaseInputComponent {
         });
     }
     _createNewFocusEvent(element) {
-        let eventType = "onfocusin" in element ? "focusin" : "focus", bubbles = "onfocusin" in element, focusEvent;
-        if ("createEvent" in document) {
-            focusEvent = document.createEvent("Event");
+        let eventType = 'onfocusin' in element ? 'focusin' : 'focus', bubbles = 'onfocusin' in element, focusEvent;
+        if ('createEvent' in document) {
+            focusEvent = document.createEvent('Event');
             focusEvent.initEvent(eventType, bubbles, true);
         }
-        else if ("Event" in window) {
+        else if ('Event' in window) {
             focusEvent = new Event(eventType, { bubbles: bubbles, cancelable: true });
         }
         return focusEvent;
@@ -2559,7 +2573,7 @@ class BaseInputComponent {
     }
 }
 BaseInputComponent.BaseFormInputComponentIndex = 0;
-BaseInputComponent.HiddenClass = "hidden";
+BaseInputComponent.HiddenClass = 'hidden';
 BaseInputComponent.decorators = [
     { type: Directive },
     { type: Injectable }
@@ -2573,7 +2587,7 @@ BaseInputComponent.ctorParameters = () => [
     { type: ElementRef, decorators: [{ type: Optional }] }
 ];
 BaseInputComponent.propDecorators = {
-    validationErrorContainer: [{ type: ViewChild, args: ["validationError", { read: ViewContainerRef },] }],
+    validationErrorContainer: [{ type: ViewChild, args: ['validationError', { read: ViewContainerRef },] }],
     _ngModel: [{ type: ViewChild, args: [NgModel, { static: true },] }],
     showSaveCancel: [{ type: Input }],
     model: [{ type: Input }],
@@ -2591,11 +2605,11 @@ BaseInputComponent.propDecorators = {
     forceRequired: [{ type: Input }],
     validators: [{ type: Input }],
     asyncValidators: [{ type: Input }],
-    hidden: [{ type: Input }, { type: HostBinding, args: ["class." + BaseInputComponent.HiddenClass,] }],
+    hidden: [{ type: Input }, { type: HostBinding, args: ['class.' + BaseInputComponent.HiddenClass,] }],
     decimals: [{ type: Input }],
     icon: [{ type: Input }],
     customCssClass: [{ type: Input }],
-    redErrorBackground: [{ type: Input }, { type: HostBinding, args: ["class.cc-red-error-background",] }],
+    redErrorBackground: [{ type: Input }, { type: HostBinding, args: ['class.cc-red-error-background',] }],
     myFormInputInstance: [{ type: Input }],
     commitOnBlur: [{ type: Input }],
     nativeBlur: [{ type: Output }],
@@ -2607,29 +2621,29 @@ BaseInputComponent.propDecorators = {
     modelChange: [{ type: Output }],
     userModelChange: [{ type: Output }],
     hiddenChange: [{ 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",] }],
+    focused: [{ type: HostBinding, args: ['class.cc-input-focused',] }],
+    formInput: [{ type: HostBinding, args: ['class.form-input',] }],
+    customWidth: [{ type: Input }, { type: HostBinding, args: ['class.custom-width',] }],
     customHeight: [{ type: Input }, { type: HostBinding, args: ['class.custom-height',] }],
     noTriangleGraphic: [{ type: Input }],
     keepFocussed: [{ type: Input }],
-    halfWidth: [{ type: Input }, { type: HostBinding, args: ["class.half-width",] }],
-    fullWidth: [{ type: Input }, { type: HostBinding, args: ["class.full-width-important",] }],
+    halfWidth: [{ type: Input }, { type: HostBinding, args: ['class.half-width',] }],
+    fullWidth: [{ type: Input }, { type: HostBinding, args: ['class.full-width-important',] }],
     excludeUserModelChange: [{ type: Input }],
     noFormGroupControl: [{ type: Input }],
-    formSubmitted: [{ type: HostBinding, args: ["class.form-submitted",] }],
-    hasNoLabel: [{ type: HostBinding, args: ["class.hasnolabel",] }],
-    hasValue: [{ type: HostBinding, args: ["class.hasvalue",] }],
-    invalid: [{ type: HostBinding, args: ["class.invalid",] }],
-    isDisabled: [{ type: HostBinding, args: ["class.disabled",] }],
-    isReadonly: [{ type: HostBinding, args: ["class.read-only",] }],
-    isRequired: [{ type: HostBinding, args: ["class.required",] }],
-    touchedInvalid: [{ type: HostBinding, args: ["class.cc-touched-invalid",] }],
-    valid: [{ type: HostBinding, args: ["class.valid",] }],
-    validationDisabled: [{ type: HostBinding, args: ["class.no-validation",] }],
-    onClick: [{ type: HostListener, args: ["click", ["$event"],] }],
-    onFocusIn: [{ type: HostListener, args: ["focusin",] }],
-    handleKeyDown: [{ type: HostListener, args: ["keydown", ["$event"],] }]
+    formSubmitted: [{ type: HostBinding, args: ['class.form-submitted',] }],
+    hasNoLabel: [{ type: HostBinding, args: ['class.hasnolabel',] }],
+    hasValue: [{ type: HostBinding, args: ['class.hasvalue',] }],
+    invalid: [{ type: HostBinding, args: ['class.invalid',] }],
+    isDisabled: [{ type: HostBinding, args: ['class.disabled',] }],
+    isReadonly: [{ type: HostBinding, args: ['class.read-only',] }],
+    isRequired: [{ type: HostBinding, args: ['class.required',] }],
+    touchedInvalid: [{ type: HostBinding, args: ['class.cc-touched-invalid',] }],
+    valid: [{ type: HostBinding, args: ['class.valid',] }],
+    validationDisabled: [{ type: HostBinding, args: ['class.no-validation',] }],
+    onClick: [{ type: HostListener, args: ['click', ['$event'],] }],
+    onFocusIn: [{ type: HostListener, args: ['focusin',] }],
+    handleKeyDown: [{ type: HostListener, args: ['keydown', ['$event'],] }]
 };
 __decorate([
     InputBoolean()