@kms-ngx-ui/presentational 16.12.24 → 16.12.25

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 (8) hide show
  1. package/esm2022/lib/directives/tooltip.directive.mjs +17 -2
  2. package/esm2022/lib/ui/color-input/color-input.component.mjs +1 -1
  3. package/esm2022/lib/ui/tooltip-icon/tooltip-icon.component.mjs +6 -3
  4. package/fesm2022/kms-ngx-ui-presentational.mjs +22 -4
  5. package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
  6. package/lib/directives/tooltip.directive.d.ts +5 -3
  7. package/lib/ui/tooltip-icon/tooltip-icon.component.d.ts +2 -1
  8. package/package.json +1 -1
package/esm2022/lib/directives/tooltip.directive.mjs CHANGED
@@ -3,11 +3,15 @@ import { computePosition, arrow, autoUpdate, offset, shift, flip, } from '@float
3
3
  import * as i0 from "@angular/core";
4
4
  export class TooltipDirective {
5
5
  onMouseOver() {
6
+ if (this.alwaysVisible)
7
+ return;
6
8
  this.showTimeout = setTimeout(() => {
7
9
  this.renderer.addClass(this.kmsTooltip, 'kms-tooltip--show');
8
10
  }, this.delay);
9
11
  }
10
12
  onMouseOut() {
13
+ if (this.alwaysVisible)
14
+ return;
11
15
  clearTimeout(this.showTimeout);
12
16
  this.renderer.removeClass(this.kmsTooltip, 'kms-tooltip--show');
13
17
  }
@@ -16,12 +20,21 @@ export class TooltipDirective {
16
20
  this.renderer = renderer;
17
21
  this.placement = 'bottom';
18
22
  this.delay = 0;
23
+ this.alwaysVisible = false;
19
24
  }
20
25
  ngAfterViewInit() {
21
26
  this.renderer.addClass(this.kmsTooltip, 'kms-tooltip');
22
27
  this.addArrow();
23
28
  this.initTooltip();
24
29
  }
30
+ ngOnChanges(changes) {
31
+ if (changes.alwaysVisible.currentValue) {
32
+ this.renderer.addClass(this.kmsTooltip, 'kms-tooltip--show');
33
+ }
34
+ else {
35
+ this.renderer.removeClass(this.kmsTooltip, 'kms-tooltip--show');
36
+ }
37
+ }
25
38
  initTooltip() {
26
39
  autoUpdate(this.elementRef.nativeElement, this.kmsTooltip, () => {
27
40
  const arrowLength = this.arrow.offsetWidth;
@@ -82,7 +95,7 @@ export class TooltipDirective {
82
95
  this.renderer.addClass(this.arrow, 'kms-tooltip__arrow--' + side);
83
96
  }
84
97
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
85
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TooltipDirective, selector: "[kmsTooltip]", inputs: { kmsTooltip: "kmsTooltip", placement: "placement", delay: "delay" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, ngImport: i0 }); }
98
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TooltipDirective, selector: "[kmsTooltip]", inputs: { kmsTooltip: "kmsTooltip", placement: "placement", delay: "delay", alwaysVisible: "alwaysVisible" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, usesOnChanges: true, ngImport: i0 }); }
86
99
  }
87
100
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, decorators: [{
88
101
  type: Directive,
@@ -93,6 +106,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
93
106
  type: Input
94
107
  }], delay: [{
95
108
  type: Input
109
+ }], alwaysVisible: [{
110
+ type: Input
96
111
  }], onMouseOver: [{
97
112
  type: HostListener,
98
113
  args: ['mouseover']
@@ -100,4 +115,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
100
115
  type: HostListener,
101
116
  args: ['mouseout']
102
117
  }] } });
103
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvZGlyZWN0aXZlcy90b29sdGlwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGVBQWUsRUFFZixLQUFLLEVBQ0wsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsSUFBSSxHQUNMLE1BQU0sa0JBQWtCLENBQUM7O0FBRzFCLE1BQU0sT0FBTyxnQkFBZ0I7SUFRM0IsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDL0QsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQixDQUFDO0lBR0QsVUFBVTtRQUNSLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQW5ELGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBbEI5RCxjQUFTLEdBQWMsUUFBUSxDQUFDO1FBQ2hDLFVBQUssR0FBVyxDQUFDLENBQUM7SUFpQitDLENBQUM7SUFFM0UsZUFBZTtRQUNiLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFD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LGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLG9CQUFvQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFZO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsMEJBQTBCLENBQUMsQ0FBQztRQUNsRSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLDJCQUEyQixDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSw0QkFBNEIsQ0FBQyxDQUFDO1FBQ3BFLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUseUJBQXlCLENBQUMsQ0FBQztRQUVqRSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLHNCQUFzQixHQUFHLElBQUksQ0FBQyxDQUFDO0lBQ3BFLENBQUM7K0dBMUdVLGdCQUFnQjttR0FBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUQ1QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRTt5SEFFNUIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFLTixXQUFXO3NCQURWLFlBQVk7dUJBQUMsV0FBVztnQkFRekIsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBjb21wdXRlUG9zaXRpb24sXG4gIFBsYWNlbWVudCxcbiAgYXJyb3csXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgc2hpZnQsXG4gIGZsaXAsXG59IGZyb20gJ0BmbG9hdGluZy11aS9kb20nO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdba21zVG9vbHRpcF0nIH0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcERpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBrbXNUb29sdGlwOiBIVE1MRWxlbWVudDtcbiAgQElucHV0KCkgcGxhY2VtZW50OiBQbGFjZW1lbnQgPSAnYm90dG9tJztcbiAgQElucHV0KCkgZGVsYXk6IG51bWJlciA9IDA7XG4gIGFycm93OiBIVE1MRWxlbWVudDtcbiAgc2hvd1RpbWVvdXQ6IE5vZGVKUy5UaW1lb3V0O1xuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlb3ZlcicpXG4gIG9uTW91c2VPdmVyKCkge1xuICAgIHRoaXMuc2hvd1RpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5rbXNUb29sdGlwLCAna21zLXRvb2x0aXAtLXNob3cnKTtcbiAgICB9LCB0aGlzLmRlbGF5KTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlb3V0JylcbiAgb25Nb3VzZU91dCgpIHtcbiAgICBjbGVhclRpbWVvdXQodGhpcy5zaG93VGltZW91dCk7XG4gICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLmttc1Rvb2x0aXAsICdrbXMtdG9vbHRpcC0tc2hvdycpO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5rbXNUb29sdGlwLCAna21zLXRvb2x0aXAnKTtcbiAgICB0aGlzLmFkZEFycm93KCk7XG4gICAgdGhpcy5pbml0VG9vbHRpcCgpO1xuICB9XG5cbiAgaW5pdFRvb2x0aXAoKSB7XG4gICAgYXV0b1VwZGF0ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5rbXNUb29sdGlwLCAoKSA9PiB7XG4gICAgICBjb25zdCBhcnJvd0xlbmd0aCA9IHRoaXMuYXJyb3cub2Zmc2V0V2lkdGg7XG4gICAgICAvLyBHZXQgaGFsZiB0aGUgYXJyb3cgYm94J3MgaHlwb3RlbnVzZSBsZW5ndGhcbiAgICAgIGNvbnN0IGZsb2F0aW5nT2Zmc2V0ID0gTWF0aC5zcXJ0KDIgKiBhcnJvd0xlbmd0aCAqKiAyKSAvIDI7XG5cbiAgICAgIGNvbXB1dGVQb3NpdGlvbih0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5rbXNUb29sdGlwLCB7XG4gICAgICAgIHBsYWNlbWVudDogdGhpcy5wbGFjZW1lbnQsXG4gICAgICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgICAgICBzaGlmdCgpLFxuICAgICAgICAgIG9mZnNldChmbG9hdGluZ09mZnNldCksXG4gICAgICAgICAgYXJyb3coeyBlbGVtZW50OiB0aGlzLmFycm93IH0pLFxuICAgICAgICAgIGZsaXAoKSxcbiAgICAgICAgXSxcbiAgICAgIH0pLnRoZW4oKHsgeCwgeSwgbWlkZGxld2FyZURhdGEsIHBsYWNlbWVudCB9KSA9PiB7XG4gICAgICAgIHRoaXMucG9zaXRpb25Ub29sdGlwKHgsIHkpO1xuXG4gICAgICAgIGlmIChtaWRkbGV3YXJlRGF0YS5hcnJvdykge1xuICAgICAgICAgIHRoaXMucG9zaXRpb25Ub29sdGlwQXJyb3coXG4gICAgICAgICAgICBtaWRkbGV3YXJlRGF0YS5hcnJvdy54LFxuICAgICAgICAgICAgbWlkZGxld2FyZURhdGEuYXJyb3cueSxcbiAgICAgICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgICAgIGFycm93TGVuZ3RoXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwb3NpdGlvblRvb2x0aXAoeDogbnVtYmVyLCB5OiBudW1iZXIpIHtcbiAgICBPYmplY3QuYXNzaWduKHRoaXMua21zVG9vbHRpcC5zdHlsZSwge1xuICAgICAgbGVmdDogYCR7eH1weGAsXG4gICAgICB0b3A6IGAke3l9cHhgLFxuICAgIH0pO1xuICB9XG5cbiAgcG9zaXRpb25Ub29sdGlwQXJyb3coXG4gICAgeDogbnVtYmVyLFxuICAgIHk6IG51bWJlcixcbiAgICBwbGFjZW1lbnQ6IFBsYWNlbWVudCxcbiAgICBhcnJvd0xlbmd0aDogbnVtYmVyXG4gICkge1xuICAgIGNvbnN0IHNpZGUgPSBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXTtcblxuICAgIGNvbnN0IHN0YXRpY1NpZGUgPSB7XG4gICAgICB0b3A6ICdib3R0b20nLFxuICAgICAgcmlnaHQ6ICdsZWZ0JyxcbiAgICAgIGJvdHRvbTogJ3RvcCcsXG4gICAgICBsZWZ0OiAncmlnaHQnLFxuICAgIH1bc2lkZV07XG5cbiAgICB0aGlzLmFkZEFycm93Q2xhc3Moc3RhdGljU2lkZSk7XG5cbiAgICBPYmplY3QuYXNzaWduKHRoaXMuYXJyb3cuc3R5bGUsIHtcbiAgICAgIGxlZnQ6IHggIT0gbnVsbCA/IGAke3h9cHhgIDogJycsXG4gICAgICB0b3A6IHkgIT0gbnVsbCA/IGAke3l9cHhgIDogJycsXG4gICAgICAvLyBFbnN1cmUgdGhlIHN0YXRpYyBzaWRlIGdldHMgdW5zZXQgd2hlblxuICAgICAgLy8gZmxpcHBpbmcgdG8gb3RoZXIgcGxhY2VtZW50cycgYXhlcy5cbiAgICAgIHJpZ2h0OiAnJyxcbiAgICAgIGJvdHRvbTogJycsXG4gICAgICBbc3RhdGljU2lkZV06IGAkey1hcnJvd0xlbmd0aCAvIDJ9cHhgLFxuICAgICAgdHJhbnNmb3JtOiAncm90YXRlKDQ1ZGVnKScsXG4gICAgfSk7XG4gIH1cblxuICBhZGRBcnJvdygpIHtcbiAgICB0aGlzLmFycm93ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3cnKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMua21zVG9vbHRpcCwgdGhpcy5hcnJvdyk7XG4gIH1cblxuICBhZGRBcnJvd0NsYXNzKHNpZGU6IHN0cmluZykge1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tbGVmdCcpO1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tcmlnaHQnKTtcbiAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3ctLWJvdHRvbScpO1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tdG9wJyk7XG5cbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3ctLScgKyBzaWRlKTtcbiAgfVxufVxuIl19
118
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbXMtbmd4LXVpLXByZXNlbnRhdGlvbmFsL3NyYy9saWIvZGlyZWN0aXZlcy90b29sdGlwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEdBSU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGVBQWUsRUFFZixLQUFLLEVBQ0wsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsSUFBSSxHQUNMLE1BQU0sa0JBQWtCLENBQUM7O0FBRzFCLE1BQU0sT0FBTyxnQkFBZ0I7SUFVM0IsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLGFBQWE7WUFBRSxPQUFPO1FBRS9CLElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDL0QsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQixDQUFDO0lBR0QsVUFBVTtRQUNSLElBQUksSUFBSSxDQUFDLGFBQWE7WUFBRSxPQUFPO1FBRS9CLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQW5ELGVBQVUsR0FBVixVQUFVLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBeEI5RCxjQUFTLEdBQWMsUUFBUSxDQUFDO1FBQ2hDLFVBQUssR0FBVyxDQUFDLENBQUM7UUFDbEIsa0JBQWEsR0FB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QUFHLElBQUksQ0FBQyxDQUFDO0lBQ3BFLENBQUM7K0dBeEhVLGdCQUFnQjttR0FBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUQ1QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRTt5SEFFNUIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQU1OLFdBQVc7c0JBRFYsWUFBWTt1QkFBQyxXQUFXO2dCQVV6QixVQUFVO3NCQURULFlBQVk7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBSZW5kZXJlcjIsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgY29tcHV0ZVBvc2l0aW9uLFxuICBQbGFjZW1lbnQsXG4gIGFycm93LFxuICBhdXRvVXBkYXRlLFxuICBvZmZzZXQsXG4gIHNoaWZ0LFxuICBmbGlwLFxufSBmcm9tICdAZmxvYXRpbmctdWkvZG9tJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW2ttc1Rvb2x0aXBdJyB9KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBrbXNUb29sdGlwOiBIVE1MRWxlbWVudDtcbiAgQElucHV0KCkgcGxhY2VtZW50OiBQbGFjZW1lbnQgPSAnYm90dG9tJztcbiAgQElucHV0KCkgZGVsYXk6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIGFsd2F5c1Zpc2libGUgPSBmYWxzZTtcblxuICBhcnJvdzogSFRNTEVsZW1lbnQ7XG4gIHNob3dUaW1lb3V0OiBOb2RlSlMuVGltZW91dDtcblxuICBASG9zdExpc3RlbmVyKCdtb3VzZW92ZXInKVxuICBvbk1vdXNlT3ZlcigpIHtcbiAgICBpZiAodGhpcy5hbHdheXNWaXNpYmxlKSByZXR1cm47XG5cbiAgICB0aGlzLnNob3dUaW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMua21zVG9vbHRpcCwgJ2ttcy10b29sdGlwLS1zaG93Jyk7XG4gICAgfSwgdGhpcy5kZWxheSk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdtb3VzZW91dCcpXG4gIG9uTW91c2VPdXQoKSB7XG4gICAgaWYgKHRoaXMuYWx3YXlzVmlzaWJsZSkgcmV0dXJuO1xuXG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuc2hvd1RpbWVvdXQpO1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5rbXNUb29sdGlwLCAna21zLXRvb2x0aXAtLXNob3cnKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMua21zVG9vbHRpcCwgJ2ttcy10b29sdGlwJyk7XG4gICAgdGhpcy5hZGRBcnJvdygpO1xuICAgIHRoaXMuaW5pdFRvb2x0aXAoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcy5hbHdheXNWaXNpYmxlLmN1cnJlbnRWYWx1ZSkge1xuICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmttc1Rvb2x0aXAsICdrbXMtdG9vbHRpcC0tc2hvdycpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMua21zVG9vbHRpcCwgJ2ttcy10b29sdGlwLS1zaG93Jyk7XG4gICAgfVxuICB9XG5cbiAgaW5pdFRvb2x0aXAoKSB7XG4gICAgYXV0b1VwZGF0ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5rbXNUb29sdGlwLCAoKSA9PiB7XG4gICAgICBjb25zdCBhcnJvd0xlbmd0aCA9IHRoaXMuYXJyb3cub2Zmc2V0V2lkdGg7XG4gICAgICAvLyBHZXQgaGFsZiB0aGUgYXJyb3cgYm94J3MgaHlwb3RlbnVzZSBsZW5ndGhcbiAgICAgIGNvbnN0IGZsb2F0aW5nT2Zmc2V0ID0gTWF0aC5zcXJ0KDIgKiBhcnJvd0xlbmd0aCAqKiAyKSAvIDI7XG5cbiAgICAgIGNvbXB1dGVQb3NpdGlvbih0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy5rbXNUb29sdGlwLCB7XG4gICAgICAgIHBsYWNlbWVudDogdGhpcy5wbGFjZW1lbnQsXG4gICAgICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgICAgICBzaGlmdCgpLFxuICAgICAgICAgIG9mZnNldChmbG9hdGluZ09mZnNldCksXG4gICAgICAgICAgYXJyb3coeyBlbGVtZW50OiB0aGlzLmFycm93IH0pLFxuICAgICAgICAgIGZsaXAoKSxcbiAgICAgICAgXSxcbiAgICAgIH0pLnRoZW4oKHsgeCwgeSwgbWlkZGxld2FyZURhdGEsIHBsYWNlbWVudCB9KSA9PiB7XG4gICAgICAgIHRoaXMucG9zaXRpb25Ub29sdGlwKHgsIHkpO1xuXG4gICAgICAgIGlmIChtaWRkbGV3YXJlRGF0YS5hcnJvdykge1xuICAgICAgICAgIHRoaXMucG9zaXRpb25Ub29sdGlwQXJyb3coXG4gICAgICAgICAgICBtaWRkbGV3YXJlRGF0YS5hcnJvdy54LFxuICAgICAgICAgICAgbWlkZGxld2FyZURhdGEuYXJyb3cueSxcbiAgICAgICAgICAgIHBsYWNlbWVudCxcbiAgICAgICAgICAgIGFycm93TGVuZ3RoXG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwb3NpdGlvblRvb2x0aXAoeDogbnVtYmVyLCB5OiBudW1iZXIpIHtcbiAgICBPYmplY3QuYXNzaWduKHRoaXMua21zVG9vbHRpcC5zdHlsZSwge1xuICAgICAgbGVmdDogYCR7eH1weGAsXG4gICAgICB0b3A6IGAke3l9cHhgLFxuICAgIH0pO1xuICB9XG5cbiAgcG9zaXRpb25Ub29sdGlwQXJyb3coXG4gICAgeDogbnVtYmVyLFxuICAgIHk6IG51bWJlcixcbiAgICBwbGFjZW1lbnQ6IFBsYWNlbWVudCxcbiAgICBhcnJvd0xlbmd0aDogbnVtYmVyXG4gICkge1xuICAgIGNvbnN0IHNpZGUgPSBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXTtcblxuICAgIGNvbnN0IHN0YXRpY1NpZGUgPSB7XG4gICAgICB0b3A6ICdib3R0b20nLFxuICAgICAgcmlnaHQ6ICdsZWZ0JyxcbiAgICAgIGJvdHRvbTogJ3RvcCcsXG4gICAgICBsZWZ0OiAncmlnaHQnLFxuICAgIH1bc2lkZV07XG5cbiAgICB0aGlzLmFkZEFycm93Q2xhc3Moc3RhdGljU2lkZSk7XG5cbiAgICBPYmplY3QuYXNzaWduKHRoaXMuYXJyb3cuc3R5bGUsIHtcbiAgICAgIGxlZnQ6IHggIT0gbnVsbCA/IGAke3h9cHhgIDogJycsXG4gICAgICB0b3A6IHkgIT0gbnVsbCA/IGAke3l9cHhgIDogJycsXG4gICAgICAvLyBFbnN1cmUgdGhlIHN0YXRpYyBzaWRlIGdldHMgdW5zZXQgd2hlblxuICAgICAgLy8gZmxpcHBpbmcgdG8gb3RoZXIgcGxhY2VtZW50cycgYXhlcy5cbiAgICAgIHJpZ2h0OiAnJyxcbiAgICAgIGJvdHRvbTogJycsXG4gICAgICBbc3RhdGljU2lkZV06IGAkey1hcnJvd0xlbmd0aCAvIDJ9cHhgLFxuICAgICAgdHJhbnNmb3JtOiAncm90YXRlKDQ1ZGVnKScsXG4gICAgfSk7XG4gIH1cblxuICBhZGRBcnJvdygpIHtcbiAgICB0aGlzLmFycm93ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3cnKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMua21zVG9vbHRpcCwgdGhpcy5hcnJvdyk7XG4gIH1cblxuICBhZGRBcnJvd0NsYXNzKHNpZGU6IHN0cmluZykge1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tbGVmdCcpO1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tcmlnaHQnKTtcbiAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3ctLWJvdHRvbScpO1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5hcnJvdywgJ2ttcy10b29sdGlwX19hcnJvdy0tdG9wJyk7XG5cbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuYXJyb3csICdrbXMtdG9vbHRpcF9fYXJyb3ctLScgKyBzaWRlKTtcbiAgfVxufVxuIl19
package/esm2022/lib/ui/color-input/color-input.component.mjs CHANGED
@@ -55,7 +55,7 @@ export class ColorInputComponent extends FormControlParentComponent {
55
55
  useExisting: forwardRef(() => ColorInputComponent),
56
56
  multi: true,
57
57
  },
58
- ], usesInheritance: true, ngImport: i0, template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n <div>\n <mat-form-field class=\"colorInput\">\n <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n <mat-label>{{ label }}</mat-label>\n <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n </mat-form-field>\n </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["tooltipText", "placement", "delay", "iconSize", "iconClass"] }] }); }
58
+ ], usesInheritance: true, ngImport: i0, template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n <div>\n <mat-form-field class=\"colorInput\">\n <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n <mat-label>{{ label }}</mat-label>\n <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n </mat-form-field>\n </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["tooltipText", "placement", "delay", "iconSize", "iconClass", "tooltipAlwaysVisible"] }] }); }
59
59
  }
60
60
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorInputComponent, decorators: [{
61
61
  type: Component,
package/esm2022/lib/ui/tooltip-icon/tooltip-icon.component.mjs CHANGED
@@ -10,13 +10,14 @@ export class TooltipIconComponent {
10
10
  this.delay = 1000;
11
11
  this.iconSize = IconSizePx.SMALLER;
12
12
  this.iconClass = 'color-primary';
13
+ this.tooltipAlwaysVisible = false;
13
14
  }
14
15
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: { tooltipText: "tooltipText", placement: "placement", delay: "delay", iconSize: "iconSize", iconClass: "iconClass" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n></kms-icon>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[kmsTooltip]", inputs: ["kmsTooltip", "placement", "delay"] }, { kind: "component", type: i3.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
16
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: { tooltipText: "tooltipText", placement: "placement", delay: "delay", iconSize: "iconSize", iconClass: "iconClass", tooltipAlwaysVisible: "tooltipAlwaysVisible" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n [alwaysVisible]=\"tooltipAlwaysVisible\"\n></kms-icon>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[kmsTooltip]", inputs: ["kmsTooltip", "placement", "delay", "alwaysVisible"] }, { kind: "component", type: i3.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
16
17
  }
17
18
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipIconComponent, decorators: [{
18
19
  type: Component,
19
- args: [{ selector: 'kms-tooltip-icon', template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n></kms-icon>\n" }]
20
+ args: [{ selector: 'kms-tooltip-icon', template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n [alwaysVisible]=\"tooltipAlwaysVisible\"\n></kms-icon>\n" }]
20
21
  }], propDecorators: { button: [{
21
22
  type: ViewChild,
22
23
  args: ['button']
@@ -33,5 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
33
34
  type: Input
34
35
  }], iconClass: [{
35
36
  type: Input
37
+ }], tooltipAlwaysVisible: [{
38
+ type: Input
36
39
  }] } });
37
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBR1QsS0FBSyxFQUVMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBT25ELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRVyxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsYUFBUSxHQUFlLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDMUMsY0FBUyxHQUFHLGVBQWUsQ0FBQztLQUN0QzsrR0FSWSxvQkFBb0I7bUdBQXBCLG9CQUFvQiw2V0NqQmpDLDRPQVdBOzs0RkRNYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0Usa0JBQWtCOzhCQUtQLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFDRyxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBQ1gsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvblNpemUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgSWNvblNpemVQeCB9IGZyb20gJy4uL2ljb24vaWNvblNpemUuZW51bSc7XG5pbXBvcnQgeyBQbGFjZW1lbnQgfSBmcm9tICdAZmxvYXRpbmctdWkvZG9tJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ttcy10b29sdGlwLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBJY29uQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZCgnYnV0dG9uJykgYnV0dG9uOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCd0b29sdGlwJykgdG9vbHRpcDogRWxlbWVudFJlZjtcbiAgQElucHV0KCkgdG9vbHRpcFRleHQgPSAnJztcbiAgQElucHV0KCkgcGxhY2VtZW50OiBQbGFjZW1lbnQ7XG4gIEBJbnB1dCgpIGRlbGF5ID0gMTAwMDtcbiAgQElucHV0KCkgaWNvblNpemU6IEljb25TaXplUHggPSBJY29uU2l6ZVB4LlNNQUxMRVI7XG4gIEBJbnB1dCgpIGljb25DbGFzcyA9ICdjb2xvci1wcmltYXJ5Jztcbn1cbiIsIjxkaXYgI3Rvb2x0aXBDb250ZW50PlxuICB7eyB0b29sdGlwVGV4dCB9fVxuPC9kaXY+XG48a21zLWljb25cbiAgaWNvbj1cImljX2luZm9cIlxuICBbc2l6ZV09XCJpY29uU2l6ZVwiXG4gIFtpY29uQ2xhc3NdPVwiaWNvbkNsYXNzXCJcbiAgW2ttc1Rvb2x0aXBdPVwidG9vbHRpcENvbnRlbnRcIlxuICBbcGxhY2VtZW50XT1cInBsYWNlbWVudFwiXG4gIFtkZWxheV09XCJkZWxheVwiXG4+PC9rbXMtaWNvbj5cbiJdfQ==
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBR1QsS0FBSyxFQUVMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBT25ELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRVyxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsYUFBUSxHQUFlLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDMUMsY0FBUyxHQUFHLGVBQWUsQ0FBQztRQUM1Qix5QkFBb0IsR0FBRyxLQUFLLENBQUM7S0FDdkM7K0dBVFksb0JBQW9CO21HQUFwQixvQkFBb0IsMlpDakJqQyx3UkFZQTs7NEZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGtCQUFrQjs4QkFLUCxNQUFNO3NCQUExQixTQUFTO3VCQUFDLFFBQVE7Z0JBQ0csT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTO2dCQUNYLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBSZW5kZXJlcjIsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uU2l6ZSB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBJY29uU2l6ZVB4IH0gZnJvbSAnLi4vaWNvbi9pY29uU2l6ZS5lbnVtJztcbmltcG9ydCB7IFBsYWNlbWVudCB9IGZyb20gJ0BmbG9hdGluZy11aS9kb20nO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna21zLXRvb2x0aXAtaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b29sdGlwLWljb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcEljb25Db21wb25lbnQge1xuICBAVmlld0NoaWxkKCdidXR0b24nKSBidXR0b246IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ3Rvb2x0aXAnKSB0b29sdGlwOiBFbGVtZW50UmVmO1xuICBASW5wdXQoKSB0b29sdGlwVGV4dCA9ICcnO1xuICBASW5wdXQoKSBwbGFjZW1lbnQ6IFBsYWNlbWVudDtcbiAgQElucHV0KCkgZGVsYXkgPSAxMDAwO1xuICBASW5wdXQoKSBpY29uU2l6ZTogSWNvblNpemVQeCA9IEljb25TaXplUHguU01BTExFUjtcbiAgQElucHV0KCkgaWNvbkNsYXNzID0gJ2NvbG9yLXByaW1hcnknO1xuICBASW5wdXQoKSB0b29sdGlwQWx3YXlzVmlzaWJsZSA9IGZhbHNlO1xufVxuIiwiPGRpdiAjdG9vbHRpcENvbnRlbnQ+XG4gIHt7IHRvb2x0aXBUZXh0IH19XG48L2Rpdj5cbjxrbXMtaWNvblxuICBpY29uPVwiaWNfaW5mb1wiXG4gIFtzaXplXT1cImljb25TaXplXCJcbiAgW2ljb25DbGFzc109XCJpY29uQ2xhc3NcIlxuICBba21zVG9vbHRpcF09XCJ0b29sdGlwQ29udGVudFwiXG4gIFtwbGFjZW1lbnRdPVwicGxhY2VtZW50XCJcbiAgW2RlbGF5XT1cImRlbGF5XCJcbiAgW2Fsd2F5c1Zpc2libGVdPVwidG9vbHRpcEFsd2F5c1Zpc2libGVcIlxuPjwva21zLWljb24+XG4iXX0=
package/fesm2022/kms-ngx-ui-presentational.mjs CHANGED
@@ -488,11 +488,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
488
488
 
489
489
  class TooltipDirective {
490
490
  onMouseOver() {
491
+ if (this.alwaysVisible)
492
+ return;
491
493
  this.showTimeout = setTimeout(() => {
492
494
  this.renderer.addClass(this.kmsTooltip, 'kms-tooltip--show');
493
495
  }, this.delay);
494
496
  }
495
497
  onMouseOut() {
498
+ if (this.alwaysVisible)
499
+ return;
496
500
  clearTimeout(this.showTimeout);
497
501
  this.renderer.removeClass(this.kmsTooltip, 'kms-tooltip--show');
498
502
  }
@@ -501,12 +505,21 @@ class TooltipDirective {
501
505
  this.renderer = renderer;
502
506
  this.placement = 'bottom';
503
507
  this.delay = 0;
508
+ this.alwaysVisible = false;
504
509
  }
505
510
  ngAfterViewInit() {
506
511
  this.renderer.addClass(this.kmsTooltip, 'kms-tooltip');
507
512
  this.addArrow();
508
513
  this.initTooltip();
509
514
  }
515
+ ngOnChanges(changes) {
516
+ if (changes.alwaysVisible.currentValue) {
517
+ this.renderer.addClass(this.kmsTooltip, 'kms-tooltip--show');
518
+ }
519
+ else {
520
+ this.renderer.removeClass(this.kmsTooltip, 'kms-tooltip--show');
521
+ }
522
+ }
510
523
  initTooltip() {
511
524
  autoUpdate(this.elementRef.nativeElement, this.kmsTooltip, () => {
512
525
  const arrowLength = this.arrow.offsetWidth;
@@ -567,7 +580,7 @@ class TooltipDirective {
567
580
  this.renderer.addClass(this.arrow, 'kms-tooltip__arrow--' + side);
568
581
  }
569
582
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
570
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TooltipDirective, selector: "[kmsTooltip]", inputs: { kmsTooltip: "kmsTooltip", placement: "placement", delay: "delay" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, ngImport: i0 }); }
583
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TooltipDirective, selector: "[kmsTooltip]", inputs: { kmsTooltip: "kmsTooltip", placement: "placement", delay: "delay", alwaysVisible: "alwaysVisible" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, usesOnChanges: true, ngImport: i0 }); }
571
584
  }
572
585
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, decorators: [{
573
586
  type: Directive,
@@ -578,6 +591,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
578
591
  type: Input
579
592
  }], delay: [{
580
593
  type: Input
594
+ }], alwaysVisible: [{
595
+ type: Input
581
596
  }], onMouseOver: [{
582
597
  type: HostListener,
583
598
  args: ['mouseover']
@@ -636,13 +651,14 @@ class TooltipIconComponent {
636
651
  this.delay = 1000;
637
652
  this.iconSize = IconSizePx.SMALLER;
638
653
  this.iconClass = 'color-primary';
654
+ this.tooltipAlwaysVisible = false;
639
655
  }
640
656
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
641
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: { tooltipText: "tooltipText", placement: "placement", delay: "delay", iconSize: "iconSize", iconClass: "iconClass" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n></kms-icon>\n", styles: [""], dependencies: [{ kind: "directive", type: SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "directive", type: TooltipDirective, selector: "[kmsTooltip]", inputs: ["kmsTooltip", "placement", "delay"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
657
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: { tooltipText: "tooltipText", placement: "placement", delay: "delay", iconSize: "iconSize", iconClass: "iconClass", tooltipAlwaysVisible: "tooltipAlwaysVisible" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n [alwaysVisible]=\"tooltipAlwaysVisible\"\n></kms-icon>\n", styles: [""], dependencies: [{ kind: "directive", type: SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "directive", type: TooltipDirective, selector: "[kmsTooltip]", inputs: ["kmsTooltip", "placement", "delay", "alwaysVisible"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
642
658
  }
643
659
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipIconComponent, decorators: [{
644
660
  type: Component,
645
- args: [{ selector: 'kms-tooltip-icon', template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n></kms-icon>\n" }]
661
+ args: [{ selector: 'kms-tooltip-icon', template: "<div #tooltipContent>\n {{ tooltipText }}\n</div>\n<kms-icon\n icon=\"ic_info\"\n [size]=\"iconSize\"\n [iconClass]=\"iconClass\"\n [kmsTooltip]=\"tooltipContent\"\n [placement]=\"placement\"\n [delay]=\"delay\"\n [alwaysVisible]=\"tooltipAlwaysVisible\"\n></kms-icon>\n" }]
646
662
  }], propDecorators: { button: [{
647
663
  type: ViewChild,
648
664
  args: ['button']
@@ -659,6 +675,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
659
675
  type: Input
660
676
  }], iconClass: [{
661
677
  type: Input
678
+ }], tooltipAlwaysVisible: [{
679
+ type: Input
662
680
  }] } });
663
681
 
664
682
  class ColorInputComponent extends FormControlParentComponent {
@@ -709,7 +727,7 @@ class ColorInputComponent extends FormControlParentComponent {
709
727
  useExisting: forwardRef(() => ColorInputComponent),
710
728
  multi: true,
711
729
  },
712
- ], usesInheritance: true, ngImport: i0, template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n <div>\n <mat-form-field class=\"colorInput\">\n <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n <mat-label>{{ label }}</mat-label>\n <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n </mat-form-field>\n </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["tooltipText", "placement", "delay", "iconSize", "iconClass"] }] }); }
730
+ ], usesInheritance: true, ngImport: i0, template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n <div>\n <mat-form-field class=\"colorInput\">\n <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n <mat-label>{{ label }}</mat-label>\n <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n </mat-form-field>\n </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["tooltipText", "placement", "delay", "iconSize", "iconClass", "tooltipAlwaysVisible"] }] }); }
713
731
  }
714
732
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColorInputComponent, decorators: [{
715
733
  type: Component,