cps-ui-kit 19.2.0 → 19.4.0

package/fesm2022/cps-ui-kit.mjs

@@ -1,7 +1,8 @@
 import * as i2 from '@angular/common';
 import { DOCUMENT, CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, Inject, Input, Directive, HostListener, EventEmitter, Self, Optional, Output, ViewChild, Pipe, PLATFORM_ID, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, InjectionToken, Host, ViewChildren, ContentChild, RendererStyleFlags2, TemplateRef, ContentChildren, numberAttribute, input, computed, createComponent, createEnvironmentInjector, Injectable, SkipSelf } from '@angular/core';
+import { Component, Inject, Input, inject, ElementRef, SecurityContext, Directive, HostListener, EventEmitter, Self, Optional, Output, ViewChild, Pipe, PLATFORM_ID, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, InjectionToken, Host, ViewChildren, ContentChild, RendererStyleFlags2, TemplateRef, ContentChildren, numberAttribute, input, computed, createComponent, createEnvironmentInjector, Injectable, SkipSelf } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i1 from '@angular/forms';
 import { FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
 import { isEqual, cloneDeep } from 'lodash-es';
@@ -386,9 +387,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
  * @group Components
  */
 class CpsTooltipDirective {
-    constructor(_elementRef, document) {
-        this._elementRef = _elementRef;
-        this.document = document;
+    constructor() {
         /**
          * Delay to show the tooltip in milliseconds, it can be of type string or number.
          * @group Props
@@ -434,12 +433,15 @@ class CpsTooltipDirective {
          * @group Props
          */
         this.tooltipOffset = 8;
+        this._elementRef = inject((ElementRef));
+        this._document = inject(DOCUMENT);
+        this._domSanitizer = inject(DomSanitizer);
         this._createTooltip = () => {
             if (this._popup)
                 return;
             if (this.tooltipDisabled)
                 return;
-            this._popup = this.document.createElement('div');
+            this._popup = this._document.createElement('div');
             this._constructElement(this._popup);
             if (this.tooltipPersistent)
                 this._popup.addEventListener('click', this._destroyTooltip);
@@ -468,19 +470,21 @@ class CpsTooltipDirective {
                 }, 200);
             }
         };
-        this.window = this.document.defaultView;
+        this.window = this._document.defaultView;
     }
     ngOnDestroy() {
         this._destroyTooltip();
     }
     _constructElement(popup) {
-        const popupContent = this.document.createElement('div');
-        popupContent.innerHTML = this.tooltip || 'Add your text to this tooltip';
+        const popupContent = this._document.createElement('div');
+        popupContent.innerHTML =
+            this._domSanitizer.sanitize(SecurityContext.HTML, this.tooltip) ||
+                'Add your text to this tooltip';
         popupContent.classList.add(this.tooltipContentClass);
         popup.appendChild(popupContent);
         popup.classList.add('cps-tooltip');
         popup.style.maxWidth = convertSize(this.tooltipMaxWidth);
-        this.document.body.appendChild(popup);
+        this._document.body.appendChild(popup);
         requestAnimationFrame(function () {
             popup.style.opacity = '1';
         });
@@ -596,7 +600,7 @@ class CpsTooltipDirective {
         if (this._popup)
             this._destroyTooltip(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CpsTooltipDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CpsTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: CpsTooltipDirective, isStandalone: true, selector: "[cpsTooltip]", inputs: { tooltip: ["cpsTooltip", "tooltip"], tooltipOpenDelay: "tooltipOpenDelay", tooltipCloseDelay: "tooltipCloseDelay", tooltipOpenOn: "tooltipOpenOn", tooltipPosition: "tooltipPosition", tooltipPersistent: "tooltipPersistent", tooltipDisabled: "tooltipDisabled", tooltipMaxWidth: "tooltipMaxWidth", tooltipContentClass: "tooltipContentClass", tooltipOffset: "tooltipOffset" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()", "click": "onClick()", "document:click": "onDocumentClick($event.target)", "window:resize": "onPageResize($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CpsTooltipDirective, decorators: [{
@@ -605,10 +609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                     selector: '[cpsTooltip]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }], propDecorators: { tooltip: [{
+        }], ctorParameters: () => [], propDecorators: { tooltip: [{
                 type: Input,
                 args: ['cpsTooltip']
             }], tooltipOpenDelay: [{
@@ -7602,7 +7603,7 @@ class CpsTableComponent {
         }
     }
     exportXLSX() {
-        import('xlsx').then((xlsx) => {
+        import('@e965/xlsx').then((xlsx) => {
             const sheetData = [
                 this.selectedColumns.map((c) => c[this.colHeaderName]),
                 ...this.primengTable.value.map((item) => this.selectedColumns.map((c) => item[c[this.colFieldName]]))