@colijnit/corecomponents_v12 12.0.86 → 12.0.88

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -1293,13 +1293,24 @@
         }
         Object.defineProperty(IconComponent.prototype, "icon", {
             set: function (value) {
-                this._setIconFromEnum(value);
+                if (value) {
+                    this._setIconFromEnum(value);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IconComponent.prototype, "iconData", {
+            set: function (value) {
+                if (value) {
+                    this.innerIconData = value;
+                }
             },
             enumerable: false,
             configurable: true
         });
         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 () {
@@ -7715,6 +7727,8 @@
             _this.showClearButton = undefined;
             _this.showPlaceholderOnFocus = true;
             _this.noStyle = false;
+            _this.leftIconClick = new i0.EventEmitter();
+            _this.rightIconClick = new i0.EventEmitter();
             _this.hasOwnLabel = true;
             _this.hideArrowButtons = false;
             _this.isSmall = false;
@@ -7746,14 +7760,14 @@
         };
         Object.defineProperty(InputTextComponent.prototype, "hasLeftIcon", {
             get: function () {
-                return this.leftIcon !== undefined && this.leftIcon !== null;
+                return (this.leftIcon !== undefined && this.leftIcon !== null) || (this.leftIconData !== undefined && this.leftIconData !== null);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(InputTextComponent.prototype, "hasRightIcon", {
             get: function () {
-                return this.rightIcon !== undefined && this.rightIcon !== null;
+                return (this.rightIcon !== undefined && this.rightIcon !== null) || (this.rightIconData !== undefined && this.rightIconData !== null);
             },
             enumerable: false,
             configurable: true
@@ -7768,7 +7782,7 @@
     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 || leftIconData\" class=\"input-text-left-icon\" [icon]=\"leftIcon\" [iconData]=\"leftIconData\" (click)=\"leftIconClick.emit($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 || rightIconData\" class=\"input-text-right-icon\" [icon]=\"rightIcon\" [iconData]=\"rightIconData\" (click)=\"rightIconClick.emit($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: COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return InputTextComponent; })
@@ -7798,13 +7812,17 @@
         keyDownWhiteList: [{ type: i0.Input }],
         showPlaceholderOnFocus: [{ type: i0.Input }],
         leftIcon: [{ type: i0.Input }],
+        leftIconData: [{ type: i0.Input }],
         rightIcon: [{ type: i0.Input }],
+        rightIconData: [{ type: i0.Input }],
         noStyle: [{ type: i0.HostBinding, args: ['class.no-style',] }, { 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.hideArrows',] }],
+        hideArrowButtons: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.hide-arrows',] }],
         isSmall: [{ type: i0.HostBinding, args: ['class.is-small',] }, { type: i0.Input }]
     };
 
@@ -7968,7 +7986,8 @@
             _this.useLeftIcon = false;
             _this.useRightIcon = false;
             _this.centerLabel = false;
-            _this.isSmall = false;
+            _this.leftIconClick = new i0.EventEmitter();
+            _this.rightIconClick = new i0.EventEmitter();
             return _this;
         }
         InputSearchComponent.prototype.showClass = function () {
@@ -7988,7 +8007,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]=\"customHeight\"\n      [showPlaceholderOnFocus]=\"false\"\n      (modelChange)=\"modelChange.emit($event)\"\n    ></co-input-text>\n  ",
+                    template: "\n    <co-input-text\n      [model]=\"model\"\n      [leftIcon]=\"useLeftIcon && !leftIconData ? searchIcon : null\"\n      [rightIcon]=\"useRightIcon && !rightIconData ? searchIcon : null\"\n      [leftIconData]=\"useLeftIcon && leftIconData ? leftIconData : null\"\n      [rightIconData]=\"useRightIcon && rightIconData ? rightIconData : null\"\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
                 },] }
@@ -7998,8 +8017,11 @@
         search: [{ 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 }],
-        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-search',] }]
     };
     __decorate([