@indigina/ui-kit 1.1.474 → 1.1.476

package/fesm2022/indigina-ui-kit.mjs

@@ -11611,7 +11611,7 @@ class KitGridCellService {
     }
     createCellValue(columnType, columnField, dataItem, translationMap = {}, defaultValue = '') {
         const value = this.getCellValue(dataItem, columnField);
-        if (columnField in translationMap && value) {
+        if (columnField in translationMap && value != null && value !== '') {
             return this.translateService.instant(translationMap[columnField](value)) ?? defaultValue;
         }
         switch (columnType) {
@@ -11898,12 +11898,7 @@ class KitGridExportComponent {
         const rootElement = 'Rows';
         const content = rows.map(row => {
             const cells = columns.map(column => {
-                const title = this.translateService.instant(column.title)
-                    .replaceAll(' ', '')
-                    .replaceAll('/', '-')
-                    .replaceAll('\'', '')
-                    .replaceAll('(', '_')
-                    .replaceAll(')', '_');
+                const title = this.getValidXmlElementName(this.translateService.instant(column.title));
                 const value = this.gridCellService.createCellValue(column.type, column.field, row, this.translationMap());
                 if (value) {
                     return this.wrapWithElement(value, title, 2, false, true);
@@ -11929,6 +11924,17 @@ class KitGridExportComponent {
             .replace(/"/g, '"')
             .replace(/'/g, ''');
     }
+    getValidXmlElementName(title) {
+        return title
+            .trim()
+            .replaceAll(' ', '')
+            .replaceAll('/', '-')
+            .replaceAll('\\', '-')
+            .replaceAll('(', '_')
+            .replaceAll(')', '_')
+            .replaceAll('\'', '')
+            .replace(/[^A-Za-z0-9_.-]/g, '');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null }, visibleColumns: { classPropertyName: "visibleColumns", publicName: "visibleColumns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n  <kit-button #toggleButton\n              kitTooltip\n              kitTooltipFilter=\"kit-button\"\n              [title]=\"'kit.export.title' | translate\"\n              [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n              [disabled]=\"!gridHasData() || isGridExporting()\"\n              [icon]=\"kitSvgIcon.DOWNLOAD\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [active]=\"popup.isPopupOpen\"\n              (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-export-popup\"\n           [anchor]=\"anchor()\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <span class=\"kit-grid-export-popup-label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n  <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n                    [items]=\"gridExportOptions\" \n                    (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup-label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["disabledChange", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }