@colijnit/corecomponents_v12 12.0.79 → 12.0.81

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -4453,7 +4453,7 @@
             this.keepFocus = false;
             this.canSaveOrCancel = false;
             this.committing = false;
-            this.commitFinished = true;
+            this.commitFinished = false;
             this._markedAsUserTouched = false;
             this._destroyed = false;
             this._hasOnPushCdStrategy = false;
@@ -6696,24 +6696,30 @@
         InputDatePickerComponent.prototype.ngOnInit = function () {
             _super.prototype.ngOnInit.call(this);
         };
-        InputDatePickerComponent.prototype.ngAfterViewInit = function () {
-            if (this.ejsDatePicker) {
-                var calendarIcon = this.iconCacheService.getIconRawBase64(this.calendarIconName);
-                var imgElement = document.createElement("img");
-                imgElement.setAttribute("src", calendarIcon);
-                imgElement.setAttribute("height", this.iconHeight);
-                imgElement.setAttribute("class", "customImage");
-                //remove the font-icon class
-                this.ejsDatePicker.element.parentElement
-                    .querySelector(".e-icons")
-                    .classList.remove("e-date-icon");
-                this.ejsDatePicker.element.parentElement
-                    .querySelector(".e-icons")
-                    .append(imgElement);
-                this.changeDetector.detectChanges();
-            }
-            _super.prototype.ngAfterViewInit.call(this);
-        };
+        // ngAfterViewInit(): void {
+        // if (this.ejsDatePicker) {
+        //   const calendarIcon: string = this.iconCacheService.getIconRawBase64(this.calendarIconName);
+        //   const imgElement: HTMLElement = document.createElement("img");
+        //   imgElement.setAttribute(
+        //     "src",
+        //     calendarIcon
+        //   );
+        //   imgElement.setAttribute(
+        //     "height",
+        //     this.iconHeight
+        //   );
+        //   imgElement.setAttribute("class", "customImage");
+        //   //remove the font-icon class
+        //   this.ejsDatePicker.element.parentElement
+        //     .querySelector(".e-icons")
+        //     .classList.remove("e-date-icon");
+        //   this.ejsDatePicker.element.parentElement
+        //     .querySelector(".e-icons")
+        //     .append(imgElement);
+        //   this.changeDetector.detectChanges();
+        // }
+        // super.ngAfterViewInit();
+        // }
         InputDatePickerComponent.prototype.change = function () {
             this.model = this.ejsDatePicker.value;
         };
@@ -6820,7 +6826,7 @@
     CommitButtonsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-commit-buttons",
-                    template: "\n    <div class=\"commit-buttons-wrapper\" @showHideSaveCancel>\n      <div class=\"commit-buttons-button save\" [class.finished]=\"commitFinished\"\n           (click)=\"commitClick.emit($event)\">\n        <div class=\"save-button-spinner\" *ngIf=\"committing || commitFinished\">\n          <div #animatediv></div>\n          <div #animatediv></div>\n          <div #animatediv></div>\n          <div #animatediv></div>\n        </div>\n        <div class=\"spinner-checkmark\" *ngIf=\"!committing || commitFinished\"></div>\n      </div>\n      <div class=\"commit-buttons-button cancel\" (click)=\"cancelClick.emit($event)\">\n        <div class=\"cancel-button\"></div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"commit-buttons-wrapper\" @showHideSaveCancel>\n      <div class=\"commit-buttons-button save\" [class.finished]=\"commitFinished\"\n           (click)=\"commitClick.emit($event)\">\n        <div class=\"save-button-spinner\" *ngIf=\"committing\">\n          <div #animatediv></div>\n          <div #animatediv></div>\n          <div #animatediv></div>\n          <div #animatediv></div>\n        </div>\n        <div class=\"spinner-checkmark\" *ngIf=\"!committing || commitFinished\"></div>\n      </div>\n      <div class=\"commit-buttons-button cancel\" (click)=\"cancelClick.emit($event)\">\n        <div class=\"cancel-button\"></div>\n      </div>\n    </div>\n  ",
                     animations: [
                         animations.trigger('showHideSaveCancel', [
                             animations.state('*', animations.style({ transform: 'scaleY(1)', opacity: 1 })),
@@ -7704,6 +7710,7 @@
             _this.placeholder = "";
             _this.type = "text";
             _this.digitsOnly = false;
+            _this.excludePlusMinus = true;
             _this.showClearButton = undefined;
             _this.showPlaceholderOnFocus = true;
             _this.hasOwnLabel = true;
@@ -7751,8 +7758,8 @@
         });
         // exclude some non-digit characters, since input type 'number' still allows the characters -, + and e
         InputTextComponent.prototype.excludeNonDigitChars = function (event) {
-            var excludedKeyCodes = [69, 107, 109, 187, 189];
-            return !excludedKeyCodes.includes(event.keyCode);
+            var excludedKeys = this.excludePlusMinus ? ['e', '-', '+'] : ['e'];
+            return !excludedKeys.includes(event.key);
         };
         return InputTextComponent;
     }(BaseInputComponent));
@@ -7784,6 +7791,7 @@
         min: [{ type: i0.Input }],
         max: [{ type: i0.Input }],
         digitsOnly: [{ type: i0.Input }],
+        excludePlusMinus: [{ type: i0.Input }],
         showClearButton: [{ type: i0.Input }],
         keyDownWhiteList: [{ type: i0.Input }],
         showPlaceholderOnFocus: [{ type: i0.Input }],