@colijnit/corecomponents_v12 12.0.95 → 12.0.96

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -1293,13 +1293,24 @@
         }
         Object.defineProperty(IconComponent.prototype, "icon", {
             set: function (value) {
-                this._setIconFromEnum(value);
+                this._icon = value;
             },
             enumerable: false,
             configurable: true
         });
+        IconComponent.prototype.ngOnInit = function () {
+            this._prepareIcon();
+        };
+        IconComponent.prototype._prepareIcon = function () {
+            if (this.iconData) {
+                this.innerIconData = this.iconData;
+            }
+            else if (this._icon) {
+                this._setIconFromEnum(this._icon);
+            }
+        };
         IconComponent.prototype._setIconFromEnum = function (icon) {
-            this.iconData = this._iconCache.getIcon(icon);
+            this.innerIconData = this._iconCache.getIcon(icon);
         };
         return IconComponent;
     }());
@@ -1315,8 +1326,9 @@
     ]; };
     IconComponent.propDecorators = {
         icon: [{ type: i0.Input }],
-        iconData: [{ type: i0.Input }, { type: i0.HostBinding, args: ["innerHtml",] }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-icon",] }]
+        iconData: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-icon',] }],
+        innerIconData: [{ type: i0.HostBinding, args: ['innerHtml',] }]
     };
 
     var IconModule = /** @class */ (function () {
@@ -7596,12 +7608,31 @@
             _this.showClearButton = undefined;
             _this.showPlaceholderOnFocus = true;
             _this.noStyle = false;
-            _this.hasOwnLabel = true;
             _this.hideArrowButtons = false;
             _this.isSmall = false;
+            _this.leftIconClick = new i0.EventEmitter();
+            _this.rightIconClick = new i0.EventEmitter();
+            _this.hasOwnLabel = true;
             _super.prototype._markAsOnPush.call(_this);
             return _this;
         }
+        InputTextComponent.prototype.showClass = function () {
+            return true;
+        };
+        Object.defineProperty(InputTextComponent.prototype, "hasLeftIcon", {
+            get: function () {
+                return this.leftIcon !== undefined && this.leftIcon !== null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(InputTextComponent.prototype, "hasRightIcon", {
+            get: function () {
+                return this.rightIcon !== undefined && this.rightIcon !== null;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(InputTextComponent.prototype, "model", {
             get: function () {
                 return _super.prototype.model;
@@ -7622,34 +7653,27 @@
             enumerable: false,
             configurable: true
         });
-        InputTextComponent.prototype.showClass = function () {
-            return true;
-        };
-        Object.defineProperty(InputTextComponent.prototype, "hasLeftIcon", {
-            get: function () {
-                return this.leftIcon !== undefined && this.leftIcon !== null;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(InputTextComponent.prototype, "hasRightIcon", {
-            get: function () {
-                return this.rightIcon !== undefined && this.rightIcon !== null;
-            },
-            enumerable: false,
-            configurable: true
-        });
         // exclude some non-digit characters, since input type 'number' still allows the characters -, + and e
         InputTextComponent.prototype.excludeNonDigitChars = function (event) {
             var excludedKeys = this.excludePlusMinus ? ['e', '-', '+'] : ['e'];
             return !excludedKeys.includes(event.key);
         };
+        InputTextComponent.prototype.handleLeftIconClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.leftIconClick.emit(event);
+        };
+        InputTextComponent.prototype.handleRightIconClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.rightIconClick.emit(event);
+        };
         return InputTextComponent;
     }(BaseInputComponent));
     InputTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-input-text",
-                    template: "\n    <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n           [textContent]=\"placeholder\"></label>\n    <co-icon *ngIf=\"leftIcon\" class=\"input-text-left-icon\" [icon]=\"leftIcon\"></co-icon>\n    <co-icon *ngIf=\"rightIcon\" class=\"input-text-right-icon\" [icon]=\"rightIcon\"></co-icon>\n    <input #input\n           [type]=\"digitsOnly ? 'number' : type\"\n           [ngModel]=\"model\"\n           [min]=\"type === 'number' && this.min ? this.min : undefined\"\n           [max]=\"type === 'number' && this.max ? this.max : undefined\"\n           [readonly]=\"readonly\"\n           [required]=\"required\"\n           (ngModelChange)=\"modelChange.emit($event)\"\n           (keydown)=\"digitsOnly ? excludeNonDigitChars($event) : true\"\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    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
+                    template: "\n    <co-icon *ngIf=\"leftIcon\" class=\"input-text-left-icon\" [icon]=\"leftIcon\" [iconData]=\"leftIconData\" (click)=\"handleLeftIconClick($event)\"></co-icon>\n    <label *ngIf=\"showPlaceholderOnFocus || (!showPlaceholderOnFocus && !hasValue && !focused)\"\n           [textContent]=\"placeholder\"></label>\n    <input #input\n           [type]=\"digitsOnly ? 'number' : type\"\n           [ngModel]=\"model\"\n           [min]=\"type === 'number' && this.min ? this.min : undefined\"\n           [max]=\"type === 'number' && this.max ? this.max : undefined\"\n           [readonly]=\"readonly\"\n           [required]=\"required\"\n           (ngModelChange)=\"modelChange.emit($event)\"\n           (keydown)=\"digitsOnly ? excludeNonDigitChars($event) : true\"\n    >\n    <co-icon *ngIf=\"rightIcon\" class=\"input-text-right-icon\" [icon]=\"rightIcon\" [iconData]=\"rightIconData\" (click)=\"handleRightIconClick($event)\"></co-icon>\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    <div class=\"required-indicator\"></div>\n    <ng-template #validationError></ng-template>\n  ",
                     providers: [{
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return InputTextComponent; })
@@ -7680,13 +7704,17 @@
         showPlaceholderOnFocus: [{ type: i0.Input }],
         leftIcon: [{ type: i0.Input }],
         rightIcon: [{ type: i0.Input }],
+        leftIconData: [{ type: i0.Input }],
+        rightIconData: [{ type: i0.Input }],
         noStyle: [{ type: i0.HostBinding, args: ['class.no-style',] }, { type: i0.Input }],
+        hideArrowButtons: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.hide-arrows',] }],
+        isSmall: [{ type: i0.HostBinding, args: ['class.is-small',] }, { type: i0.Input }],
+        leftIconClick: [{ type: i0.Output }],
+        rightIconClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-input-text",] }],
         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",] }],
-        hideArrowButtons: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.hide-arrows',] }],
-        isSmall: [{ type: i0.HostBinding, args: ['class.is-small',] }, { type: i0.Input }]
+        hasOwnLabel: [{ type: i0.HostBinding, args: ["class.has-own-label",] }]
     };
 
     var ValidationErrorModule = /** @class */ (function () {
@@ -7846,6 +7874,8 @@
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.searchIcon = exports.CoreComponentsIcon.Magnifier;
             _this.search = new i0.EventEmitter();
+            _this.leftIconClick = new i0.EventEmitter();
+            _this.rightIconClick = new i0.EventEmitter();
             _this.useLeftIcon = false;
             _this.useRightIcon = false;
             _this.centerLabel = false;
@@ -7868,7 +7898,7 @@
     InputSearchComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-input-search',
-                    template: "\n    <co-input-text\n      [model]=\"model\"\n      [leftIcon]=\"useLeftIcon ? searchIcon : null\"\n      [rightIcon]=\"useRightIcon ? searchIcon : null\"\n      [placeholder]=\"placeholder\"\n      [customHeight]=\"true\"\n      [showPlaceholderOnFocus]=\"false\"\n      (modelChange)=\"modelChange.emit($event)\"\n    ></co-input-text>\n  ",
+                    template: "\n    <co-input-text\n      [model]=\"model\"\n      [leftIcon]=\"useLeftIcon ? searchIcon : null\"\n      [rightIcon]=\"useRightIcon ? searchIcon : null\"\n      [leftIconData]=\"useLeftIcon && leftIconData ? leftIconData : undefined\"\n      [rightIconData]=\"useRightIcon && rightIconData ? rightIconData : undefined\"\n      [placeholder]=\"placeholder\"\n      [customHeight]=\"true\"\n      [showPlaceholderOnFocus]=\"false\"\n      (modelChange)=\"modelChange.emit($event)\"\n      (leftIconClick)=\"leftIconClick.emit($event)\"\n      (rightIconClick)=\"rightIconClick.emit($event)\"\n    ></co-input-text>\n  ",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
@@ -7876,8 +7906,12 @@
     InputSearchComponent.propDecorators = {
         placeholder: [{ type: i0.Input }],
         search: [{ type: i0.Output }],
+        leftIconClick: [{ type: i0.Output }],
+        rightIconClick: [{ type: i0.Output }],
         useLeftIcon: [{ type: i0.Input }],
         useRightIcon: [{ type: i0.Input }],
+        leftIconData: [{ type: i0.Input }],
+        rightIconData: [{ type: i0.Input }],
         centerLabel: [{ type: i0.HostBinding, args: ['class.center-label',] }, { type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-input-search',] }]
     };