@colijnit/corecomponents_v12 12.0.94 → 12.0.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/bundles/colijnit-corecomponents_v12.umd.js +66 -161
  2. package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
  3. package/colijnit-corecomponents_v12.metadata.json +1 -1
  4. package/esm2015/lib/components/base/base-input.component.js +2 -1
  5. package/esm2015/lib/components/icon/icon.component.js +17 -5
  6. package/esm2015/lib/components/input-search/input-search.component.js +11 -1
  7. package/esm2015/lib/components/input-text/input-text.component.js +33 -17
  8. package/esm2015/public-api.js +1 -5
  9. package/fesm2015/colijnit-corecomponents_v12.js +64 -166
  10. package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
  11. package/lib/components/co-kanban/style/material.scss +0 -8
  12. package/lib/components/grid/style/_material-definition.scss +0 -9
  13. package/lib/components/icon/icon.component.d.ts +6 -1
  14. package/lib/components/input-checkbox/style/material.scss +0 -2
  15. package/lib/components/input-checkbox-multi-select/style/_material-definition.scss +1 -7
  16. package/lib/components/input-combo-box/style/material.scss +1 -7
  17. package/lib/components/input-date-picker/style/_material-definition.scss +1 -10
  18. package/lib/components/input-date-range-picker/style/_material-definition.scss +1 -9
  19. package/lib/components/input-radio-button/style/_material-definition.scss +0 -3
  20. package/lib/components/input-search/input-search.component.d.ts +5 -0
  21. package/lib/components/input-search/style/_layout.scss +2 -1
  22. package/lib/components/input-search/style/_material-definition.scss +1 -0
  23. package/lib/components/input-text/input-text.component.d.ts +12 -5
  24. package/lib/components/input-text/style/_layout.scss +15 -5
  25. package/lib/components/input-text/style/_material-definition.scss +1 -0
  26. package/lib/components/multi-select-list/style/_material-definition.scss +1 -7
  27. package/lib/components/pivot/style/_material-definition.scss +0 -11
  28. package/lib/style/corecomponents-globals.scss +17 -0
  29. package/lib/style/material2/style/_elevation.scss +2 -2
  30. package/package.json +1 -2
  31. package/public-api.d.ts +0 -4
  32. package/esm2015/lib/components/co-dialog-prompt/co-dialog-prompt.component.js +0 -60
  33. package/esm2015/lib/components/co-dialog-prompt/co-dialog-prompt.module.js +0 -16
  34. package/esm2015/lib/components/co-rich-text-editor/co-rich-text-editor.component.js +0 -53
  35. package/esm2015/lib/components/co-rich-text-editor/co-rich-text-editor.module.js +0 -21
  36. package/lib/components/co-dialog-prompt/co-dialog-prompt.component.d.ts +0 -19
  37. package/lib/components/co-dialog-prompt/co-dialog-prompt.component.scss +0 -0
  38. package/lib/components/co-dialog-prompt/co-dialog-prompt.module.d.ts +0 -2
  39. package/lib/components/co-rich-text-editor/co-rich-text-editor.component.d.ts +0 -13
  40. package/lib/components/co-rich-text-editor/co-rich-text-editor.module.d.ts +0 -2
  41. package/lib/components/co-rich-text-editor/style/_layout.scss +0 -3
  42. package/lib/components/co-rich-text-editor/style/_material-definition.scss +0 -9
  43. package/lib/components/co-rich-text-editor/style/_theme.scss +0 -3
  44. package/lib/components/co-rich-text-editor/style/material.scss +0 -4
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('@angular/platform-browser'), require('rxjs'), require('rxjs/operators'), require('@syncfusion/ej2-angular-splitbuttons'), require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@tweenjs/tween.js'), require('hammerjs'), require('@angular/animations'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-kanban'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/forms'), require('@syncfusion/ej2-angular-schedule'), require('@syncfusion/ej2-angular-navigations'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-grids'), require('@syncfusion/ej2-base'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-pivotview'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/cdk/drag-drop'), require('@angular/cdk/scrolling')) :
3
- typeof define === 'function' && define.amd ? define('@colijnit/corecomponents_v12', ['exports', '@angular/core', '@angular/common', '@angular/common/http', '@angular/platform-browser', 'rxjs', 'rxjs/operators', '@syncfusion/ej2-angular-splitbuttons', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@tweenjs/tween.js', 'hammerjs', '@angular/animations', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-kanban', '@syncfusion/ej2-angular-richtexteditor', '@angular/forms', '@syncfusion/ej2-angular-schedule', '@syncfusion/ej2-angular-navigations', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-grids', '@syncfusion/ej2-base', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-pivotview', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/cdk/drag-drop', '@angular/cdk/scrolling'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.corecomponents_v12 = {}), global.ng.core, global.ng.common, global.ng.common.http, global.ng.platformBrowser, global.rxjs, global.rxjs.operators, global.ej2AngularSplitbuttons, global.three, global.CSS3DRenderer, global.TWEEN, null, global.ng.animations, global.ej2AngularPopups, global.ej2AngularKanban, global.ej2AngularRichtexteditor, global.ng.forms, global.ej2AngularSchedule, global.ej2AngularNavigations, global.ej2AngularButtons, global.ej2AngularDropdowns, global.ej2AngularGrids, global.ej2Base, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularPivotview, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.cdk.dragDrop, global.ng.cdk.scrolling));
5
- })(this, (function (exports, i0, common, http, platformBrowser, rxjs, operators, ej2AngularSplitbuttons, three, CSS3DRenderer, TWEEN, hammerjs, animations, ej2AngularPopups, ej2AngularKanban, ej2AngularRichtexteditor, forms, ej2AngularSchedule, ej2AngularNavigations, ej2AngularButtons, ej2AngularDropdowns, ej2AngularGrids, ej2Base, ej2AngularCalendars, ej2AngularInputs, ej2AngularPivotview, overlay, portal, dragDrop, scrolling) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/common/http'), require('@angular/platform-browser'), require('rxjs'), require('rxjs/operators'), require('@syncfusion/ej2-angular-splitbuttons'), require('three'), require('three/examples/jsm/renderers/CSS3DRenderer'), require('@tweenjs/tween.js'), require('hammerjs'), require('@angular/animations'), require('@syncfusion/ej2-angular-kanban'), require('@syncfusion/ej2-angular-schedule'), require('@syncfusion/ej2-angular-navigations'), require('@syncfusion/ej2-angular-buttons'), require('@angular/forms'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-grids'), require('@syncfusion/ej2-base'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-pivotview'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/cdk/drag-drop'), require('@angular/cdk/scrolling')) :
3
+ typeof define === 'function' && define.amd ? define('@colijnit/corecomponents_v12', ['exports', '@angular/core', '@angular/common', '@angular/common/http', '@angular/platform-browser', 'rxjs', 'rxjs/operators', '@syncfusion/ej2-angular-splitbuttons', 'three', 'three/examples/jsm/renderers/CSS3DRenderer', '@tweenjs/tween.js', 'hammerjs', '@angular/animations', '@syncfusion/ej2-angular-kanban', '@syncfusion/ej2-angular-schedule', '@syncfusion/ej2-angular-navigations', '@syncfusion/ej2-angular-buttons', '@angular/forms', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-grids', '@syncfusion/ej2-base', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-pivotview', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/cdk/drag-drop', '@angular/cdk/scrolling'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.corecomponents_v12 = {}), global.ng.core, global.ng.common, global.ng.common.http, global.ng.platformBrowser, global.rxjs, global.rxjs.operators, global.ej2AngularSplitbuttons, global.three, global.CSS3DRenderer, global.TWEEN, null, global.ng.animations, global.ej2AngularKanban, global.ej2AngularSchedule, global.ej2AngularNavigations, global.ej2AngularButtons, global.ng.forms, global.ej2AngularDropdowns, global.ej2AngularGrids, global.ej2Base, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularPivotview, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.cdk.dragDrop, global.ng.cdk.scrolling));
5
+ })(this, (function (exports, i0, common, http, platformBrowser, rxjs, operators, ej2AngularSplitbuttons, three, CSS3DRenderer, TWEEN, hammerjs, animations, ej2AngularKanban, ej2AngularSchedule, ej2AngularNavigations, ej2AngularButtons, forms, ej2AngularDropdowns, ej2AngularGrids, ej2Base, ej2AngularCalendars, ej2AngularInputs, ej2AngularPivotview, overlay, portal, dragDrop, scrolling) { 'use strict';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -1293,13 +1293,24 @@
1293
1293
  }
1294
1294
  Object.defineProperty(IconComponent.prototype, "icon", {
1295
1295
  set: function (value) {
1296
- this._setIconFromEnum(value);
1296
+ this._icon = value;
1297
1297
  },
1298
1298
  enumerable: false,
1299
1299
  configurable: true
1300
1300
  });
1301
+ IconComponent.prototype.ngOnInit = function () {
1302
+ this._prepareIcon();
1303
+ };
1304
+ IconComponent.prototype._prepareIcon = function () {
1305
+ if (this.iconData) {
1306
+ this.innerIconData = this.iconData;
1307
+ }
1308
+ else if (this._icon) {
1309
+ this._setIconFromEnum(this._icon);
1310
+ }
1311
+ };
1301
1312
  IconComponent.prototype._setIconFromEnum = function (icon) {
1302
- this.iconData = this._iconCache.getIcon(icon);
1313
+ this.innerIconData = this._iconCache.getIcon(icon);
1303
1314
  };
1304
1315
  return IconComponent;
1305
1316
  }());
@@ -1315,8 +1326,9 @@
1315
1326
  ]; };
1316
1327
  IconComponent.propDecorators = {
1317
1328
  icon: [{ type: i0.Input }],
1318
- iconData: [{ type: i0.Input }, { type: i0.HostBinding, args: ["innerHtml",] }],
1319
- showClass: [{ type: i0.HostBinding, args: ["class.co-icon",] }]
1329
+ iconData: [{ type: i0.Input }],
1330
+ showClass: [{ type: i0.HostBinding, args: ['class.co-icon',] }],
1331
+ innerIconData: [{ type: i0.HostBinding, args: ['innerHtml',] }]
1320
1332
  };
1321
1333
 
1322
1334
  var IconModule = /** @class */ (function () {
@@ -3770,70 +3782,6 @@
3770
3782
  },] }
3771
3783
  ];
3772
3784
 
3773
- var CoDialogPromptComponent = /** @class */ (function () {
3774
- function CoDialogPromptComponent() {
3775
- var _this = this;
3776
- this.header = "header";
3777
- this.content = "content";
3778
- this.visible = false;
3779
- this.width = "50%";
3780
- this.showCloseIcon = true;
3781
- this.closeClick = new i0.EventEmitter();
3782
- this.target = '.co-dialog-prompt-root-container';
3783
- this.buttons = [
3784
- { click: this.buttonClick.bind(this), buttonModel: { content: 'Ja', isPrimary: 'true' } },
3785
- { click: this.buttonClick.bind(this), buttonModel: { content: 'Nee' } }
3786
- ];
3787
- this.onCloseClick = function () {
3788
- _this.close();
3789
- _this.closeClick.emit();
3790
- };
3791
- }
3792
- CoDialogPromptComponent.prototype.open = function () {
3793
- this.coDialogPrompt.show();
3794
- };
3795
- CoDialogPromptComponent.prototype.close = function () {
3796
- this.coDialogPrompt.hide();
3797
- };
3798
- CoDialogPromptComponent.prototype.buttonClick = function () {
3799
- this.close();
3800
- };
3801
- return CoDialogPromptComponent;
3802
- }());
3803
- CoDialogPromptComponent.decorators = [
3804
- { type: i0.Component, args: [{
3805
- selector: 'co-dialog-prompt',
3806
- template: "\n <div #coDialogPromptRootContainer class='co-dialog-prompt-root-container'></div>\n <ejs-dialog #coDialogPrompt\n [buttons]=\"buttons\"\n [header]=\"header\"\n [content]=\"content\"\n [showCloseIcon]=\"showCloseIcon\"\n [target]=\"target\"\n [visible]=\"visible\"\n [width]=\"width\"\n (close)=\"onCloseClick()\"\n >\n </ejs-dialog>\n ",
3807
- styles: [""]
3808
- },] }
3809
- ];
3810
- CoDialogPromptComponent.ctorParameters = function () { return []; };
3811
- CoDialogPromptComponent.propDecorators = {
3812
- coDialogPrompt: [{ type: i0.ViewChild, args: ['coDialogPrompt',] }],
3813
- header: [{ type: i0.Input }],
3814
- content: [{ type: i0.Input }],
3815
- visible: [{ type: i0.Input }],
3816
- width: [{ type: i0.Input }],
3817
- showCloseIcon: [{ type: i0.Input }],
3818
- closeClick: [{ type: i0.Output }]
3819
- };
3820
-
3821
- var CoDialogPromptModule = /** @class */ (function () {
3822
- function CoDialogPromptModule() {
3823
- }
3824
- return CoDialogPromptModule;
3825
- }());
3826
- CoDialogPromptModule.decorators = [
3827
- { type: i0.NgModule, args: [{
3828
- imports: [
3829
- ej2AngularPopups.DialogModule
3830
- ],
3831
- declarations: [CoDialogPromptComponent],
3832
- providers: [],
3833
- exports: [CoDialogPromptComponent]
3834
- },] }
3835
- ];
3836
-
3837
3785
  var CoDialogWizardComponent = /** @class */ (function () {
3838
3786
  function CoDialogWizardComponent() {
3839
3787
  this.icons = exports.CoreComponentsIcon;
@@ -3986,68 +3934,6 @@
3986
3934
  },] }
3987
3935
  ];
3988
3936
 
3989
- var CoRichTextEditorComponent = /** @class */ (function () {
3990
- function CoRichTextEditorComponent() {
3991
- this.onChangeEvent = new i0.EventEmitter();
3992
- }
3993
- CoRichTextEditorComponent.prototype.showClass = function () {
3994
- return true;
3995
- };
3996
- CoRichTextEditorComponent.prototype.ngAfterViewInit = function () {
3997
- };
3998
- CoRichTextEditorComponent.prototype.ngOnInit = function () {
3999
- };
4000
- CoRichTextEditorComponent.prototype.getContent = function () {
4001
- if (this.editor) {
4002
- return this.editor.getContent();
4003
- }
4004
- };
4005
- CoRichTextEditorComponent.prototype.getText = function () {
4006
- if (this.editor) {
4007
- return this.editor.getText();
4008
- }
4009
- };
4010
- CoRichTextEditorComponent.prototype.onChange = function (args) {
4011
- if (args) {
4012
- this.onChangeEvent.next(args);
4013
- }
4014
- };
4015
- return CoRichTextEditorComponent;
4016
- }());
4017
- CoRichTextEditorComponent.decorators = [
4018
- { type: i0.Component, args: [{
4019
- selector: 'co-rich-text-editor',
4020
- template: "\n <ejs-richtexteditor\n #rte\n id=\"Rte\"\n [ngModel]=\"model\"\n (change)=\"onChange($event)\"\n >\n <ng-template></ng-template>\n </ejs-richtexteditor>\n ",
4021
- providers: [ej2AngularRichtexteditor.ToolbarService, ej2AngularRichtexteditor.LinkService, ej2AngularRichtexteditor.ImageService, ej2AngularRichtexteditor.HtmlEditorService],
4022
- encapsulation: i0.ViewEncapsulation.None
4023
- },] }
4024
- ];
4025
- CoRichTextEditorComponent.propDecorators = {
4026
- editor: [{ type: i0.ViewChild, args: ['rte', { static: false },] }],
4027
- onChangeEvent: [{ type: i0.Output }],
4028
- model: [{ type: i0.Input }],
4029
- showClass: [{ type: i0.HostBinding, args: ["class.co-rich-text-editor",] }]
4030
- };
4031
-
4032
- var CoRichTextEditorModule = /** @class */ (function () {
4033
- function CoRichTextEditorModule() {
4034
- }
4035
- return CoRichTextEditorModule;
4036
- }());
4037
- CoRichTextEditorModule.decorators = [
4038
- { type: i0.NgModule, args: [{
4039
- declarations: [CoRichTextEditorComponent],
4040
- exports: [
4041
- CoRichTextEditorComponent
4042
- ],
4043
- imports: [
4044
- common.CommonModule,
4045
- ej2AngularRichtexteditor.RichTextEditorModule,
4046
- forms.FormsModule
4047
- ]
4048
- },] }
4049
- ];
4050
-
4051
3937
  var CoScheduleComponent = /** @class */ (function () {
4052
3938
  function CoScheduleComponent() {
4053
3939
  this.enablePersistence = false;
@@ -5150,6 +5036,7 @@
5150
5036
  _a = event.code;
5151
5037
  switch (_a) {
5152
5038
  case 'Enter': return [3 /*break*/, 1];
5039
+ case 'NumpadEnter': return [3 /*break*/, 1];
5153
5040
  case 'Tab': return [3 /*break*/, 4];
5154
5041
  case 'Escape': return [3 /*break*/, 6];
5155
5042
  }
@@ -7721,12 +7608,31 @@
7721
7608
  _this.showClearButton = undefined;
7722
7609
  _this.showPlaceholderOnFocus = true;
7723
7610
  _this.noStyle = false;
7724
- _this.hasOwnLabel = true;
7725
7611
  _this.hideArrowButtons = false;
7726
7612
  _this.isSmall = false;
7613
+ _this.leftIconClick = new i0.EventEmitter();
7614
+ _this.rightIconClick = new i0.EventEmitter();
7615
+ _this.hasOwnLabel = true;
7727
7616
  _super.prototype._markAsOnPush.call(_this);
7728
7617
  return _this;
7729
7618
  }
7619
+ InputTextComponent.prototype.showClass = function () {
7620
+ return true;
7621
+ };
7622
+ Object.defineProperty(InputTextComponent.prototype, "hasLeftIcon", {
7623
+ get: function () {
7624
+ return this.leftIcon !== undefined && this.leftIcon !== null;
7625
+ },
7626
+ enumerable: false,
7627
+ configurable: true
7628
+ });
7629
+ Object.defineProperty(InputTextComponent.prototype, "hasRightIcon", {
7630
+ get: function () {
7631
+ return this.rightIcon !== undefined && this.rightIcon !== null;
7632
+ },
7633
+ enumerable: false,
7634
+ configurable: true
7635
+ });
7730
7636
  Object.defineProperty(InputTextComponent.prototype, "model", {
7731
7637
  get: function () {
7732
7638
  return _super.prototype.model;
@@ -7747,34 +7653,27 @@
7747
7653
  enumerable: false,
7748
7654
  configurable: true
7749
7655
  });
7750
- InputTextComponent.prototype.showClass = function () {
7751
- return true;
7752
- };
7753
- Object.defineProperty(InputTextComponent.prototype, "hasLeftIcon", {
7754
- get: function () {
7755
- return this.leftIcon !== undefined && this.leftIcon !== null;
7756
- },
7757
- enumerable: false,
7758
- configurable: true
7759
- });
7760
- Object.defineProperty(InputTextComponent.prototype, "hasRightIcon", {
7761
- get: function () {
7762
- return this.rightIcon !== undefined && this.rightIcon !== null;
7763
- },
7764
- enumerable: false,
7765
- configurable: true
7766
- });
7767
7656
  // exclude some non-digit characters, since input type 'number' still allows the characters -, + and e
7768
7657
  InputTextComponent.prototype.excludeNonDigitChars = function (event) {
7769
7658
  var excludedKeys = this.excludePlusMinus ? ['e', '-', '+'] : ['e'];
7770
7659
  return !excludedKeys.includes(event.key);
7771
7660
  };
7661
+ InputTextComponent.prototype.handleLeftIconClick = function (event) {
7662
+ event.preventDefault();
7663
+ event.stopPropagation();
7664
+ this.leftIconClick.emit(event);
7665
+ };
7666
+ InputTextComponent.prototype.handleRightIconClick = function (event) {
7667
+ event.preventDefault();
7668
+ event.stopPropagation();
7669
+ this.rightIconClick.emit(event);
7670
+ };
7772
7671
  return InputTextComponent;
7773
7672
  }(BaseInputComponent));
7774
7673
  InputTextComponent.decorators = [
7775
7674
  { type: i0.Component, args: [{
7776
7675
  selector: "co-input-text",
7777
- 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 ",
7676
+ 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 ",
7778
7677
  providers: [{
7779
7678
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
7780
7679
  useExisting: i0.forwardRef(function () { return InputTextComponent; })
@@ -7805,13 +7704,17 @@
7805
7704
  showPlaceholderOnFocus: [{ type: i0.Input }],
7806
7705
  leftIcon: [{ type: i0.Input }],
7807
7706
  rightIcon: [{ type: i0.Input }],
7707
+ leftIconData: [{ type: i0.Input }],
7708
+ rightIconData: [{ type: i0.Input }],
7808
7709
  noStyle: [{ type: i0.HostBinding, args: ['class.no-style',] }, { type: i0.Input }],
7710
+ hideArrowButtons: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.hide-arrows',] }],
7711
+ isSmall: [{ type: i0.HostBinding, args: ['class.is-small',] }, { type: i0.Input }],
7712
+ leftIconClick: [{ type: i0.Output }],
7713
+ rightIconClick: [{ type: i0.Output }],
7809
7714
  showClass: [{ type: i0.HostBinding, args: ["class.co-input-text",] }],
7810
7715
  hasLeftIcon: [{ type: i0.HostBinding, args: ['class.has-left-icon',] }],
7811
7716
  hasRightIcon: [{ type: i0.HostBinding, args: ['class.has-right-icon',] }],
7812
- hasOwnLabel: [{ type: i0.HostBinding, args: ["class.has-own-label",] }],
7813
- hideArrowButtons: [{ type: i0.Input }, { type: i0.HostBinding, args: ['class.hide-arrows',] }],
7814
- isSmall: [{ type: i0.HostBinding, args: ['class.is-small',] }, { type: i0.Input }]
7717
+ hasOwnLabel: [{ type: i0.HostBinding, args: ["class.has-own-label",] }]
7815
7718
  };
7816
7719
 
7817
7720
  var ValidationErrorModule = /** @class */ (function () {
@@ -7971,6 +7874,8 @@
7971
7874
  var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
7972
7875
  _this.searchIcon = exports.CoreComponentsIcon.Magnifier;
7973
7876
  _this.search = new i0.EventEmitter();
7877
+ _this.leftIconClick = new i0.EventEmitter();
7878
+ _this.rightIconClick = new i0.EventEmitter();
7974
7879
  _this.useLeftIcon = false;
7975
7880
  _this.useRightIcon = false;
7976
7881
  _this.centerLabel = false;
@@ -7993,7 +7898,7 @@
7993
7898
  InputSearchComponent.decorators = [
7994
7899
  { type: i0.Component, args: [{
7995
7900
  selector: 'co-input-search',
7996
- 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 ",
7901
+ 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 ",
7997
7902
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
7998
7903
  encapsulation: i0.ViewEncapsulation.None
7999
7904
  },] }
@@ -8001,8 +7906,12 @@
8001
7906
  InputSearchComponent.propDecorators = {
8002
7907
  placeholder: [{ type: i0.Input }],
8003
7908
  search: [{ type: i0.Output }],
7909
+ leftIconClick: [{ type: i0.Output }],
7910
+ rightIconClick: [{ type: i0.Output }],
8004
7911
  useLeftIcon: [{ type: i0.Input }],
8005
7912
  useRightIcon: [{ type: i0.Input }],
7913
+ leftIconData: [{ type: i0.Input }],
7914
+ rightIconData: [{ type: i0.Input }],
8006
7915
  centerLabel: [{ type: i0.HostBinding, args: ['class.center-label',] }, { type: i0.Input }],
8007
7916
  showClass: [{ type: i0.HostBinding, args: ['class.co-input-search',] }]
8008
7917
  };
@@ -11864,8 +11773,6 @@
11864
11773
  exports.ClickoutsideModule = ClickoutsideModule;
11865
11774
  exports.CoDialogComponent = CoDialogComponent;
11866
11775
  exports.CoDialogModule = CoDialogModule;
11867
- exports.CoDialogPromptComponent = CoDialogPromptComponent;
11868
- exports.CoDialogPromptModule = CoDialogPromptModule;
11869
11776
  exports.CoDialogWizardComponent = CoDialogWizardComponent;
11870
11777
  exports.CoDialogWizardModule = CoDialogWizardModule;
11871
11778
  exports.CoGridComponent = CoGridComponent;
@@ -11874,8 +11781,6 @@
11874
11781
  exports.CoKanbanModule = CoKanbanModule;
11875
11782
  exports.CoPivotComponent = CoPivotComponent;
11876
11783
  exports.CoPivotModule = CoPivotModule;
11877
- exports.CoRichTextEditorComponent = CoRichTextEditorComponent;
11878
- exports.CoRichTextEditorModule = CoRichTextEditorModule;
11879
11784
  exports.CoScheduleComponent = CoScheduleComponent;
11880
11785
  exports.CoScheduleModule = CoScheduleModule;
11881
11786
  exports.CoSidebarComponent = CoSidebarComponent;