@colijnit/corecomponents_v12 260.1.18 → 261.1.0

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -6339,12 +6339,14 @@
             enumerable: false,
             configurable: true
         });
-        InputTextComponent.prototype.handleDocumentMouseUp = function (event) {
+        InputTextComponent.prototype.handleDocumentPointerUp = function (event) {
             if (this._isLeftIconMouseDown) {
-                this.leftIconMouseUp.next(event);
+                this._isLeftIconMouseDown = false;
+                this.leftIconMouseUp.emit(event);
             }
             if (this._isRightIconMouseDown) {
-                this.rightIconMouseUp.next(event);
+                this._isRightIconMouseDown = false;
+                this.rightIconMouseUp.emit(event);
             }
         };
         Object.defineProperty(InputTextComponent.prototype, "model", {
@@ -6416,6 +6418,22 @@
             this._isRightIconMouseDown = false;
             this.rightIconMouseUp.emit(event);
         };
+        InputTextComponent.prototype.handleRightIconPointerDown = function (event) {
+            var _a;
+            event.preventDefault();
+            event.stopPropagation();
+            this._isRightIconMouseDown = true;
+            this.rightIconMouseDown.emit(event);
+            (_a = event.target) === null || _a === void 0 ? void 0 : _a.setPointerCapture(event.pointerId);
+        };
+        InputTextComponent.prototype.handleRightIconPointerUp = function (event) {
+            var _a;
+            event.preventDefault();
+            event.stopPropagation();
+            this._isRightIconMouseDown = false;
+            this.rightIconMouseUp.emit(event);
+            (_a = event.target) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(event.pointerId);
+        };
         InputTextComponent.prototype.handleInputFocus = function (event) {
             event.preventDefault();
             event.stopPropagation();
@@ -6532,7 +6550,7 @@
     InputTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-input-text',
-                    template: "\n    <div class=\"input-text-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n      <co-icon *ngIf=\"leftIcon || leftIconData\" class=\"input-text-left-icon\" [icon]=\"leftIcon\" [iconData]=\"leftIconData\"\n               (click)=\"handleLeftIconClick($event)\" (mousedown)=\"handleLeftIconMouseDown($event)\"\n               (mouseup)=\"handleLeftIconMouseUp($event)\"></co-icon>\n      <div *ngIf=\"leftIcon || leftIconData\" class=\"spacer left-icon\"></div>\n      <div class=\"input-wrapper\">\n        <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n               [textContent]=\"placeholder\"></label>\n        <span class=\"input-text-formatted\" *ngIf=\"!focused && !useContent && formatPipe\"\n              [class.show]=\"!focused && !useContent && formatPipe\"\n              [ngClass]=\"align\"\n              [textContent]=\"pipedModel\"\n              (click)=\"handleDoFocus($event)\"\n        ></span>\n        <input [class.show]=\"focused || !formatPipe\" #input\n               [class.input-input-hidden]=\"useContent\"\n               [ngClass]=\"align\"\n               [type]=\"isWeekInputMode ? 'text' : (isFocusedOnDate || (hasValue && emptyPlace)) ? 'date' : (digitsOnly ? 'number' : (type === 'date' ? 'text' : type))\"\n               [placeholder]=\"type === 'date' && !isFocusedOnDate ? '' : ''\"\n               [pattern]=\"type === 'date' ? pattern : undefined\"\n               [ngModel]=\"model\"\n               [min]=\"(type === 'number' || type === 'date') && this.min ? this.min : undefined\"\n               [max]=\"(type === 'number' || type === 'date') && this.max ? this.max : undefined\"\n               [readonly]=\"readonly\"\n               [required]=\"required\"\n               (ngModelChange)=\"modelChange.emit($event)\"\n               (keydown)=\"handleKeyDownInput($event)\"\n               (keyup)=\"keyUp.emit($event)\"\n               (focusin)=\"handleInputFocus($event)\"\n               (focusout)=\"handleBlur($event)\"\n        >\n        <ng-container *ngIf=\"useContent\">\n          <div class=\"input-content-wrapper\">\n            <ng-content></ng-content>\n          </div>\n        </ng-container>\n        <co-icon [class.show]=\"showClearButton && hasValue && !readonly\" class=\"input-text-clear-button\"\n                 [icon]=\"icons.CrossSkinny\" (click)=\"clearInput($event)\"></co-icon>\n        <div class=\"required-indicator\"></div>\n      </div>\n      <div *ngIf=\"rightIcon || rightIconData\" class=\"spacer right-icon\"></div>\n      <co-icon *ngIf=\"rightIcon || rightIconData\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"\n               [iconData]=\"rightIconData\"\n               (click)=\"handleRightIconClick($event)\" (mousedown)=\"handleRightIconMouseDown($event)\"\n               (mouseup)=\"handleRightIconMouseUp($event)\"></co-icon>\n    </div>\n    <!--\n            <co-commit-buttons *ngIf=\"showSaveCancel && focused && canSaveOrCancel\"\n                               [committing]=\"committing\"\n                               [commitFinished]=\"commitFinished\"\n                               (commitClick)=\"commitClick($event)\"\n                               (cancelClick)=\"cancelClick($event)\"\n            >\n            </co-commit-buttons>\n    -->\n  ",
+                    template: "\n    <div class=\"input-text-wrapper\" overlayParent #parentForOverlay=\"overlayParent\">\n      <co-icon *ngIf=\"leftIcon || leftIconData\" class=\"input-text-left-icon\" [icon]=\"leftIcon\" [iconData]=\"leftIconData\"\n               (click)=\"handleLeftIconClick($event)\" (mousedown)=\"handleLeftIconMouseDown($event)\"\n               (mouseup)=\"handleLeftIconMouseUp($event)\"></co-icon>\n      <div *ngIf=\"leftIcon || leftIconData\" class=\"spacer left-icon\"></div>\n      <div class=\"input-wrapper\">\n        <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n               [textContent]=\"placeholder\"></label>\n        <span class=\"input-text-formatted\" *ngIf=\"!focused && !useContent && formatPipe\"\n              [class.show]=\"!focused && !useContent && formatPipe\"\n              [ngClass]=\"align\"\n              [textContent]=\"pipedModel\"\n              (click)=\"handleDoFocus($event)\"\n        ></span>\n        <input [class.show]=\"focused || !formatPipe\" #input\n               [class.input-input-hidden]=\"useContent\"\n               [ngClass]=\"align\"\n               [type]=\"isWeekInputMode ? 'text' : (isFocusedOnDate || (hasValue && emptyPlace)) ? 'date' : (digitsOnly ? 'number' : (type === 'date' ? 'text' : type))\"\n               [placeholder]=\"type === 'date' && !isFocusedOnDate ? '' : ''\"\n               [pattern]=\"type === 'date' ? pattern : undefined\"\n               [ngModel]=\"model\"\n               [min]=\"(type === 'number' || type === 'date') && this.min ? this.min : undefined\"\n               [max]=\"(type === 'number' || type === 'date') && this.max ? this.max : undefined\"\n               [readonly]=\"readonly\"\n               [required]=\"required\"\n               (ngModelChange)=\"modelChange.emit($event)\"\n               (keydown)=\"handleKeyDownInput($event)\"\n               (keyup)=\"keyUp.emit($event)\"\n               (focusin)=\"handleInputFocus($event)\"\n               (focusout)=\"handleBlur($event)\"\n        >\n        <ng-container *ngIf=\"useContent\">\n          <div class=\"input-content-wrapper\">\n            <ng-content></ng-content>\n          </div>\n        </ng-container>\n        <co-icon [class.show]=\"showClearButton && hasValue && !readonly\" class=\"input-text-clear-button\"\n                 [icon]=\"icons.CrossSkinny\" (click)=\"clearInput($event)\"></co-icon>\n        <div class=\"required-indicator\"></div>\n      </div>\n      <div *ngIf=\"rightIcon || rightIconData\" class=\"spacer right-icon\"></div>\n      <co-icon *ngIf=\"rightIcon || rightIconData\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"\n               [iconData]=\"rightIconData\"\n               (click)=\"handleRightIconClick($event)\"\n               (pointerdown)=\"handleRightIconPointerDown($event)\"\n               (pointerup)=\"handleRightIconPointerUp($event)\"\n               (pointercancel)=\"handleRightIconPointerUp($event)\"></co-icon>\n    </div>\n    <!--\n            <co-commit-buttons *ngIf=\"showSaveCancel && focused && canSaveOrCancel\"\n                               [committing]=\"committing\"\n                               [commitFinished]=\"commitFinished\"\n                               (commitClick)=\"commitClick($event)\"\n                               (cancelClick)=\"cancelClick($event)\"\n            >\n            </co-commit-buttons>\n    -->\n  ",
                     providers: [
                         OverlayService, {
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -6591,7 +6609,7 @@
         hasLeftIcon: [{ type: i0.HostBinding, args: ['class.has-left-icon',] }],
         hasRightIcon: [{ type: i0.HostBinding, args: ['class.has-right-icon',] }],
         hasOwnLabel: [{ type: i0.HostBinding, args: ['class.has-own-label',] }],
-        handleDocumentMouseUp: [{ type: i0.HostListener, args: ['document:mouseup', ['$event'],] }],
+        handleDocumentPointerUp: [{ type: i0.HostListener, args: ['document:pointerup', ['$event'],] }, { type: i0.HostListener, args: ['document:pointercancel', ['$event'],] }],
         model: [{ type: i0.Input }]
     };
 
@@ -11906,11 +11924,11 @@
             this.viewModels.length = 0;
             this.viewModels = this.viewModelsMain.filter(function (vm) {
                 return Object.values(vm.model).some(function (value) {
-                    if (!_this.searchTerm || !value) {
+                    if (!_this.searchTerm) {
                         return true;
                     }
                     else {
-                        return value.toString().toLowerCase().includes(_this.searchTerm.toLowerCase());
+                        return value && value.toString().toLowerCase().includes(_this.searchTerm.toLowerCase());
                     }
                 });
             });