@fuentis/phoenix-ui 0.0.9-alpha.370 → 0.0.9-alpha.372

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -138,8 +138,11 @@ class SidebarItemComponent {
     constructor(router) {
         this.router = router;
     }
+    ngOnChanges(changes) {
+        console.log(this.item);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SidebarItemComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: SidebarItemComponent, isStandalone: true, selector: "pho-sidebar-item", inputs: { item: "item", classname: "classname" }, outputs: { sliderClick: "sliderClick" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: SidebarItemComponent, isStandalone: true, selector: "pho-sidebar-item", inputs: { item: "item", classname: "classname" }, outputs: { sliderClick: "sliderClick" }, usesOnChanges: true, ngImport: i0, template: `
     @if(item.path === '/dashboard'){
     <li class="list-none flex align-items-center border-bottom-1 border-200">
       <a
@@ -166,6 +169,7 @@ class SidebarItemComponent {
           [rounded]="true"
           [text]="true"
           (onClick)="onSliderClick($event, menu)"
+          [disabled]="item.disabledConfig"
         />
       </a>
       <p-menu
@@ -176,7 +180,9 @@ class SidebarItemComponent {
         [popup]="true"
       >
         <ng-template #submenuheader let-item>
-          <span class="text-400 text-sm font-semibold">{{ item.label }}</span>
+          <span class="text-400 text-sm font-semibold">{{
+            item.label | translate
+          }}</span>
         </ng-template>
         <ng-template pTemplate="item" let-item>
           <a
@@ -190,7 +196,7 @@ class SidebarItemComponent {
                 @if(item.icon){
                 <i [class]="item.icon"> </i>
                 }
-                <span class="ml-2">{{ item.title }}</span>
+                <span class="ml-2">{{ item.title | translate }}</span>
               </div>
               @if(item.activated){
               <i class=" pi pi-check"></i>
@@ -295,6 +301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
           [rounded]="true"
           [text]="true"
           (onClick)="onSliderClick($event, menu)"
+          [disabled]="item.disabledConfig"
         />
       </a>
       <p-menu
@@ -305,7 +312,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
         [popup]="true"
       >
         <ng-template #submenuheader let-item>
-          <span class="text-400 text-sm font-semibold">{{ item.label }}</span>
+          <span class="text-400 text-sm font-semibold">{{
+            item.label | translate
+          }}</span>
         </ng-template>
         <ng-template pTemplate="item" let-item>
           <a
@@ -319,7 +328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 @if(item.icon){
                 <i [class]="item.icon"> </i>
                 }
-                <span class="ml-2">{{ item.title }}</span>
+                <span class="ml-2">{{ item.title | translate }}</span>
               </div>
               @if(item.activated){
               <i class=" pi pi-check"></i>
@@ -2710,6 +2719,11 @@ function trimExcelLineBreaks(s) {
         .replace(/[\r\n]+$/, '') // remove trailing line breaks
         .replace(/(\r?\n){2,}/g, '\n'); // collapse multiple to a single
 }
+function collapseInlineSpaces(s) {
+    if (!s)
+        return '';
+    return s.replace(/\u00A0/g, ' ').replace(/[^\S\r\n]+/g, ' ').trim();
+}
 /**
  * Exports table rows to a PDF file.
  * - Uses jsPDF + autoTable
@@ -2721,13 +2735,36 @@ function exportRowsToPdf(columns, rows, columnTypeMap, columnTypeEnum, t, fileNa
         return;
     const locale = options.locale || 'en-US';
     const head = [columns.map(c => sanitizeText(t(c.header)))];
-    const body = (rows ?? []).map(row => columns.map(col => sanitizeText(getDisplayValue(row, col, columnTypeMap, columnTypeEnum, t, locale))));
-    // jsPDF default font supports Latin-1 (English, German, Serbian Latin characters).
+    const body = (rows ?? []).map(row => columns.map((col, idx) => {
+        const type = columnTypeMap[col.field] || col.columnType;
+        if (type === columnTypeEnum.LIST || type === columnTypeEnum.LIST_TAG) {
+            // make each item its own line; keep items intact (no bullets)
+            const rawVal = getNestedValue(row, col.field);
+            const items = Array.isArray(rawVal)
+                ? rawVal.map((x) => x?.name ?? x)
+                : String(getDisplayValue(row, col, columnTypeMap, columnTypeEnum, t, locale)).split(/,\s*/);
+            const cleaned = items
+                .map(it => collapseInlineSpaces(String(it)))
+                .filter(Boolean);
+            return sanitizeText(cleaned.join(',\n')); // hard break after commas
+        }
+        const raw = String(getDisplayValue(row, col, columnTypeMap, columnTypeEnum, t, locale));
+        return sanitizeText(collapseInlineSpaces(raw));
+    }));
     const doc = new jsPDF({ orientation: 'landscape', unit: 'pt', format: 'A4' });
+    // Build columnStyles dynamically: all LIST/LIST_TAG columns get min width
+    const columnStyles = {};
+    columns.forEach((col, idx) => {
+        const type = columnTypeMap[col.field] || col.columnType;
+        if (type === columnTypeEnum.LIST || type === columnTypeEnum.LIST_TAG) {
+            columnStyles[idx] = { cellWidth: 150 }; // set your min width
+        }
+    });
     autoTable(doc, {
         head,
         body,
-        styles: { fontSize: 9, cellPadding: 5, overflow: 'linebreak' },
+        styles: { fontSize: 9, cellPadding: 5, overflow: 'linebreak', valign: 'top' },
+        columnStyles: Object.keys(columnStyles).length > 0 ? columnStyles : undefined,
         margin: { top: 36, right: 24, bottom: 36, left: 24 },
     });
     doc.save(fileName);