ngx-histaff-alpha 6.3.3 → 6.3.6

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-CKFFDZWG.mjs → ngx-histaff-alpha-ngx-histaff-alpha-YPc6xct6.mjs}

@@ -18169,6 +18169,11 @@ const STICKER_COLOR_SCHEMA = [
         backgroundColor: '#FFEAEA',
         color: '#EF2B58'
     },
+    {
+        code: 'Từ chối',
+        backgroundColor: '#FFEAEA',
+        color: '#EF2B58'
+    },
     {
         code: 'ACTIVE',
         backgroundColor: '#E2F2FF',
@@ -31569,7 +31574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-CPLwUM7e.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-BEt_LyNb.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -33742,7 +33747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-CWIrbORH.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-pL0ykKNj.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -38021,11 +38026,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreDocGenRoutes = [
     {
         path: 'template-list',
-        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-B9YUgOtF.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-36QflRwY.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-Bhjfcd45.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-BBWim535.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -38054,7 +38059,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-B2d6A9bV.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-BDh-358_.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -38947,7 +38952,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BRmiNP0D.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-DlAdz6Wq.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -39057,10 +39062,49 @@ class CoreOrgchartflexComponent {
         takeUntilDestroyed(this.destroyRef))
             .subscribe(async () => {
             this.printing$.next(true);
-            await this.exportOrgChartToPdf();
+            //await this.exportOrgChartAtomic();
+            //await this.exportOrgChartOnePage();
+            //await this.exportOrgChartAutoFit();
+            await this.exportOrgChartPro();
             this.printing$.next(false);
         });
     }
+    highlightChartRect() {
+        const printArea = this.$printArea()?.nativeElement;
+        if (!printArea)
+            return;
+        // 1️⃣ Compute bounding box of all .tree nodes
+        const allNodes = Array.from(printArea.querySelectorAll('.tree, .tree *'));
+        const boxes = allNodes.map(n => n.getBoundingClientRect());
+        const minX = Math.min(...boxes.map(b => b.left));
+        const minY = Math.min(...boxes.map(b => b.top));
+        const maxX = Math.max(...boxes.map(b => b.right));
+        const maxY = Math.max(...boxes.map(b => b.bottom));
+        const chartW = Math.ceil(maxX - minX);
+        const chartH = Math.ceil(maxY - minY);
+        // 2️⃣ Create a visual overlay
+        const overlay = document.createElement('div');
+        overlay.id = 'chart-debug-overlay';
+        Object.assign(overlay.style, {
+            position: 'fixed',
+            left: `${minX}px`,
+            top: `${minY}px`,
+            width: `${chartW}px`,
+            height: `${chartH}px`,
+            border: '2px solid red',
+            background: 'rgba(255,0,0,0.05)',
+            zIndex: '999999',
+            pointerEvents: 'none',
+            boxShadow: '0 0 10px red',
+        });
+        // 3️⃣ Remove existing overlay if any, then attach new one
+        document.getElementById('chart-debug-overlay')?.remove();
+        document.body.appendChild(overlay);
+        console.log(`🔍 Bounding Box — x:${minX}, y:${minY}, w:${chartW}, h:${chartH}`);
+    }
+    clearChartHighlight() {
+        document.getElementById('chart-debug-overlay')?.remove();
+    }
     toggleExpand(e) {
         e.tree$Expanded = !!!e.tree$Expanded;
     }
@@ -39088,72 +39132,359 @@ class CoreOrgchartflexComponent {
             style.setProperty('--children-border-color', this.$childrenBorderColor());
         });
     }
-    async exportOrgChartToPdf() {
+    async healImagesForCanvas(printArea) {
+        const imgs = Array.from(printArea.querySelectorAll('img'));
+        await Promise.all(imgs.map(async (img) => {
+            if (img.src.startsWith('data:'))
+                return;
+            try {
+                const resp = await fetch(img.src, { mode: 'cors' });
+                const blob = await resp.blob();
+                const reader = new FileReader();
+                await new Promise(res => {
+                    reader.onload = () => {
+                        img.src = reader.result;
+                        res();
+                    };
+                    reader.readAsDataURL(blob);
+                });
+            }
+            catch {
+                console.warn('⚠️ Skipping image due to CORS:', img.src);
+            }
+        }));
+    }
+    // async exportOrgChartAtomic(): Promise<void> {
+    //   const container = this.$container()?.nativeElement as HTMLElement;
+    //   const printArea = this.$printArea()?.nativeElement as HTMLElement;
+    //   if (!printArea) return;
+    //   // 🩺 1️⃣ Normalize zoom + disable transitions
+    //   const oldScale = getComputedStyle(container).getPropertyValue('--print-area-scale');
+    //   container.style.setProperty('--print-area-scale', '1');
+    //   const oldTransform = printArea.style.transform;
+    //   printArea.style.transform = 'none';
+    //   printArea.querySelectorAll('*').forEach(el => {
+    //     (el as HTMLElement).style.animation = 'none';
+    //     (el as HTMLElement).style.transition = 'none';
+    //   });
+    //   // 🧭 2️⃣ Wait for & heal all <img> elements
+    //   const imgs = Array.from(printArea.querySelectorAll('img')) as HTMLImageElement[];
+    //   await Promise.all(
+    //     imgs.map(img =>
+    //       img.complete ? Promise.resolve() : new Promise(res => (img.onload = img.onerror = res))
+    //     )
+    //   );
+    //   for (const img of imgs) {
+    //     if (img.src.startsWith('data:')) continue;
+    //     try {
+    //       const resp = await fetch(img.src, { mode: 'cors' });
+    //       const blob = await resp.blob();
+    //       const reader = new FileReader();
+    //       await new Promise<void>(res => {
+    //         reader.onload = () => {
+    //           img.src = reader.result as string;
+    //           res();
+    //         };
+    //         reader.readAsDataURL(blob);
+    //       });
+    //     } catch { /* skip broken images */ }
+    //   }
+    //   // 📐 3️⃣ Compute true bounding box (atomic crop)
+    //   const allNodes = Array.from(printArea.querySelectorAll('.tree, .tree *')) as HTMLElement[];
+    //   const boxes = allNodes.map(n => n.getBoundingClientRect());
+    //   const minX = Math.min(...boxes.map(b => b.left));
+    //   const minY = Math.min(...boxes.map(b => b.top));
+    //   const maxX = Math.max(...boxes.map(b => b.right));
+    //   const maxY = Math.max(...boxes.map(b => b.bottom));
+    //   const chartW = Math.ceil(maxX - minX);
+    //   const chartH = Math.ceil(maxY - minY);
+    //   // 🧩 Offsets inside the printArea (viewport → local)
+    //   const areaRect = printArea.getBoundingClientRect();
+    //   const offsetX = Math.max(0, minX - areaRect.left);
+    //   const offsetY = Math.max(0, minY - areaRect.top);
+    //   // 🖼️ 4️⃣ Capture exact region only
+    //   const canvas = await html2canvas(printArea, {
+    //     backgroundColor: '#ffffff',
+    //     scale: 3,
+    //     useCORS: true,
+    //     x: offsetX,
+    //     y: offsetY,
+    //     width: chartW,
+    //     height: chartH,
+    //     windowWidth: Math.max(chartW, printArea.scrollWidth),
+    //     windowHeight: Math.max(chartH, printArea.scrollHeight),
+    //     logging: false,
+    //   });
+    //   // restore styles
+    //   container.style.setProperty('--print-area-scale', oldScale);
+    //   printArea.style.transform = oldTransform;
+    //   // 🧾 5️⃣ Export the result
+    //   const dataUrl = canvas.toDataURL('image/png');
+    //   const allStyles = Array.from(document.querySelectorAll('style,link[rel="stylesheet"]'))
+    //     .map(s => s.outerHTML)
+    //     .join('\n');
+    //   // 🪟 6️⃣ Dynamic preview / print window
+    //   const popupW = Math.min(chartW * 0.5, screen.availWidth - 100);
+    //   const popupH = Math.min(chartH * 0.5, screen.availHeight - 100);
+    //   const printWindow = window.open('', '', `width=${popupW},height=${popupH},resizable=yes`);
+    //   const css = `
+    //   <style>
+    //     @page { size: ${chartW}px ${chartH}px; margin: 0; }
+    //     html, body {
+    //       margin: 0; padding: 0;
+    //       width: 100%; height: 100%;
+    //       background: white;
+    //       display: flex; align-items: center; justify-content: center;
+    //     }
+    //     img {
+    //       width: ${chartW}px;
+    //       height: ${chartH}px;
+    //       object-fit: contain;
+    //     }
+    //   </style>
+    // `;
+    //   printWindow!.document.write(`
+    //   <html><head>${allStyles}${css}</head>
+    //   <body><img src="${dataUrl}" /></body></html>
+    // `);
+    //   printWindow!.document.close();
+    //   printWindow!.addEventListener('load', () => {
+    //     printWindow!.focus();
+    //     printWindow!.print();
+    //   });
+    // }
+    // async exportOrgChartAtomic(): Promise<void> {
+    //   this.printing$.next(true);
+    //   const container = this.$container()?.nativeElement as HTMLElement;
+    //   const printArea = this.$printArea()?.nativeElement as HTMLElement;
+    //   if (!printArea) return;
+    //   const canvas = await html2canvas(printArea, {
+    //     backgroundColor: '#ffffff',
+    //     scale: 3,
+    //     useCORS: true,
+    //   });
+    //   const dataUrl = canvas.toDataURL('image/png');
+    //   const imgWidth = 210; // A4 width in mm
+    //   const pageHeight = 297; // A4 height in mm
+    //   const imgHeight = (canvas.height * imgWidth) / canvas.width;
+    //   const { jsPDF } = jspdf;     // ✅ Destructure the jsPDF class
+    //   const pdf = new jsPDF('p', 'mm', 'a4'); // ✅ Proper instantiation
+    //   // Scale to fit within A4 page
+    //   let position = 0;
+    //   if (imgHeight > pageHeight) {
+    //     // Multi-page logic
+    //     let remainingHeight = imgHeight;
+    //     while (remainingHeight > 0) {
+    //       pdf.addImage(dataUrl, 'PNG', 0, position, imgWidth, imgHeight);
+    //       remainingHeight -= pageHeight;
+    //       if (remainingHeight > 0) {
+    //         pdf.addPage();
+    //         position = 0;
+    //       }
+    //     }
+    //   } else {
+    //     pdf.addImage(dataUrl, 'PNG', 0, 0, imgWidth, imgHeight);
+    //   }
+    //   pdf.save('OrgChart.pdf');
+    //   this.printing$.next(false);
+    // }
+    // async exportOrgChartOnePage(): Promise<void> {
+    //   const container = this.$container()?.nativeElement as HTMLElement;
+    //   const printArea = this.$printArea()?.nativeElement as HTMLElement;
+    //   if (!printArea) return;
+    //   // 🧭 1️⃣ Get all nodes inside `.tree`
+    //   const allNodes = Array.from(printArea.querySelectorAll('.tree, .tree *')) as HTMLElement[];
+    //   const boxes = allNodes.map(n => n.getBoundingClientRect());
+    //   const minX = Math.min(...boxes.map(b => b.left));
+    //   const minY = Math.min(...boxes.map(b => b.top));
+    //   const maxX = Math.max(...boxes.map(b => b.right));
+    //   const maxY = Math.max(...boxes.map(b => b.bottom));
+    //   const chartW = Math.ceil(maxX - minX);
+    //   const chartH = Math.ceil(maxY - minY);
+    //   const areaRect = printArea.getBoundingClientRect();
+    //   const offsetX = Math.max(0, minX - areaRect.left);
+    //   const offsetY = Math.max(0, minY - areaRect.top);
+    //   // 🖼️ 2️⃣ Capture cropped canvas
+    //   const canvas = await html2canvas(printArea, {
+    //     backgroundColor: '#fff',
+    //     scale: 3,
+    //     useCORS: true,
+    //     x: offsetX,
+    //     y: offsetY,
+    //     width: chartW,
+    //     height: chartH,
+    //   });
+    //   // 🧮 3️⃣ Convert to PNG + fit to A4 ratio
+    //   const dataUrl = canvas.toDataURL('image/png');
+    //   const { jsPDF } = jspdf;
+    //   const pdf = new jsPDF('l', 'mm', 'a4'); // landscape
+    //   const pageW = pdf.internal.pageSize.getWidth();
+    //   const pageH = pdf.internal.pageSize.getHeight();
+    //   const imgRatio = chartW / chartH;
+    //   const pageRatio = pageW / pageH;
+    //   let imgW = pageW, imgH = pageH;
+    //   if (imgRatio > pageRatio) imgH = pageW / imgRatio;
+    //   else imgW = pageH * imgRatio;
+    //   const posX = (pageW - imgW) / 2;
+    //   const posY = (pageH - imgH) / 2;
+    //   // 🪄 4️⃣ Add to PDF centered and scaled
+    //   pdf.addImage(dataUrl, 'PNG', posX, posY, imgW, imgH);
+    //   pdf.save('OrgChart-OnePage.pdf');
+    // }
+    // async exportOrgChartAutoFit(): Promise<void> {
+    //   if (!this.$container()?.nativeElement) return;
+    //   this.$container()!.nativeElement.style.setProperty('--print-area-scale', 1);
+    //   const container = this.$container()?.nativeElement as HTMLElement;
+    //   const printArea = this.$printArea()?.nativeElement as HTMLElement;
+    //   if (!printArea) return;
+    //   // 🧭 1️⃣ Determine bounding box of all .tree nodes
+    //   const allNodes = Array.from(printArea.querySelectorAll('.tree, .tree *')) as HTMLElement[];
+    //   const boxes = allNodes.map(n => n.getBoundingClientRect());
+    //   const minX = Math.min(...boxes.map(b => b.left));
+    //   const minY = Math.min(...boxes.map(b => b.top));
+    //   const maxX = Math.max(...boxes.map(b => b.right));
+    //   const maxY = Math.max(...boxes.map(b => b.bottom));
+    //   const chartW = Math.ceil(maxX - minX);
+    //   const chartH = Math.ceil(maxY - minY);
+    //   const areaRect = printArea.getBoundingClientRect();
+    //   const offsetX = Math.max(0, minX - areaRect.left);
+    //   const offsetY = Math.max(0, minY - areaRect.top);
+    //   await this.healImagesForCanvas(printArea);
+    //   // 🖼️ 2️⃣ Render cropped region only
+    //   const canvas = await html2canvas(printArea, {
+    //     backgroundColor: '#ffffff',
+    //     scale: 3,
+    //     useCORS: true,
+    //     x: offsetX,
+    //     y: offsetY,
+    //     width: chartW,
+    //     height: chartH,
+    //   });
+    //   const dataUrl = canvas.toDataURL('image/png');
+    //   // 📐 3️⃣ Decide PDF orientation dynamically
+    //   const chartRatio = chartW / chartH;
+    //   const a4Ratio = 210 / 297; // portrait A4
+    //   const orientation = chartRatio > a4Ratio ? 'l' : 'p'; // landscape if wider
+    //   const { jsPDF } = jspdf;
+    //   const pdf = new jsPDF(orientation, 'mm', 'a4');
+    //   // 🧩 4️⃣ Compute image placement for best fit
+    //   const pageW = pdf.internal.pageSize.getWidth();
+    //   const pageH = pdf.internal.pageSize.getHeight();
+    //   const imgRatio = chartW / chartH;
+    //   const pageRatio = pageW / pageH;
+    //   let imgW = pageW, imgH = pageH;
+    //   if (imgRatio > pageRatio) imgH = pageW / imgRatio;
+    //   else imgW = pageH * imgRatio;
+    //   const posX = (pageW - imgW) / 2;
+    //   const posY = (pageH - imgH) / 2;
+    //   // 🪄 5️⃣ Add image to PDF centered
+    //   pdf.addImage(dataUrl, 'PNG', posX, posY, imgW, imgH);
+    //   pdf.save('OrgChart-AutoFit.pdf');
+    // }
+    async exportOrgChartPro() {
+        const container = this.$container()?.nativeElement;
         const printArea = this.$printArea()?.nativeElement;
         if (!printArea)
             return;
-        // 1️⃣ Scroll the chart fully into view to ensure all nodes render
-        printArea.scrollIntoView({ block: 'center', inline: 'center' });
-        // 2️⃣ Capture the *visible, styled* node directly (no clone)
+        // -----------------------------------------------------------
+        // 1️⃣ Save and temporarily disable transform scale
+        // -----------------------------------------------------------
+        const oldScale = getComputedStyle(container).getPropertyValue('--print-area-scale');
+        container.style.setProperty('--print-area-scale', '1');
+        await new Promise(r => setTimeout(r)); // allow DOM to reflow
+        // -----------------------------------------------------------
+        // 2️⃣ Heal cross-domain images → DataURL
+        // -----------------------------------------------------------
+        const imgs = Array.from(printArea.querySelectorAll('img'));
+        await Promise.all(imgs.map(async (img) => {
+            if (img.src.startsWith('data:'))
+                return;
+            try {
+                const resp = await fetch(img.src, { mode: 'cors' });
+                const blob = await resp.blob();
+                const reader = new FileReader();
+                await new Promise(res => {
+                    reader.onload = () => {
+                        img.src = reader.result;
+                        res();
+                    };
+                    reader.readAsDataURL(blob);
+                });
+            }
+            catch {
+                console.warn('⚠️ Skipped image due to CORS:', img.src);
+            }
+        }));
+        // -----------------------------------------------------------
+        // 3️⃣ Compute bounding box of all visible `.tree` nodes
+        // -----------------------------------------------------------
+        const allNodes = Array.from(printArea.querySelectorAll('.tree, .tree *'));
+        const boxes = allNodes.map(n => n.getBoundingClientRect());
+        const minX = Math.min(...boxes.map(b => b.left));
+        const minY = Math.min(...boxes.map(b => b.top));
+        const maxX = Math.max(...boxes.map(b => b.right));
+        const maxY = Math.max(...boxes.map(b => b.bottom));
+        const chartW = Math.ceil(maxX - minX);
+        const chartH = Math.ceil(maxY - minY);
+        const areaRect = printArea.getBoundingClientRect();
+        const offsetX = Math.max(0, minX - areaRect.left);
+        const offsetY = Math.max(0, minY - areaRect.top);
+        // -----------------------------------------------------------
+        // 4️⃣ Render only the chart region (atomic capture)
+        // -----------------------------------------------------------
         const canvas = await html2canvas(printArea, {
-            scale: 3,
             backgroundColor: '#ffffff',
             useCORS: true,
-            logging: false,
-        });
-        // 3️⃣ Fit to A4 page size
-        const isLandscape = canvas.width > canvas.height;
-        const pageW = isLandscape ? 3508 : 2480;
-        const pageH = isLandscape ? 2480 : 3508;
-        const ratio = Math.min(pageW / canvas.width, pageH / canvas.height);
-        const fitW = canvas.width * ratio;
-        const fitH = canvas.height * ratio;
-        // 4️⃣ Convert to image
+            scale: 3,
+            x: offsetX,
+            y: offsetY,
+            width: chartW,
+            height: chartH
+        });
+        // -----------------------------------------------------------
+        // 5️⃣ Restore scale after capture
+        // -----------------------------------------------------------
+        container.style.setProperty('--print-area-scale', oldScale);
+        // -----------------------------------------------------------
+        // 6️⃣ Prepare image + PDF layout
+        // -----------------------------------------------------------
         const dataUrl = canvas.toDataURL('image/png');
-        // 5️⃣ Copy active styles (so print window keeps theme/fonts)
-        const allStyles = Array.from(document.querySelectorAll('style,link[rel="stylesheet"]'))
-            .map(s => s.outerHTML)
-            .join('\n');
-        // 6️⃣ Open dynamically sized preview window
-        const popupW = Math.min(canvas.width * 0.5, screen.availWidth - 100);
-        const popupH = Math.min(canvas.height * 0.5, screen.availHeight - 100);
-        const printWindow = window.open('', '', `width=${popupW},height=${popupH},resizable=yes`);
-        // 7️⃣ Print layout (A4/A3 fit)
-        const css = `
-    <style>
-      @page { size: A4 ${isLandscape ? 'landscape' : 'portrait'}; margin: 0; }
-      html, body {
-        margin: 0; padding: 0;
-        width: 100%; height: 100%;
-        background: white;
-        display: flex; align-items: center; justify-content: center;
-      }
-      img {
-        width: ${fitW}px; height: ${fitH}px;
-        max-width: 100%; max-height: 100%;
-        object-fit: contain;
-      }
-    </style>
-  `;
-        printWindow.document.write(`
-    <html><head>${allStyles}${css}</head>
-    <body><img src="${dataUrl}" /></body></html>
-  `);
-        printWindow.document.close();
-        printWindow.addEventListener('load', () => {
-            printWindow.focus();
-            printWindow.print();
-        });
+        const chartRatio = chartW / chartH;
+        const { jsPDF } = jspdf;
+        // choose portrait if tall, landscape if wide
+        const orientation = chartRatio > (210 / 297) ? 'l' : 'p';
+        const pdf = new jsPDF(orientation, 'mm', 'a4');
+        const pageW = pdf.internal.pageSize.getWidth();
+        const pageH = pdf.internal.pageSize.getHeight();
+        const imgRatio = chartW / chartH;
+        const pageRatio = pageW / pageH;
+        let imgW = pageW, imgH = pageH;
+        if (imgRatio > pageRatio)
+            imgH = pageW / imgRatio;
+        else
+            imgW = pageH * imgRatio;
+        const posX = (pageW - imgW) / 2;
+        const posY = (pageH - imgH) / 2;
+        // -----------------------------------------------------------
+        // 7️⃣ Add image + save or preview
+        // -----------------------------------------------------------
+        pdf.addImage(dataUrl, 'PNG', posX, posY, imgW, imgH);
+        // OPTION A: download directly
+        pdf.save('OrgChart-Pro.pdf');
+        // OPTION B: open preview instead
+        //window.open(pdf.output('bloburl'), '_blank');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreOrgchartflexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreOrgchartflexComponent, isStandalone: true, selector: "core-orgchartflex", inputs: { $data: { classPropertyName: "$data", publicName: "$data", isSignal: true, isRequired: true, transformFunction: null }, $itemTemplate: { classPropertyName: "$itemTemplate", publicName: "$itemTemplate", isSignal: true, isRequired: true, transformFunction: null }, $compactMode: { classPropertyName: "$compactMode", publicName: "$compactMode", isSignal: true, isRequired: false, transformFunction: null }, $showDissolved: { classPropertyName: "$showDissolved", publicName: "$showDissolved", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $connectionColor: { classPropertyName: "$connectionColor", publicName: "$connectionColor", isSignal: true, isRequired: false, transformFunction: null }, $connectionSize: { classPropertyName: "$connectionSize", publicName: "$connectionSize", isSignal: true, isRequired: false, transformFunction: null }, $fromChildrenToTopLine: { classPropertyName: "$fromChildrenToTopLine", publicName: "$fromChildrenToTopLine", isSignal: true, isRequired: false, transformFunction: null }, $fromParentToChildrenTopLine: { classPropertyName: "$fromParentToChildrenTopLine", publicName: "$fromParentToChildrenTopLine", isSignal: true, isRequired: false, transformFunction: null }, $childrenHorizontalMargin: { classPropertyName: "$childrenHorizontalMargin", publicName: "$childrenHorizontalMargin", isSignal: true, isRequired: false, transformFunction: null }, $childrenBorderSize: { classPropertyName: "$childrenBorderSize", publicName: "$childrenBorderSize", isSignal: true, isRequired: false, transformFunction: null }, $childrenBorderColor: { classPropertyName: "$childrenBorderColor", publicName: "$childrenBorderColor", isSignal: true, isRequired: false, transformFunction: null }, printFlag$: { classPropertyName: "printFlag$", publicName: "printFlag$", isSignal: false, isRequired: false, transformFunction: null }, printing$: { classPropertyName: "printing$", publicName: "printing$", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onPrintAreaRendered: "onPrintAreaRendered" }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$parent", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "$printArea", first: true, predicate: ["printArea"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #container class=\"core-orgchartflex-container\" (mousedown)=\"startDragging($event, false)\"\r\n    (mouseup)=\"stopDragging($event, false)\" (mouseleave)=\"stopDragging($event, false)\" (mousemove)=\"moveEvent($event)\">\r\n\r\n    <div class=\"scroll-container\" #parent [ngStyle]=\"{ cursor: $mouseDown() ? 'all-scroll' : 'unset', width: $width() + 'px', height: $height() + 'px' }\">\r\n\r\n        <div class=\"zoom-control p-absolute\">\r\n            <div class=\"p-relative d-flex d-flex-start\">\r\n                <i class=\"feather-minus-circle pointer\" (click)=\"zoonOut()\"></i>\r\n                <i class=\"feather-plus-circle pointer\" (click)=\"zoonIn()\"></i>\r\n                <i class=\"feather-monitor pointer\" (click)=\"zoonFeat()\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"print-area\" #printArea>\r\n\r\n            @for (root of $data(); track $index) {\r\n                <ul class=\"tree\">\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: root}\"></ng-container>\r\n                </ul>\r\n            }\r\n\r\n        </div>\r\n\r\n        <ng-template #item let-context=\"context\" let-title=\"context.tree$Title\" let-expanded=\"context.tree$Expanded\"\r\n            let-children=\"context.tree$Children\" let-tier=\"context.tree$Tier\" let-isActive=\"context.isActive\">\r\n            @if ((!$showDissolved() && !!isActive) || (!!$showDissolved())) {\r\n                <li>\r\n                    @if ($compactMode()) {\r\n                        <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.compact]=\"tier !== 1\" [class.expanded]=\"expanded\">\r\n                            {{ title }}\r\n                        </span>\r\n                    }\r\n    \r\n                    <!-- When passing item template and compactMode=false-->\r\n                    @if (!$compactMode() && !!$itemTemplate()) {\r\n                        <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.expanded]=\"expanded\">\r\n                            <ng-container *ngTemplateOutlet=\"$itemTemplate(); context: { item: context } \"></ng-container>\r\n                        </span>\r\n                    }\r\n                    <!-- -------------------------  -->\r\n    \r\n                    @if (!!expanded && !!children.length) {\r\n                        <ul>\r\n                            @for (child of children; track $index) {\r\n                                <ng-container *ngTemplateOutlet=\"item; context: { context: child}\"></ng-container>\r\n                            }\r\n                        </ul>\r\n                    }\r\n                </li>\r\n            }\r\n        </ng-template>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".core-orgchartflex-container{--width: 100px;--height: 100px;--link-color: cadetblue;--print-area-scale: 1;--connection-color: gray;--connection-size: 1px;--from-children-to-top-line: 100px;--from-parent-to-children-top-line: 100px;--children-horizontal-margin: 5px;--children-border-size: 1px;--children-border-color: gray}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}.core-orgchartflex-container *{animation:fadeIn .5s ease-in-out}.core-orgchartflex-container .scroll-container{display:block;width:var(--width);height:var(--height);overflow-x:auto}.core-orgchartflex-container .scroll-container .zoom-control{top:var(--size-layout-block-cell-spacing);right:var(--size-layout-block-cell-spacing);z-index:3}.core-orgchartflex-container .scroll-container .zoom-control i{font-size:16px;color:#848484}.core-orgchartflex-container .scroll-container .print-area{transform:scale(var(--print-area-scale));transition:.5s linear}.core-orgchartflex-container .scroll-container .tree *{box-sizing:border-box}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul,.core-orgchartflex-container .scroll-container .tree li{list-style:none;margin:0;padding:0;position:relative}.core-orgchartflex-container .scroll-container .tree{margin:0 0 1em;text-align:center}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul{display:table}.core-orgchartflex-container .scroll-container .tree ul{width:100%}.core-orgchartflex-container .scroll-container .tree li{display:table-cell;padding:var(--from-children-to-top-line) 0;vertical-align:top!important}.core-orgchartflex-container .scroll-container .tree li:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";left:0;position:absolute;right:0;top:0}.core-orgchartflex-container .scroll-container .tree li:first-child:before{left:50%}.core-orgchartflex-container .scroll-container .tree li:last-child:before{right:50%}.core-orgchartflex-container .scroll-container .tree code,.core-orgchartflex-container .scroll-container .tree span{border:solid var(--children-border-size) var(--children-border-color);display:inline-block;margin:0 var(--children-horizontal-margin) var(--from-parent-to-children-top-line);position:relative}.core-orgchartflex-container .scroll-container .tree span.compact{max-width:75px}.core-orgchartflex-container .scroll-container .tree ul:before,.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";height:calc(var(--from-children-to-top-line) - var(--connection-size));left:50%;position:absolute}.core-orgchartflex-container .scroll-container .tree ul:before{top:calc(var(--from-parent-to-children-top-line) * -1 + var(--connection-size) / 2);height:calc(var(--from-parent-to-children-top-line) - var(--connection-size) * 1.5 + 1px)}.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{top:calc(var(--from-children-to-top-line) * -1 + var(--connection-size) / 2 - var(--children-border-size))}.core-orgchartflex-container .scroll-container .tree>li{margin-top:0}.core-orgchartflex-container .scroll-container .tree>li:before,.core-orgchartflex-container .scroll-container .tree>li:after,.core-orgchartflex-container .scroll-container .tree>li>code:before,.core-orgchartflex-container .scroll-container .tree>li>span:before{outline:none}.core-orgchartflex-container .scroll-container a{text-decoration:unset;color:var(--link-color)!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreOrgchartflexComponent, isStandalone: true, selector: "core-orgchartflex", inputs: { $data: { classPropertyName: "$data", publicName: "$data", isSignal: true, isRequired: true, transformFunction: null }, $itemTemplate: { classPropertyName: "$itemTemplate", publicName: "$itemTemplate", isSignal: true, isRequired: true, transformFunction: null }, $compactMode: { classPropertyName: "$compactMode", publicName: "$compactMode", isSignal: true, isRequired: false, transformFunction: null }, $showDissolved: { classPropertyName: "$showDissolved", publicName: "$showDissolved", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $connectionColor: { classPropertyName: "$connectionColor", publicName: "$connectionColor", isSignal: true, isRequired: false, transformFunction: null }, $connectionSize: { classPropertyName: "$connectionSize", publicName: "$connectionSize", isSignal: true, isRequired: false, transformFunction: null }, $fromChildrenToTopLine: { classPropertyName: "$fromChildrenToTopLine", publicName: "$fromChildrenToTopLine", isSignal: true, isRequired: false, transformFunction: null }, $fromParentToChildrenTopLine: { classPropertyName: "$fromParentToChildrenTopLine", publicName: "$fromParentToChildrenTopLine", isSignal: true, isRequired: false, transformFunction: null }, $childrenHorizontalMargin: { classPropertyName: "$childrenHorizontalMargin", publicName: "$childrenHorizontalMargin", isSignal: true, isRequired: false, transformFunction: null }, $childrenBorderSize: { classPropertyName: "$childrenBorderSize", publicName: "$childrenBorderSize", isSignal: true, isRequired: false, transformFunction: null }, $childrenBorderColor: { classPropertyName: "$childrenBorderColor", publicName: "$childrenBorderColor", isSignal: true, isRequired: false, transformFunction: null }, printFlag$: { classPropertyName: "printFlag$", publicName: "printFlag$", isSignal: false, isRequired: false, transformFunction: null }, printing$: { classPropertyName: "printing$", publicName: "printing$", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onPrintAreaRendered: "onPrintAreaRendered" }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$parent", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "$printArea", first: true, predicate: ["printArea"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #container class=\"core-orgchartflex-container\" (mousedown)=\"startDragging($event, false)\"\r\n    (mouseup)=\"stopDragging($event, false)\" (mouseleave)=\"stopDragging($event, false)\" (mousemove)=\"moveEvent($event)\">\r\n\r\n    <div class=\"scroll-container\" #parent\r\n        [ngStyle]=\"{ cursor: $mouseDown() ? 'all-scroll' : 'unset', width: $width() + 'px', height: $height() + 'px' }\">\r\n\r\n        <div class=\"zoom-control p-absolute\">\r\n            <div class=\"p-relative d-flex d-flex-start\">\r\n                <i class=\"feather-minus-circle pointer\" (click)=\"zoonOut()\"></i>\r\n                <i class=\"feather-plus-circle pointer\" (click)=\"zoonIn()\"></i>\r\n                <i class=\"feather-monitor pointer\" (click)=\"zoonFeat()\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"print-area\" #printArea>\r\n\r\n            @for (root of $data(); track $index) {\r\n            <ul class=\"tree\">\r\n                <ng-container *ngTemplateOutlet=\"item; context: { context: root}\"></ng-container>\r\n            </ul>\r\n            }\r\n\r\n        </div>\r\n\r\n        <ng-template #item let-context=\"context\" let-title=\"context.tree$Title\" let-expanded=\"context.tree$Expanded\"\r\n            let-children=\"context.tree$Children\" let-tier=\"context.tree$Tier\" let-isActive=\"context.isActive\">\r\n            @if ((!$showDissolved() && !!isActive) || (!!$showDissolved())) {\r\n            <li>\r\n                @if ($compactMode()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.compact]=\"tier !== 1\"\r\n                    [class.expanded]=\"expanded\">\r\n                    {{ title }}\r\n                </span>\r\n                }\r\n\r\n                <!-- When passing item template and compactMode=false-->\r\n                @if (!$compactMode() && !!$itemTemplate()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.expanded]=\"expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"$itemTemplate(); context: { item: context } \"></ng-container>\r\n                </span>\r\n                }\r\n                <!-- -------------------------  -->\r\n\r\n                @if (!!expanded && !!children.length) {\r\n                <ul>\r\n                    @for (child of children; track $index) {\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: child}\"></ng-container>\r\n                    }\r\n                </ul>\r\n                }\r\n            </li>\r\n            }\r\n        </ng-template>\r\n\r\n    </div>\r\n\r\n    @if (printing$ | async) {\r\n        <app-fullscreen-modal-loader />\r\n    }\r\n\r\n    <!-- <button class=\"btn btn-outline-danger\" (click)=\"highlightChartRect()\">\r\n        Highlight Export Area\r\n    </button>\r\n    <button class=\"btn btn-outline-danger\" (click)=\"clearChartHighlight()\">\r\n        Clear Export Area\r\n    </button> -->\r\n\r\n</div>", styles: [".core-orgchartflex-container{--width: 100px;--height: 100px;--link-color: cadetblue;--print-area-scale: 1;--connection-color: gray;--connection-size: 1px;--from-children-to-top-line: 100px;--from-parent-to-children-top-line: 100px;--children-horizontal-margin: 5px;--children-border-size: 1px;--children-border-color: gray}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}.core-orgchartflex-container *{animation:fadeIn .5s ease-in-out}.core-orgchartflex-container .scroll-container{display:block;width:var(--width);height:var(--height);overflow-x:auto}.core-orgchartflex-container .scroll-container .zoom-control{top:var(--size-layout-block-cell-spacing);right:var(--size-layout-block-cell-spacing);z-index:3}.core-orgchartflex-container .scroll-container .zoom-control i{font-size:16px;color:#848484}.core-orgchartflex-container .scroll-container .print-area{transform:scale(var(--print-area-scale));transition:.5s linear}.core-orgchartflex-container .scroll-container .tree *{box-sizing:border-box}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul,.core-orgchartflex-container .scroll-container .tree li{list-style:none;margin:0;padding:0;position:relative}.core-orgchartflex-container .scroll-container .tree{margin:0 0 1em;text-align:center}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul{display:table}.core-orgchartflex-container .scroll-container .tree ul{width:100%}.core-orgchartflex-container .scroll-container .tree li{display:table-cell;padding:var(--from-children-to-top-line) 0;vertical-align:top!important}.core-orgchartflex-container .scroll-container .tree li:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";left:0;position:absolute;right:0;top:0}.core-orgchartflex-container .scroll-container .tree li:first-child:before{left:50%}.core-orgchartflex-container .scroll-container .tree li:last-child:before{right:50%}.core-orgchartflex-container .scroll-container .tree code,.core-orgchartflex-container .scroll-container .tree span{border:solid var(--children-border-size) var(--children-border-color);display:inline-block;margin:0 var(--children-horizontal-margin) var(--from-parent-to-children-top-line);position:relative}.core-orgchartflex-container .scroll-container .tree span.compact{max-width:75px}.core-orgchartflex-container .scroll-container .tree ul:before,.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";height:calc(var(--from-children-to-top-line) - var(--connection-size));left:50%;position:absolute}.core-orgchartflex-container .scroll-container .tree ul:before{top:calc(var(--from-parent-to-children-top-line) * -1 + var(--connection-size) / 2);height:calc(var(--from-parent-to-children-top-line) - var(--connection-size) * 1.5 + 1px)}.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{top:calc(var(--from-children-to-top-line) * -1 + var(--connection-size) / 2 - var(--children-border-size))}.core-orgchartflex-container .scroll-container .tree>li{margin-top:0}.core-orgchartflex-container .scroll-container .tree>li:before,.core-orgchartflex-container .scroll-container .tree>li:after,.core-orgchartflex-container .scroll-container .tree>li>code:before,.core-orgchartflex-container .scroll-container .tree>li>span:before{outline:none}.core-orgchartflex-container .scroll-container a{text-decoration:unset;color:var(--link-color)!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreOrgchartflexComponent, decorators: [{
             type: Component,
             args: [{ selector: 'core-orgchartflex', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgStyle,
+                        AsyncPipe,
                         NgTemplateOutlet,
-                    ], template: "<div #container class=\"core-orgchartflex-container\" (mousedown)=\"startDragging($event, false)\"\r\n    (mouseup)=\"stopDragging($event, false)\" (mouseleave)=\"stopDragging($event, false)\" (mousemove)=\"moveEvent($event)\">\r\n\r\n    <div class=\"scroll-container\" #parent [ngStyle]=\"{ cursor: $mouseDown() ? 'all-scroll' : 'unset', width: $width() + 'px', height: $height() + 'px' }\">\r\n\r\n        <div class=\"zoom-control p-absolute\">\r\n            <div class=\"p-relative d-flex d-flex-start\">\r\n                <i class=\"feather-minus-circle pointer\" (click)=\"zoonOut()\"></i>\r\n                <i class=\"feather-plus-circle pointer\" (click)=\"zoonIn()\"></i>\r\n                <i class=\"feather-monitor pointer\" (click)=\"zoonFeat()\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"print-area\" #printArea>\r\n\r\n            @for (root of $data(); track $index) {\r\n                <ul class=\"tree\">\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: root}\"></ng-container>\r\n                </ul>\r\n            }\r\n\r\n        </div>\r\n\r\n        <ng-template #item let-context=\"context\" let-title=\"context.tree$Title\" let-expanded=\"context.tree$Expanded\"\r\n            let-children=\"context.tree$Children\" let-tier=\"context.tree$Tier\" let-isActive=\"context.isActive\">\r\n            @if ((!$showDissolved() && !!isActive) || (!!$showDissolved())) {\r\n                <li>\r\n                    @if ($compactMode()) {\r\n                        <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.compact]=\"tier !== 1\" [class.expanded]=\"expanded\">\r\n                            {{ title }}\r\n                        </span>\r\n                    }\r\n    \r\n                    <!-- When passing item template and compactMode=false-->\r\n                    @if (!$compactMode() && !!$itemTemplate()) {\r\n                        <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.expanded]=\"expanded\">\r\n                            <ng-container *ngTemplateOutlet=\"$itemTemplate(); context: { item: context } \"></ng-container>\r\n                        </span>\r\n                    }\r\n                    <!-- -------------------------  -->\r\n    \r\n                    @if (!!expanded && !!children.length) {\r\n                        <ul>\r\n                            @for (child of children; track $index) {\r\n                                <ng-container *ngTemplateOutlet=\"item; context: { context: child}\"></ng-container>\r\n                            }\r\n                        </ul>\r\n                    }\r\n                </li>\r\n            }\r\n        </ng-template>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".core-orgchartflex-container{--width: 100px;--height: 100px;--link-color: cadetblue;--print-area-scale: 1;--connection-color: gray;--connection-size: 1px;--from-children-to-top-line: 100px;--from-parent-to-children-top-line: 100px;--children-horizontal-margin: 5px;--children-border-size: 1px;--children-border-color: gray}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}.core-orgchartflex-container *{animation:fadeIn .5s ease-in-out}.core-orgchartflex-container .scroll-container{display:block;width:var(--width);height:var(--height);overflow-x:auto}.core-orgchartflex-container .scroll-container .zoom-control{top:var(--size-layout-block-cell-spacing);right:var(--size-layout-block-cell-spacing);z-index:3}.core-orgchartflex-container .scroll-container .zoom-control i{font-size:16px;color:#848484}.core-orgchartflex-container .scroll-container .print-area{transform:scale(var(--print-area-scale));transition:.5s linear}.core-orgchartflex-container .scroll-container .tree *{box-sizing:border-box}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul,.core-orgchartflex-container .scroll-container .tree li{list-style:none;margin:0;padding:0;position:relative}.core-orgchartflex-container .scroll-container .tree{margin:0 0 1em;text-align:center}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul{display:table}.core-orgchartflex-container .scroll-container .tree ul{width:100%}.core-orgchartflex-container .scroll-container .tree li{display:table-cell;padding:var(--from-children-to-top-line) 0;vertical-align:top!important}.core-orgchartflex-container .scroll-container .tree li:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";left:0;position:absolute;right:0;top:0}.core-orgchartflex-container .scroll-container .tree li:first-child:before{left:50%}.core-orgchartflex-container .scroll-container .tree li:last-child:before{right:50%}.core-orgchartflex-container .scroll-container .tree code,.core-orgchartflex-container .scroll-container .tree span{border:solid var(--children-border-size) var(--children-border-color);display:inline-block;margin:0 var(--children-horizontal-margin) var(--from-parent-to-children-top-line);position:relative}.core-orgchartflex-container .scroll-container .tree span.compact{max-width:75px}.core-orgchartflex-container .scroll-container .tree ul:before,.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";height:calc(var(--from-children-to-top-line) - var(--connection-size));left:50%;position:absolute}.core-orgchartflex-container .scroll-container .tree ul:before{top:calc(var(--from-parent-to-children-top-line) * -1 + var(--connection-size) / 2);height:calc(var(--from-parent-to-children-top-line) - var(--connection-size) * 1.5 + 1px)}.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{top:calc(var(--from-children-to-top-line) * -1 + var(--connection-size) / 2 - var(--children-border-size))}.core-orgchartflex-container .scroll-container .tree>li{margin-top:0}.core-orgchartflex-container .scroll-container .tree>li:before,.core-orgchartflex-container .scroll-container .tree>li:after,.core-orgchartflex-container .scroll-container .tree>li>code:before,.core-orgchartflex-container .scroll-container .tree>li>span:before{outline:none}.core-orgchartflex-container .scroll-container a{text-decoration:unset;color:var(--link-color)!important}\n"] }]
+                        FullscreenModalLoaderComponent
+                    ], template: "<div #container class=\"core-orgchartflex-container\" (mousedown)=\"startDragging($event, false)\"\r\n    (mouseup)=\"stopDragging($event, false)\" (mouseleave)=\"stopDragging($event, false)\" (mousemove)=\"moveEvent($event)\">\r\n\r\n    <div class=\"scroll-container\" #parent\r\n        [ngStyle]=\"{ cursor: $mouseDown() ? 'all-scroll' : 'unset', width: $width() + 'px', height: $height() + 'px' }\">\r\n\r\n        <div class=\"zoom-control p-absolute\">\r\n            <div class=\"p-relative d-flex d-flex-start\">\r\n                <i class=\"feather-minus-circle pointer\" (click)=\"zoonOut()\"></i>\r\n                <i class=\"feather-plus-circle pointer\" (click)=\"zoonIn()\"></i>\r\n                <i class=\"feather-monitor pointer\" (click)=\"zoonFeat()\"></i>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"print-area\" #printArea>\r\n\r\n            @for (root of $data(); track $index) {\r\n            <ul class=\"tree\">\r\n                <ng-container *ngTemplateOutlet=\"item; context: { context: root}\"></ng-container>\r\n            </ul>\r\n            }\r\n\r\n        </div>\r\n\r\n        <ng-template #item let-context=\"context\" let-title=\"context.tree$Title\" let-expanded=\"context.tree$Expanded\"\r\n            let-children=\"context.tree$Children\" let-tier=\"context.tree$Tier\" let-isActive=\"context.isActive\">\r\n            @if ((!$showDissolved() && !!isActive) || (!!$showDissolved())) {\r\n            <li>\r\n                @if ($compactMode()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.compact]=\"tier !== 1\"\r\n                    [class.expanded]=\"expanded\">\r\n                    {{ title }}\r\n                </span>\r\n                }\r\n\r\n                <!-- When passing item template and compactMode=false-->\r\n                @if (!$compactMode() && !!$itemTemplate()) {\r\n                <span (click)=\"toggleExpand(context)\" class=\"pointer\" [class.expanded]=\"expanded\">\r\n                    <ng-container *ngTemplateOutlet=\"$itemTemplate(); context: { item: context } \"></ng-container>\r\n                </span>\r\n                }\r\n                <!-- -------------------------  -->\r\n\r\n                @if (!!expanded && !!children.length) {\r\n                <ul>\r\n                    @for (child of children; track $index) {\r\n                    <ng-container *ngTemplateOutlet=\"item; context: { context: child}\"></ng-container>\r\n                    }\r\n                </ul>\r\n                }\r\n            </li>\r\n            }\r\n        </ng-template>\r\n\r\n    </div>\r\n\r\n    @if (printing$ | async) {\r\n        <app-fullscreen-modal-loader />\r\n    }\r\n\r\n    <!-- <button class=\"btn btn-outline-danger\" (click)=\"highlightChartRect()\">\r\n        Highlight Export Area\r\n    </button>\r\n    <button class=\"btn btn-outline-danger\" (click)=\"clearChartHighlight()\">\r\n        Clear Export Area\r\n    </button> -->\r\n\r\n</div>", styles: [".core-orgchartflex-container{--width: 100px;--height: 100px;--link-color: cadetblue;--print-area-scale: 1;--connection-color: gray;--connection-size: 1px;--from-children-to-top-line: 100px;--from-parent-to-children-top-line: 100px;--children-horizontal-margin: 5px;--children-border-size: 1px;--children-border-color: gray}@keyframes fadeIn{0%{transform:scale(0)}to{transform:scale(1)}}.core-orgchartflex-container *{animation:fadeIn .5s ease-in-out}.core-orgchartflex-container .scroll-container{display:block;width:var(--width);height:var(--height);overflow-x:auto}.core-orgchartflex-container .scroll-container .zoom-control{top:var(--size-layout-block-cell-spacing);right:var(--size-layout-block-cell-spacing);z-index:3}.core-orgchartflex-container .scroll-container .zoom-control i{font-size:16px;color:#848484}.core-orgchartflex-container .scroll-container .print-area{transform:scale(var(--print-area-scale));transition:.5s linear}.core-orgchartflex-container .scroll-container .tree *{box-sizing:border-box}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul,.core-orgchartflex-container .scroll-container .tree li{list-style:none;margin:0;padding:0;position:relative}.core-orgchartflex-container .scroll-container .tree{margin:0 0 1em;text-align:center}.core-orgchartflex-container .scroll-container .tree,.core-orgchartflex-container .scroll-container .tree ul{display:table}.core-orgchartflex-container .scroll-container .tree ul{width:100%}.core-orgchartflex-container .scroll-container .tree li{display:table-cell;padding:var(--from-children-to-top-line) 0;vertical-align:top!important}.core-orgchartflex-container .scroll-container .tree li:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";left:0;position:absolute;right:0;top:0}.core-orgchartflex-container .scroll-container .tree li:first-child:before{left:50%}.core-orgchartflex-container .scroll-container .tree li:last-child:before{right:50%}.core-orgchartflex-container .scroll-container .tree code,.core-orgchartflex-container .scroll-container .tree span{border:solid var(--children-border-size) var(--children-border-color);display:inline-block;margin:0 var(--children-horizontal-margin) var(--from-parent-to-children-top-line);position:relative}.core-orgchartflex-container .scroll-container .tree span.compact{max-width:75px}.core-orgchartflex-container .scroll-container .tree ul:before,.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{outline:solid calc(var(--connection-size) / 2) var(--connection-color);content:\"\";height:calc(var(--from-children-to-top-line) - var(--connection-size));left:50%;position:absolute}.core-orgchartflex-container .scroll-container .tree ul:before{top:calc(var(--from-parent-to-children-top-line) * -1 + var(--connection-size) / 2);height:calc(var(--from-parent-to-children-top-line) - var(--connection-size) * 1.5 + 1px)}.core-orgchartflex-container .scroll-container .tree code:before,.core-orgchartflex-container .scroll-container .tree span:before{top:calc(var(--from-children-to-top-line) * -1 + var(--connection-size) / 2 - var(--children-border-size))}.core-orgchartflex-container .scroll-container .tree>li{margin-top:0}.core-orgchartflex-container .scroll-container .tree>li:before,.core-orgchartflex-container .scroll-container .tree>li:after,.core-orgchartflex-container .scroll-container .tree>li>code:before,.core-orgchartflex-container .scroll-container .tree>li>span:before{outline:none}.core-orgchartflex-container .scroll-container a{text-decoration:unset;color:var(--link-color)!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { printFlag$: [{
                 type: Input
             }], printing$: [{
@@ -41210,33 +41541,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-CZ2JRZOo.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-V9exT_fm.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-DHgwHR8d.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-BuCfL80F.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-CGvH7ERp.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-CqNPzdzL.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-CJ75TWh6.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-CvGswHbB.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-DhA7j-wa.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-FW_M5cI5.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-DhA7j-wa.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-FW_M5cI5.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -41246,17 +41577,17 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-B7szOpgS.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-B_EjwkZd.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-B_f7Wwyc.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-OAdGYvAN.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-B_2PEQ8y.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-DJuPBwqR.mjs').then(m => m.WfInstanceStatusComponent)
     }
 ];
 
@@ -43878,4 +44209,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  */
 
 export { CoreButtonGroupVnsComponent as $, AppService as A, BaseComponent as B, ChatService as C, DialogService as D, EnumCoreTablePipeType as E, FullscreenModalLoaderComponent as F, CoreDatePickerComponent as G, CoreFormControlSeekerComponent as H, ImageErrorResolverDirective as I, CoreCurrencyInputComponent as J, EnumActorSourceType as K, CoreParamControlComponent as L, MultiLanguageService as M, CoreRadioGroupComponent as N, GptService as O, ApplicationHelpService as P, HotKeysDirective as Q, EnumCorePageEditMode as R, SocketService as S, TranslatePipe as T, CoreFormComponent as U, NavigatorService as V, JsonService as W, AppConfigService as X, EnumCoreButtonVNSCode as Y, READONLY_WORKFLOW_FIELDS as Z, noneAutoClosedAlertOptions as _, CorePageListComponent as a, CommonHttpRequestService as a$, CoreStickerCollectionComponent as a0, HtmlTooltipDirective as a1, CoreControlNoFormArrayComponent as a2, EnumFormDesignMode as a3, CoreControlComponent as a4, JsonSafePipe as a5, CoreAttachmentComponent as a6, CoreMonthSelectorComponent as a7, EnumImageResolverType as a8, NormalizeHumanNamePipe as a9, EnumStyleButtonClass as aA, CanActivateFunctionUrlMapperGuard as aB, InitializationCanActivateFn as aC, InitializationCanMatchFn as aD, httpInterceptorProviders as aE, InterceptorSkipHeader as aF, appTypeInterceptor as aG, baseUrlInterceptor as aH, authInterceptor as aI, graphInterceptor as aJ, tokenInterceptor as aK, responseInterceptor as aL, timeZoneInterceptor as aM, cachingInterceptor as aN, langInterceptor as aO, EnumFilterOperator as aP, OnlineUsersComponent as aQ, ActionService as aR, AppInitializationService as aS, AuthService as aT, CacheService as aU, EnumSwUpdateVersionUpdatesEventType as aV, CheckForUpdateService as aW, EnumDeviceType as aX, EnumBrowserType as aY, EnumOsType as aZ, ClientService as a_, CoreIosSwitcherComponent as aa, SunnyRotatingComponent as ab, MapAppdemoToServerPipePipe as ac, MapAttachmentToServerPipe as ad, MapNewsfeedMediaToServerPipe as ae, StringHtmlPipe as af, UploadedFilenameCutoffPipe as ag, DialogStateComponent as ah, FooterComponent as ai, RightchatComponent as aj, WaittingScreenComponent as ak, longAlertOptions as al, attachmentOptions as am, CORE_VNS_BUTTONS as an, defaultPaging as ao, DESKTOP_SCREEN_HEDER_HEIGHT as ap, MOBILE_SCREEN_HEDER_HEIGHT as aq, themeBlue as ar, DATE_VALUE_ACCESSOR as as, DateValueAccessor as at, EnumDragType as au, EnumErrorType as av, EnumIconClass as aw, EnumProfileInfoSector as ax, EnumSignalRType as ay, EnumSortDirection as az, CoreCheckboxComponent as b, MutationViewComponent as b$, TLA_CONFIG as b0, ConfigService as b1, CoreTableService as b2, DndService as b3, DocxMergeService as b4, FilterKitService as b5, GrpcService as b6, HeaderService as b7, HistoryService as b8, HttpErrorHandler as b9, TopicPermissionService as bA, TopicTreeService as bB, UploadedFileService as bC, UrlService as bD, UserActivityService as bE, EvaluateDialogService as bF, EnumWorkScheduleViewMode as bG, WorkShiftDndService as bH, AtShiftPatternComponent as bI, AtShiftPatternApplyComponent as bJ, AtShiftPatternEditComponent as bK, AtWorksignComponent as bL, AtWorksignService as bM, FunctionComponent as bN, IndividualScheduleApplyComponent as bO, FunctionEditComponent as bP, FunctionIgnoreComponent as bQ, FunctionIgnoreEditComponent as bR, GroupFunctionComponent as bS, GroupFunctionEditComponent as bT, hrmSchemaRoutes as bU, InMemoryComponent as bV, LanguageComponent as bW, LanguageEditComponent as bX, MenuComponent as bY, MenuEditComponent as bZ, MutationLogComponent as b_, HubConnectionService as ba, IpServiceService as bb, LayoutService as bc, LiquidJsService as bd, MapService as be, MenuService as bf, MessageService as bg, ModalService as bh, OrganizationService as bi, PkceService as bj, PositionTransferService as bk, EnumNotificationDir as bl, NotificationActionType as bm, PushNotificationService as bn, RandomAvatarService as bo, RequestCache as bp, RequestCacheWithMap as bq, ResponseService as br, RoutingService as bs, EnumSsrsExpressFileExtension as bt, EnumSsrsExpressExportFormat as bu, SsrsExpressService as bv, StatisticService as bw, StatisticAuthService as bx, SysMenuService as by, TimeSheetService as bz, BaseEditComponent as c, CoreEmployeeSeekerComponent as c$, PaSalaryPolicyComponent as c0, PaSalaryPolicyEditComponent as c1, PortalRouteComponent as c2, ScheduleOverviewComponent as c3, simpleChatRoutes as c4, PortalRouteEditComponent as c5, SysOtherListComponent as c6, SysOtherListEditComponent as c7, SysOtherListTypeComponent as c8, SysOtherListTypeEditComponent as c9, NewlyCreatedTokenService as cA, CoreApiProgressComponent as cB, CoreButtonGroupComponent as cC, EnumCoreButtonCode as cD, ActionSvgEditComponent as cE, CoreButtonGroupService as cF, CoreButtonVnsComponent as cG, CoreCommonParamKitComponent as cH, CoreCompareDbPipelineComponent as cI, CoreCompositionState as cJ, CoreCompositionService as cK, CoreCompositionComponent as cL, CoreConfirmDialogComponent as cM, ConfirmDialogStateComponent as cN, CoreLazyMountComponent as cO, CoreRootMenuItemPickerComponent as cP, CoreRootMenuItemPickerService as cQ, ECoreTableToolCode as cR, ECoreTableToolClass as cS, CoreTableComponent as cT, CoreComProfileComponent as cU, CoreContractSeekerComponent as cV, CoreControlNoGridBufferComponent as cW, CoreControlNoSeekerComponent as cX, coreDocGenRoutes as cY, CoreDocgenToolbarComponent as cZ, CoreEmployeeScheduleComponent as c_, SysActionComponent as ca, SysActionEditComponent as cb, SysFunctionActionComponent as cc, SysFunctionActionEditComponent as cd, SysFunctionActionMapperComponent as ce, SysFunctionUrlMapperComponent as cf, FunctionEditService as cg, SysModuleComponent as ch, SysModuleEditComponent as ci, SysRouteAccessComponent as cj, liner_to_nested_array_script as ck, blob_to_base64_script as cl, AlertComponent as cm, EnumAlertType as cn, IAlertOptions as co, AnimatedTextService as cp, AnimatedTextComponent as cq, BaseDropdownComponent as cr, ButtonGroupModule as cs, ButtonGroupService as ct, ButtonGroupComponent as cu, EnumButtonCaptionCode as cv, CoreButtonComponent as cw, CoreAccordionComponent as cx, CoreAccordionService as cy, CoreActiveUserCountComponent as cz, EnumFormBaseContolType as d, CorePermissionActionsComponent as d$, EnumCoreFileUploaderType as d0, CoreFileUploaderComponent as d1, CoreFilterHubComponent as d2, CoreFilterHubService as d3, ControlBase as d4, Textbox as d5, CoreControlService as d6, CustomValidators as d7, URL_PATTERN as d8, coreFormDesignRoutes as d9, CoreOauthCallbackOffice365Component as dA, EnumCoreOrgTreeaAccessorMode as dB, EnumCoreOrgTreeaSearchMode as dC, CoreOrgTreeComponent as dD, CoreOrgTreeState as dE, CoreOrgTreeService as dF, CoreOrgUnitSeekerComponent as dG, CoreOrgchartflexComponent as dH, CoreOrgParamComponent as dI, EnumCorePageEditBootstrapClass as dJ, EnumCorePageEditFieldType as dK, CorePageEditService as dL, CorePageEditLiteComponent as dM, CorePageEditTabComponent as dN, EnumExType as dO, CorePageListService as dP, CorePageListState as dQ, CorePageListContentComponent as dR, EnumCoreViewItemType as dS, CorePageViewComponent as dT, CorePaginationComponent as dU, CorePaginationFullComponent as dV, CorePaginationFullService as dW, CoreFileFormatPickerComponent as dX, CorePermissionService as dY, EnumPermissionObjectType as dZ, CorePermissionComponent as d_, CoreFormTabComponent as da, CoreFormLiteComponent as db, CoreFormControlBaseComponent as dc, EnumCoreSeekerColumnJob as dd, EnumCoreSeekerColumnStaffProfile as de, EnumCoreSeekerColumnContract as df, EnumCoreSeekerColumnWorking as dg, EnumCoreSeekerColumnWage as dh, EnumCoreSeekerColumnPosition as di, EnumCoreSeekerColumnPositionConcurrent as dj, EnumCoreSeekerColumnAutoForm as dk, SeekerService as dl, CoreGridBufferComponent as dm, CoreHeaderParamsComponent as dn, CoreHelperComponent as dp, CoreLineComponent as dq, CoreLiquidWysiwygComponent as dr, CoreListComponent as ds, CoreListLazyComponent as dt, CoreLoadingSurfaceComponent as du, CoreMccComponent as dv, CoreMonthPickerComponent as dw, CoreNavigationTrackerComponent as dx, coreNavigationTrackerRoutes as dy, CoreOauthCallbackComponent as dz, CorePageEditComponent as e, StringService as e$, CorePositionConcurrentSeekerComponent as e0, CorePositionSeekerComponent as e1, CoreQrcodeComponent as e2, EnumOparator as e3, CoreQueryBuilderComponent as e4, CoreReducerIconComponent as e5, CoreRotatingTextComponent as e6, CoreRouteAccumulatorComponent as e7, CoreRoutingHistoryComponent as e8, CoreSalaryPolicyPickerComponent as e9, CoreD3Service as eA, CorePieComponent as eB, CoreScatterPlotComponent as eC, EnumHrComparisonCode as eD, EnumICoreStatisticWidgetDataType as eE, CoreStatisticWidgetComponent as eF, DecisionComponent as eG, EvaluateDialogComponent as eH, HuconcurrentlyComponent as eI, JobComponent as eJ, LanguageChangerComponent as eK, DEFAULT_SVG as eL, ItemComponent as eM, NavigatorComponent as eN, OtpInputComponent as eO, OtpInputService as eP, PageTitleComponent as eQ, PaginationComponent as eR, FilterPipe as eS, normalizeHumanName as eT, PositionComponent as eU, PositionEditService as eV, CoreDatetimeService as eW, FileService as eX, LongTaskService as eY, EnumRecursiveFields as eZ, RecursiveService as e_, CoreScrollComponent as ea, CoreScrollLazyComponent as eb, CoreSeenByComponent as ec, CoreShiftCardComponent as ed, CoreShiftCellComponent as ee, CoreShiftCollectionComponent as ef, CoreShiftStickerComponent as eg, STICKER_COLOR_SCHEMA as eh, CoreStatusStickerComponent as ei, CoreSubFormGroupComponent as ej, CoreTabListComponent as ek, CoreTagsComponent as el, CoreTopicPickerComponent as em, EnumCoreArticleCategoryTreeaAccessorMode as en, CoreTopicTreeComponent as eo, CoreTreeComponent as ep, EnumCoreTreeGridEditMode as eq, CoreTreeGridComponent as er, CoreWageSeekerComponent as es, CoreWorkingSeekerComponent as et, coreWorkflowRoutes as eu, CoreWorkflowBuilderComponent as ev, CoreWorkflowGroupEditComponent as ew, CoreYearPickerComponent as ex, CoreYearSelectorComponent as ey, EnumCoreD3ScaleType as ez, CorePageHeaderComponent as f, UnicodeService as f0, StaffProfileComponent as f1, ThreedotsComponent as f2, TooltipComponent as f3, UserActivityComponent as f4, WageComponent as f5, tooltip_directive as f6, coreStickerCollection_component as f7, dragReorder_directive as f8, CoreTabsComponent as g, CoreWorkflowService as h, EnumCoreFormControlSeekerSourceType as i, AlertService as j, CoreFormService as k, DbService as l, AiHintForColumnComponent as m, CoreWorkflowListComponent as n, TooltipDirective as o, DragReorderDirective as p, CanDeactivateGuard as q, TableCellPipe as r, MapAvatarToServerPipe as s, alertOptions as t, CoreTerminalSpinnerComponent as u, CoreFormDesignService as v, EnumWorkflowStepType as w, DomService as x, CoreDropdownComponent as y, CoreChecklistComponent as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-CKFFDZWG.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-YPc6xct6.mjs.map