@ruc-lib/org-chart 2.0.3 → 3.1.0

package/esm2020/utils/chart-download.util.mjs

@@ -1,182 +0,0 @@
-import { jsPDF } from 'jspdf';
-import html2canvas from 'html2canvas';
-export const downloadChart = (chartContainer, format) => {
-    if (!chartContainer) {
-        console.error('Chart container not found!');
-        return;
-    }
-    // Capture the chart container as an image (either PNG or JPEG)
-    if (format === 'pdf') {
-        createPDF(chartContainer);
-    }
-    else {
-        captureElementAsImage(chartContainer, format)
-            .then((imgData) => {
-            downloadImage(imgData, format); // Download as PNG or JPEG
-        })
-            .catch(handleCanvasError);
-    }
-};
-// Capture the element as an image and return a promise
-export const captureElementAsImage = (element, format) => {
-    return new Promise((resolve, reject) => {
-        html2canvas(element, {
-            useCORS: true,
-            scrollX: 0,
-            scrollY: -window.scrollY,
-            logging: false,
-            backgroundColor: null,
-        })
-            .then((canvas) => {
-            const imgData = canvas.toDataURL(`image/${format}`);
-            resolve(imgData);
-        })
-            .catch((error) => reject(error));
-    });
-};
-// Downloads the org chart as a PDF document.
-export const createPDF = (element) => {
-    html2canvas(element, {
-        useCORS: true,
-        scale: 4,
-        scrollX: 0,
-        scrollY: -window.scrollY,
-        logging: false,
-        backgroundColor: null,
-    })
-        .then((canvas) => {
-        const imgData = canvas.toDataURL('image/png'); // Capture as PNG (or you can use JPEG)
-        const pdf = new jsPDF('p', 'mm', 'a4'); // Standard A4 page size
-        // Get the dimensions of the PDF page
-        const pdfWidth = pdf.internal.pageSize.width;
-        const pdfHeight = pdf.internal.pageSize.height;
-        const canvasWidth = canvas.width;
-        const canvasHeight = canvas.height;
-        const aspectRatio = canvasWidth / canvasHeight;
-        let imgWidth = pdfWidth;
-        let imgHeight = pdfWidth / aspectRatio;
-        // If the image height exceeds the PDF page height, adjust it
-        if (imgHeight > pdfHeight) {
-            imgHeight = pdfHeight;
-            imgWidth = pdfHeight * aspectRatio;
-        }
-        // Add the image to the PDF
-        pdf.addImage(imgData, 'PNG', 0, 20, imgWidth, imgHeight); // Fit image on PDF page
-        pdf.save('organization-chart.pdf'); // Download the PDF
-    })
-        .catch(handleCanvasError);
-};
-// Download the captured image in the required format (PNG/JPEG)
-export const downloadImage = (imgData, format) => {
-    const link = document.createElement('a');
-    link.href = imgData;
-    link.download = `organization-chart.${format}`;
-    link.click();
-};
-// Error handler for any issues during canvas generation or file creation
-export const handleCanvasError = (error) => {
-    console.error('Error generating file:', error);
-};
-export const checkPropsType = (props) => {
-    if (props.isDisplayHambergerMenu !== undefined && typeof props.isDisplayHambergerMenu !== 'boolean') {
-        console.error('Error: isDisplayHambergerMenu should be a boolean.');
-    }
-    if (props.isDisplaySearchBar !== undefined && typeof props.isDisplaySearchBar !== 'boolean') {
-        console.error('Error: isDisplaySearchBar should be a boolean.');
-    }
-    if (!['portrait', 'triangle', 'landscape'].includes(props.nodeTemplate)) {
-        console.error('Error: nodeTemplate should be "portrait", "triangle", or "landscape".');
-    }
-    if (!Array.isArray(props.hambergerMenuList)) {
-        console.error('Error: hambergerMenuList should be an array.');
-    }
-    else {
-        props.hambergerMenuList.forEach(item => {
-            if (typeof item.label !== 'string') {
-                console.error('Error: hambergerMenuList label should be a string.');
-            }
-            if (typeof item.id !== 'number') {
-                console.error('Error: hambergerMenuList id should be a number.');
-            }
-        });
-    }
-    // Check if greyNodeStyle is of type CustomNodeStyle
-    const greyNodeStyle = props.greyNodeStyle;
-    if (greyNodeStyle) {
-        if (greyNodeStyle.backgroundColor && typeof greyNodeStyle.backgroundColor !== 'string') {
-            console.error('Error: greyNodeStyle.backgroundColor should be a string.');
-        }
-        if (greyNodeStyle.color && typeof greyNodeStyle.color !== 'string') {
-            console.error('Error: greyNodeStyle.color should be a string.');
-        }
-        if (greyNodeStyle.padding && typeof greyNodeStyle.padding !== 'string') {
-            console.error('Error: greyNodeStyle.padding should be a string.');
-        }
-        if (greyNodeStyle.borderRadius && typeof greyNodeStyle.borderRadius !== 'string') {
-            console.error('Error: greyNodeStyle.borderRadius should be a string.');
-        }
-    }
-    // Check if orgData is an array of OrgDataItem objects
-    if (!Array.isArray(props.orgData)) {
-        console.error('Error: orgData should be an array.');
-    }
-    else {
-        props.orgData.forEach(item => checkOrgDataItem(item));
-    }
-};
-export const checkOrgDataItem = (item) => {
-    if (item.label !== undefined && typeof item.label !== 'string') {
-        console.error('Error: OrgDataItem label should be a string.');
-    }
-    if (item.expanded !== undefined && typeof item.expanded !== 'boolean') {
-        console.error('Error: OrgDataItem expanded should be a boolean.');
-    }
-    if (item.description !== undefined && typeof item.description !== 'string') {
-        console.error('Error: OrgDataItem description should be a string.');
-    }
-    if (item.customNodeStyle !== undefined) {
-        const customNodeStyle = item.customNodeStyle;
-        if (customNodeStyle.backgroundColor && typeof customNodeStyle.backgroundColor !== 'string') {
-            console.error('Error: customNodeStyle.backgroundColor should be a string.');
-        }
-        if (customNodeStyle.color && typeof customNodeStyle.color !== 'string') {
-            console.error('Error: customNodeStyle.color should be a string.');
-        }
-        if (customNodeStyle.padding && typeof customNodeStyle.padding !== 'string') {
-            console.error('Error: customNodeStyle.padding should be a string.');
-        }
-        if (customNodeStyle.borderRadius && typeof customNodeStyle.borderRadius !== 'string') {
-            console.error('Error: customNodeStyle.borderRadius should be a string.');
-        }
-    }
-    if (item.data) {
-        if (item.data.image !== undefined && typeof item.data.image !== 'string') {
-            console.error('Error: OrgDataItem data.image should be a string.');
-        }
-        if (item.data.name !== undefined && typeof item.data.name !== 'string') {
-            console.error('Error: OrgDataItem data.name should be a string.');
-        }
-        if (typeof item.data.title !== 'string') {
-            console.error('Error: OrgDataItem data.title should be a string.');
-        }
-    }
-    if (item.children && Array.isArray(item.children)) {
-        item.children.forEach(child => checkOrgDataItem(child)); // Recursive call for children
-    }
-    if (item.originalStyle) {
-        const originalStyle = item.originalStyle;
-        if (originalStyle.backgroundColor && typeof originalStyle.backgroundColor !== 'string') {
-            console.error('Error: originalStyle.backgroundColor should be a string.');
-        }
-        if (originalStyle.color && typeof originalStyle.color !== 'string') {
-            console.error('Error: originalStyle.color should be a string.');
-        }
-        if (originalStyle.padding && typeof originalStyle.padding !== 'string') {
-            console.error('Error: originalStyle.padding should be a string.');
-        }
-        if (originalStyle.borderRadius && typeof originalStyle.borderRadius !== 'string') {
-            console.error('Error: originalStyle.borderRadius should be a string.');
-        }
-    }
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtZG93bmxvYWQudXRpbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9jaGFydC1kb3dubG9hZC51dGlsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDOUIsT0FBTyxXQUFXLE1BQU0sYUFBYSxDQUFDO0FBSXRDLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFDLGNBQTJCLEVBQUUsTUFBOEIsRUFBUSxFQUFFO0lBQ2pHLElBQUksQ0FBQyxjQUFjLEVBQUU7UUFDbkIsT0FBTyxDQUFDLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1FBQzVDLE9BQU87S0FDUjtJQUVELCtEQUErRDtJQUMvRCxJQUFJLE1BQU0sS0FBSyxLQUFLLEVBQUU7UUFDcEIsU0FBUyxDQUFDLGNBQWMsQ0FBQyxDQUFDO0tBQzNCO1NBQU07UUFDTCxxQkFBcUIsQ0FBQyxjQUFjLEVBQUUsTUFBTSxDQUFDO2FBQzFDLElBQUksQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQ2hCLGFBQWEsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQywwQkFBMEI7UUFDNUQsQ0FBQyxDQUFDO2FBQ0QsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUM7S0FDN0I7QUFDSCxDQUFDLENBQUE7QUFFRCx1REFBdUQ7QUFDdkQsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxPQUFvQixFQUFFLE1BQXNCLEVBQW1CLEVBQUU7SUFDckcsT0FBTyxJQUFJLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRTtRQUNyQyxXQUFXLENBQUMsT0FBTyxFQUFFO1lBQ25CLE9BQU8sRUFBRSxJQUFJO1lBQ2IsT0FBTyxFQUFFLENBQUM7WUFDVixPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTztZQUN4QixPQUFPLEVBQUUsS0FBSztZQUNk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YUFBYSxDQUFDLFlBQVksS0FBSyxRQUFRLEVBQUU7WUFDaEYsT0FBTyxDQUFDLEtBQUssQ0FBQyx1REFBdUQsQ0FBQyxDQUFDO1NBQ3hFO0tBQ0Y7QUFDSCxDQUFDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc1BERiB9IGZyb20gJ2pzcGRmJztcclxuaW1wb3J0IGh0bWwyY2FudmFzIGZyb20gJ2h0bWwyY2FudmFzJztcclxuaW1wb3J0IHsgT3JnRGF0YSwgT3JnRGF0YUl0ZW0gfSBmcm9tICcuLi9pbnRlcmZhY2VzL29yZy1jaGFydCc7XHJcblxyXG5cclxuZXhwb3J0IGNvbnN0IGRvd25sb2FkQ2hhcnQgPSAoY2hhcnRDb250YWluZXI6IEhUTUxFbGVtZW50LCBmb3JtYXQ6ICdwbmcnIHwgJ2pwZWcnIHwgJ3BkZicpOiB2b2lkID0+IHtcclxuICBpZiAoIWNoYXJ0Q29udGFpbmVyKSB7XHJcbiAgICBjb25zb2xlLmVycm9yKCdDaGFydCBjb250YWluZXIgbm90IGZvdW5kIScpO1xyXG4gICAgcmV0dXJuO1xyXG4gIH1cclxuXHJcbiAgLy8gQ2FwdHVyZSB0aGUgY2hhcnQgY29udGFpbmVyIGFzIGFuIGltYWdlIChlaXRoZXIgUE5HIG9yIEpQRUcpXHJcbiAgaWYgKGZvcm1hdCA9PT0gJ3BkZicpIHtcclxuICAgIGNyZWF0ZVBERihjaGFydENvbnRhaW5lcik7XHJcbiAgfSBlbHNlIHtcclxuICAgIGNhcHR1cmVFbGVtZW50QXNJbWFnZShjaGFydENvbnRhaW5lciwgZm9ybWF0KVxyXG4gICAgICAudGhlbigoaW1nRGF0YSkgPT4ge1xyXG4gICAgICAgIGRvd25sb2FkSW1hZ2UoaW1nRGF0YSwgZm9ybWF0KTsgLy8gRG93bmxvYWQgYXMgUE5HIG9yIEpQRUdcclxuICAgICAgfSlcclxuICAgICAgLmNhdGNoKGhhbmRsZUNhbnZhc0Vycm9yKTtcclxuICB9XHJcbn1cclxuXHJcbi8vIENhcHR1cmUgdGhlIGVsZW1lbnQgYXMgYW4gaW1hZ2UgYW5kIHJldHVybiBhIHByb21pc2VcclxuZXhwb3J0IGNvbnN0IGNhcHR1cmVFbGVtZW50QXNJbWFnZSA9IChlbGVtZW50OiBIVE1MRWxlbWVudCwgZm9ybWF0OiAncG5nJyB8ICdqcGVnJyk6IFByb21pc2U8c3RyaW5nPiA9PiB7XHJcbiAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcclxuICAgIGh0bWwyY2FudmFzKGVsZW1lbnQsIHtcclxuICAgICAgdXNlQ09SUzogdHJ1ZSxcclxuICAgICAgc2Nyb2xsWDogMCxcclxuICAgICAgc2Nyb2xsWTogLXdpbmRvdy5zY3JvbGxZLFxyXG4gICAgICBsb2dnaW5nOiBmYWxzZSxcclxuICAgICAgYmFja2dyb3VuZENvbG9yOiBudWxsLFxyXG4gICAgfSlcclxuICAgICAgLnRoZW4oKGNhbnZhcykgPT4ge1xyXG4gICAgICAgIGNvbnN0IGltZ0RhdGEgPSBjYW52YXMudG9EYXRhVVJMKGBpbWFnZS8ke2Zvcm1hdH1gKTtcclxuICAgICAgICByZXNvbHZlKGltZ0RhdGEpO1xyXG4gICAgICB9KVxyXG4gICAgICAuY2F0Y2goKGVycm9yKSA9PiByZWplY3QoZXJyb3IpKTtcclxuICB9KTtcclxufVxyXG5cclxuLy8gRG93bmxvYWRzIHRoZSBvcmcgY2hhcnQgYXMgYSBQREYgZG9jdW1lbnQuXHJcbmV4cG9ydCBjb25zdCBjcmVhdGVQREYgPSAoZWxlbWVudDogSFRNTEVsZW1lbnQpOiB2b2lkID0+IHtcclxuICBodG1sMmNhbnZhcyhlbGVtZW50LCB7XHJcbiAgICB1c2VDT1JTOiB0cnVlLFxyXG4gICAgc2NhbGU6IDQsIFxyXG4gICAgc2Nyb2xsWDogMCxcclxuICAgIHNjcm9sbFk6IC13aW5kb3cuc2Nyb2xsWSxcclxuICAgIGxvZ2dpbmc6IGZhbHNlLFxyXG4gICAgYmFja2dyb3VuZENvbG9yOiBudWxsLFxyXG4gIH0pXHJcbiAgICAudGhlbigoY2FudmFzKSA9PiB7XHJcbiAgICAgIGNvbnN0IGltZ0RhdGEgPSBjYW52YXMudG9EYXRhVVJMKCdpbWFnZS9wbmcnKTsgLy8gQ2FwdHVyZSBhcyBQTkcgKG9yIHlvdSBjYW4gdXNlIEpQRUcpXHJcbiAgICAgIGNvbnN0IHBkZiA9IG5ldyBqc1BERigncCcsICdtbScsICdhNCcpOyAvLyBTdGFuZGFyZCBBNCBwYWdlIHNpemVcclxuXHJcbiAgICAgIC8vIEdldCB0aGUgZGltZW5zaW9ucyBvZiB0aGUgUERGIHBhZ2VcclxuICAgICAgY29uc3QgcGRmV2lkdGggPSBwZGYuaW50ZXJuYWwucGFnZVNpemUud2lkdGg7XHJcbiAgICAgIGNvbnN0IHBkZkhlaWdodCA9IHBkZi5pbnRlcm5hbC5wYWdlU2l6ZS5oZWlnaHQ7XHJcblxyXG4gICAgICBjb25zdCBjYW52YXNXaWR0aCA9IGNhbnZhcy53aWR0aDtcclxuICAgICAgY29uc3QgY2FudmFzSGVpZ2h0ID0gY2FudmFzLmhlaWdodDtcclxuXHJcbiAgICAgIGNvbnN0IGFzcGVjdFJhdGlvID0gY2FudmFzV2lkdGggLyBjYW52YXNIZWlnaHQ7XHJcblxyXG4gICAgICBsZXQgaW1nV2lkdGggPSBwZGZXaWR0aDtcclxuICAgICAgbGV0IGltZ0hlaWdodCA9IHBkZldpZHRoIC8gYXNwZWN0UmF0aW87XHJcblxyXG4gICAgICAvLyBJZiB0aGUgaW1hZ2UgaGVpZ2h0IGV4Y2VlZHMgdGhlIFBERiBwYWdlIGhlaWdodCwgYWRqdXN0IGl0XHJcbiAgICAgIGlmIChpbWdIZWlnaHQgPiBwZGZIZWlnaHQpIHtcclxuICAgICAgICBpbWdIZWlnaHQgPSBwZGZIZWlnaHQ7XHJcbiAgICAgICAgaW1nV2lkdGggPSBwZGZIZWlnaHQgKiBhc3BlY3RSYXRpbztcclxuICAgICAgfVxyXG5cclxuICAgICAgLy8gQWRkIHRoZSBpbWFnZSB0byB0aGUgUERGXHJcbiAgICAgIHBkZi5hZGRJbWFnZShpbWdEYXRhLCAnUE5HJywgMCwgMjAsIGltZ1dpZHRoLCBpbWdIZWlnaHQpOyAvLyBGaXQgaW1hZ2Ugb24gUERGIHBhZ2VcclxuICAgICAgcGRmLnNhdmUoJ29yZ2FuaXphdGlvbi1jaGFydC5wZGYnKTsgLy8gRG93bmxvYWQgdGhlIFBERlxyXG4gICAgfSlcclxuICAgIC5jYXRjaChoYW5kbGVDYW52YXNFcnJvcik7XHJcbn1cclxuXHJcbi8vIERvd25sb2FkIHRoZSBjYXB0dXJlZCBpbWFnZSBpbiB0aGUgcmVxdWlyZWQgZm9ybWF0IChQTkcvSlBFRylcclxuZXhwb3J0IGNvbnN0IGRvd25sb2FkSW1hZ2UgPSAoaW1nRGF0YTogc3RyaW5nLCBmb3JtYXQ6ICdwbmcnIHwgJ2pwZWcnKTogdm9pZCA9PiB7XHJcbiAgY29uc3QgbGluayA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2EnKTtcclxuICBsaW5rLmhyZWYgPSBpbWdEYXRhO1xyXG4gIGxpbmsuZG93bmxvYWQgPSBgb3JnYW5pemF0aW9uLWNoYXJ0LiR7Zm9ybWF0fWA7XHJcbiAgbGluay5jbGljaygpO1xyXG59XHJcblxyXG4vLyBFcnJvciBoYW5kbGVyIGZvciBhbnkgaXNzdWVzIGR1cmluZyBjYW52YXMgZ2VuZXJhdGlvbiBvciBmaWxlIGNyZWF0aW9uXHJcbmV4cG9ydCBjb25zdCBoYW5kbGVDYW52YXNFcnJvciA9IChlcnJvcjogYW55KTogdm9pZCA9PiB7XHJcbiAgY29uc29sZS5lcnJvcignRXJyb3IgZ2VuZXJhdGluZyBmaWxlOicsIGVycm9yKTtcclxufVxyXG5cclxuICBcclxuZXhwb3J0IGNvbnN0IGNoZWNrUHJvcHNUeXBlID0gKHByb3BzOiBPcmdEYXRhKTogdm9pZCA9PiB7XHJcbiAgICBpZiAocHJvcHMuaXNEaXNwbGF5SGFtYmVyZ2VyTWVudSAhPT0gdW5kZWZpbmVkICYmIHR5cGVvZiBwcm9wcy5pc0Rpc3BsYXlIYW1iZXJnZXJNZW51ICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgY29uc29sZS5lcnJvcignRXJyb3I6IGlzRGlzcGxheUhhbWJlcmdlck1lbnUgc2hvdWxkIGJlIGEgYm9vbGVhbi4nKTtcclxuICAgIH1cclxuICBcclxuICAgIGlmIChwcm9wcy5pc0Rpc3BsYXlTZWFyY2hCYXIgIT09IHVuZGVmaW5lZCAmJiB0eXBlb2YgcHJvcHMuaXNEaXNwbGF5U2VhcmNoQmFyICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgY29uc29sZS5lcnJvcignRXJyb3I6IGlzRGlzcGxheVNlYXJjaEJhciBzaG91bGQgYmUgYSBib29sZWFuLicpO1xyXG4gICAgfVxyXG4gIFxyXG4gICAgaWYgKCFbJ3BvcnRyYWl0JywgJ3RyaWFuZ2xlJywgJ2xhbmRzY2FwZSddLmluY2x1ZGVzKHByb3BzLm5vZGVUZW1wbGF0ZSkpIHtcclxuICAgICAgY29uc29sZS5lcnJvcignRXJyb3I6IG5vZGVUZW1wbGF0ZSBzaG91bGQgYmUgXCJwb3J0cmFpdFwiLCBcInRyaWFuZ2xlXCIsIG9yIFwibGFuZHNjYXBlXCIuJyk7XHJcbiAgICB9XHJcbiAgXHJcbiAgICBpZiAoIUFycmF5LmlzQXJyYXkocHJvcHMuaGFtYmVyZ2VyTWVudUxpc3QpKSB7XHJcbiAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yOiBoYW1iZXJnZXJNZW51TGlzdCBzaG91bGQgYmUgYW4gYXJyYXkuJyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBwcm9wcy5oYW1iZXJnZXJNZW51TGlzdC5mb3JFYWNoKGl0ZW0gPT4ge1xyXG4gICAgICAgIGlmICh0eXBlb2YgaXRlbS5sYWJlbCAhPT0gJ3N0cmluZycpIHtcclxuICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yOiBoYW1iZXJnZXJNZW51TGlzdCBsYWJlbCBzaG91bGQgYmUgYSBzdHJpbmcuJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmICh0eXBlb2YgaXRlbS5pZCAhPT0gJ251bWJlcicpIHtcclxuICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yOiBoYW1iZXJnZXJNZW51TGlzdCBpZCBzaG91bGQgYmUgYSBudW1iZXIuJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICBcclxuICAgIC8vIENoZWNrIGlmIGdyZXlOb2RlU3R5bGUgaXMgb2YgdHlwZSBDdXN0b21Ob2RlU3R5bGVcclxuICAgIGNvbnN0IGdyZXlOb2RlU3R5bGUgPSBwcm9wcy5ncmV5Tm9kZVN0eWxlO1xyXG4gICAgaWYgKGdyZXlOb2RlU3R5bGUpIHtcclxuICAgICAgaWYgKGdyZXlOb2RlU3R5bGUuYmFja2dyb3VuZENvbG9yICYmIHR5cGVvZiBncmV5Tm9kZVN0eWxlLmJhY2tncm91bmRDb2xvciAhPT0gJ3N0cmluZycpIHtcclxuICAgICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogZ3JleU5vZGVTdHlsZS5iYWNrZ3JvdW5kQ29sb3Igc2hvdWxkIGJlIGEgc3RyaW5nLicpO1xyXG4gICAgICB9XHJcbiAgICAgIGlmIChncmV5Tm9kZVN0eWxlLmNvbG9yICYmIHR5cGVvZiBncmV5Tm9kZVN0eWxlLmNvbG9yICE9PSAnc3RyaW5nJykge1xyXG4gICAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yOiBncmV5Tm9kZVN0eWxlLmNvbG9yIHNob3VsZCBiZSBhIHN0cmluZy4nKTtcclxuICAgICAgfVxyXG4gICAgICBpZiAoZ3JleU5vZGVTdHlsZS5wYWRkaW5nICYmIHR5cGVvZiBncmV5Tm9kZVN0eWxlLnBhZGRpbmcgIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgY29uc29sZS5lcnJvcignRXJyb3I6IGdyZXlOb2RlU3R5bGUucGFkZGluZyBzaG91bGQgYmUgYSBzdHJpbmcuJyk7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKGdyZXlOb2RlU3R5bGUuYm9yZGVyUmFkaXVzICYmIHR5cGVvZiBncmV5Tm9kZVN0eWxlLmJvcmRlclJhZGl1cyAhPT0gJ3N0cmluZycpIHtcclxuICAgICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogZ3JleU5vZGVTdHlsZS5ib3JkZXJSYWRpdXMgc2hvdWxkIGJlIGEgc3RyaW5nLicpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgXHJcbiAgICAvLyBDaGVjayBpZiBvcmdEYXRhIGlzIGFuIGFycmF5IG9mIE9yZ0RhdGFJdGVtIG9iamVjdHNcclxuICAgIGlmICghQXJyYXkuaXNBcnJheShwcm9wcy5vcmdEYXRhKSkge1xyXG4gICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogb3JnRGF0YSBzaG91bGQgYmUgYW4gYXJyYXkuJyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBwcm9wcy5vcmdEYXRhLmZvckVhY2goaXRlbSA9PiBjaGVja09yZ0RhdGFJdGVtKGl0ZW0pKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gICBleHBvcnQgY29uc3QgY2hlY2tPcmdEYXRhSXRlbSA9IChpdGVtOiBPcmdEYXRhSXRlbSk6IHZvaWQgPT4ge1xyXG4gICAgICBpZiAoaXRlbS5sYWJlbCAhPT0gdW5kZWZpbmVkICYmIHR5cGVvZiBpdGVtLmxhYmVsICE9PSAnc3RyaW5nJykge1xyXG4gICAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yOiBPcmdEYXRhSXRlbSBsYWJlbCBzaG91bGQgYmUgYSBzdHJpbmcuJyk7XHJcbiAgICAgIH1cclxuICAgIFxyXG4gICAgICBpZiAoaXRlbS5leHBhbmRlZCAhPT0gdW5kZWZpbmVkICYmIHR5cGVvZiBpdGVtLmV4cGFuZGVkICE9PSAnYm9vbGVhbicpIHtcclxuICAgICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogT3JnRGF0YUl0ZW0gZXhwYW5kZWQgc2hvdWxkIGJlIGEgYm9vbGVhbi4nKTtcclxuICAgICAgfVxyXG4gICAgXHJcbiAgICAgIGlmIChpdGVtLmRlc2NyaXB0aW9uICE9PSB1bmRlZmluZWQgJiYgdHlwZW9mIGl0ZW0uZGVzY3JpcHRpb24gIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgY29uc29sZS5lcnJvcignRXJyb3I6IE9yZ0RhdGFJdGVtIGRlc2NyaXB0aW9uIHNob3VsZCBiZSBhIHN0cmluZy4nKTtcclxuICAgICAgfVxyXG4gICAgXHJcbiAgICAgIGlmIChpdGVtLmN1c3RvbU5vZGVTdHlsZSAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgICAgY29uc3QgY3VzdG9tTm9kZVN0eWxlID0gaXRlbS5jdXN0b21Ob2RlU3R5bGU7XHJcbiAgICAgICAgaWYgKGN1c3RvbU5vZGVTdHlsZS5iYWNrZ3JvdW5kQ29sb3IgJiYgdHlwZW9mIGN1c3RvbU5vZGVTdHlsZS5iYWNrZ3JvdW5kQ29sb3IgIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogY3VzdG9tTm9kZVN0eWxlLmJhY2tncm91bmRDb2xvciBzaG91bGQgYmUgYSBzdHJpbmcuJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChjdXN0b21Ob2RlU3R5bGUuY29sb3IgJiYgdHlwZW9mIGN1c3RvbU5vZGVTdHlsZS5jb2xvciAhPT0gJ3N0cmluZycpIHtcclxuICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yOiBjdXN0b21Ob2RlU3R5bGUuY29sb3Igc2hvdWxkIGJlIGEgc3RyaW5nLicpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoY3VzdG9tTm9kZVN0eWxlLnBhZGRpbmcgJiYgdHlwZW9mIGN1c3RvbU5vZGVTdHlsZS5wYWRkaW5nICE9PSAnc3RyaW5nJykge1xyXG4gICAgICAgICAgY29uc29sZS5lcnJvcignRXJyb3I6IGN1c3RvbU5vZGVTdHlsZS5wYWRkaW5nIHNob3VsZCBiZSBhIHN0cmluZy4nKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKGN1c3RvbU5vZGVTdHlsZS5ib3JkZXJSYWRpdXMgJiYgdHlwZW9mIGN1c3RvbU5vZGVTdHlsZS5ib3JkZXJSYWRpdXMgIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogY3VzdG9tTm9kZVN0eWxlLmJvcmRlclJhZGl1cyBzaG91bGQgYmUgYSBzdHJpbmcuJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICBcclxuICAgICAgaWYgKGl0ZW0uZGF0YSkge1xyXG4gICAgICAgIGlmIChpdGVtLmRhdGEuaW1hZ2UgIT09IHVuZGVmaW5lZCAmJiB0eXBlb2YgaXRlbS5kYXRhLmltYWdlICE9PSAnc3RyaW5nJykge1xyXG4gICAgICAgICAgY29uc29sZS5lcnJvcignRXJyb3I6IE9yZ0RhdGFJdGVtIGRhdGEuaW1hZ2Ugc2hvdWxkIGJlIGEgc3RyaW5nLicpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoaXRlbS5kYXRhLm5hbWUgIT09IHVuZGVmaW5lZCAmJiB0eXBlb2YgaXRlbS5kYXRhLm5hbWUgIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogT3JnRGF0YUl0ZW0gZGF0YS5uYW1lIHNob3VsZCBiZSBhIHN0cmluZy4nKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpdGVtLmRhdGEudGl0bGUgIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogT3JnRGF0YUl0ZW0gZGF0YS50aXRsZSBzaG91bGQgYmUgYSBzdHJpbmcuJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICBcclxuICAgICAgaWYgKGl0ZW0uY2hpbGRyZW4gJiYgQXJyYXkuaXNBcnJheShpdGVtLmNoaWxkcmVuKSkge1xyXG4gICAgICAgIGl0ZW0uY2hpbGRyZW4uZm9yRWFjaChjaGlsZCA9PiBjaGVja09yZ0RhdGFJdGVtKGNoaWxkKSk7IC8vIFJlY3Vyc2l2ZSBjYWxsIGZvciBjaGlsZHJlblxyXG4gICAgICB9XHJcbiAgICBcclxuICAgICAgaWYgKGl0ZW0ub3JpZ2luYWxTdHlsZSkge1xyXG4gICAgICAgIGNvbnN0IG9yaWdpbmFsU3R5bGUgPSBpdGVtLm9yaWdpbmFsU3R5bGU7XHJcbiAgICAgICAgaWYgKG9yaWdpbmFsU3R5bGUuYmFja2dyb3VuZENvbG9yICYmIHR5cGVvZiBvcmlnaW5hbFN0eWxlLmJhY2tncm91bmRDb2xvciAhPT0gJ3N0cmluZycpIHtcclxuICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yOiBvcmlnaW5hbFN0eWxlLmJhY2tncm91bmRDb2xvciBzaG91bGQgYmUgYSBzdHJpbmcuJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChvcmlnaW5hbFN0eWxlLmNvbG9yICYmIHR5cGVvZiBvcmlnaW5hbFN0eWxlLmNvbG9yICE9PSAnc3RyaW5nJykge1xyXG4gICAgICAgICAgY29uc29sZS5lcnJvcignRXJyb3I6IG9yaWdpbmFsU3R5bGUuY29sb3Igc2hvdWxkIGJlIGEgc3RyaW5nLicpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAob3JpZ2luYWxTdHlsZS5wYWRkaW5nICYmIHR5cGVvZiBvcmlnaW5hbFN0eWxlLnBhZGRpbmcgIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgICAgICBjb25zb2xlLmVycm9yKCdFcnJvcjogb3JpZ2luYWxTdHlsZS5wYWRkaW5nIHNob3VsZCBiZSBhIHN0cmluZy4nKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKG9yaWdpbmFsU3R5bGUuYm9yZGVyUmFkaXVzICYmIHR5cGVvZiBvcmlnaW5hbFN0eWxlLmJvcmRlclJhZGl1cyAhPT0gJ3N0cmluZycpIHtcclxuICAgICAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yOiBvcmlnaW5hbFN0eWxlLmJvcmRlclJhZGl1cyBzaG91bGQgYmUgYSBzdHJpbmcuJyk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiJdfQ==

package/fesm2015/ruc-lib-org-chart.mjs

@@ -1,409 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, ViewChild, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from 'primeng/button';
-import * as i4 from 'primeng/organizationchart';
-import { OrganizationChartModule } from 'primeng/organizationchart';
-import * as i5 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i3 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i7 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import * as i8 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i9 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { jsPDF } from 'jspdf';
-import html2canvas from 'html2canvas';
-import * as i2 from 'primeng/api';
-import * as i6 from '@angular/material/form-field';
-import { BrowserModule } from '@angular/platform-browser';
-
-const downloadChart = (chartContainer, format) => {
-    if (!chartContainer) {
-        console.error('Chart container not found!');
-        return;
-    }
-    // Capture the chart container as an image (either PNG or JPEG)
-    if (format === 'pdf') {
-        createPDF(chartContainer);
-    }
-    else {
-        captureElementAsImage(chartContainer, format)
-            .then((imgData) => {
-            downloadImage(imgData, format); // Download as PNG or JPEG
-        })
-            .catch(handleCanvasError);
-    }
-};
-// Capture the element as an image and return a promise
-const captureElementAsImage = (element, format) => {
-    return new Promise((resolve, reject) => {
-        html2canvas(element, {
-            useCORS: true,
-            scrollX: 0,
-            scrollY: -window.scrollY,
-            logging: false,
-            backgroundColor: null,
-        })
-            .then((canvas) => {
-            const imgData = canvas.toDataURL(`image/${format}`);
-            resolve(imgData);
-        })
-            .catch((error) => reject(error));
-    });
-};
-// Downloads the org chart as a PDF document.
-const createPDF = (element) => {
-    html2canvas(element, {
-        useCORS: true,
-        scale: 4,
-        scrollX: 0,
-        scrollY: -window.scrollY,
-        logging: false,
-        backgroundColor: null,
-    })
-        .then((canvas) => {
-        const imgData = canvas.toDataURL('image/png'); // Capture as PNG (or you can use JPEG)
-        const pdf = new jsPDF('p', 'mm', 'a4'); // Standard A4 page size
-        // Get the dimensions of the PDF page
-        const pdfWidth = pdf.internal.pageSize.width;
-        const pdfHeight = pdf.internal.pageSize.height;
-        const canvasWidth = canvas.width;
-        const canvasHeight = canvas.height;
-        const aspectRatio = canvasWidth / canvasHeight;
-        let imgWidth = pdfWidth;
-        let imgHeight = pdfWidth / aspectRatio;
-        // If the image height exceeds the PDF page height, adjust it
-        if (imgHeight > pdfHeight) {
-            imgHeight = pdfHeight;
-            imgWidth = pdfHeight * aspectRatio;
-        }
-        // Add the image to the PDF
-        pdf.addImage(imgData, 'PNG', 0, 20, imgWidth, imgHeight); // Fit image on PDF page
-        pdf.save('organization-chart.pdf'); // Download the PDF
-    })
-        .catch(handleCanvasError);
-};
-// Download the captured image in the required format (PNG/JPEG)
-const downloadImage = (imgData, format) => {
-    const link = document.createElement('a');
-    link.href = imgData;
-    link.download = `organization-chart.${format}`;
-    link.click();
-};
-// Error handler for any issues during canvas generation or file creation
-const handleCanvasError = (error) => {
-    console.error('Error generating file:', error);
-};
-const checkPropsType = (props) => {
-    if (props.isDisplayHambergerMenu !== undefined && typeof props.isDisplayHambergerMenu !== 'boolean') {
-        console.error('Error: isDisplayHambergerMenu should be a boolean.');
-    }
-    if (props.isDisplaySearchBar !== undefined && typeof props.isDisplaySearchBar !== 'boolean') {
-        console.error('Error: isDisplaySearchBar should be a boolean.');
-    }
-    if (!['portrait', 'triangle', 'landscape'].includes(props.nodeTemplate)) {
-        console.error('Error: nodeTemplate should be "portrait", "triangle", or "landscape".');
-    }
-    if (!Array.isArray(props.hambergerMenuList)) {
-        console.error('Error: hambergerMenuList should be an array.');
-    }
-    else {
-        props.hambergerMenuList.forEach(item => {
-            if (typeof item.label !== 'string') {
-                console.error('Error: hambergerMenuList label should be a string.');
-            }
-            if (typeof item.id !== 'number') {
-                console.error('Error: hambergerMenuList id should be a number.');
-            }
-        });
-    }
-    // Check if greyNodeStyle is of type CustomNodeStyle
-    const greyNodeStyle = props.greyNodeStyle;
-    if (greyNodeStyle) {
-        if (greyNodeStyle.backgroundColor && typeof greyNodeStyle.backgroundColor !== 'string') {
-            console.error('Error: greyNodeStyle.backgroundColor should be a string.');
-        }
-        if (greyNodeStyle.color && typeof greyNodeStyle.color !== 'string') {
-            console.error('Error: greyNodeStyle.color should be a string.');
-        }
-        if (greyNodeStyle.padding && typeof greyNodeStyle.padding !== 'string') {
-            console.error('Error: greyNodeStyle.padding should be a string.');
-        }
-        if (greyNodeStyle.borderRadius && typeof greyNodeStyle.borderRadius !== 'string') {
-            console.error('Error: greyNodeStyle.borderRadius should be a string.');
-        }
-    }
-    // Check if orgData is an array of OrgDataItem objects
-    if (!Array.isArray(props.orgData)) {
-        console.error('Error: orgData should be an array.');
-    }
-    else {
-        props.orgData.forEach(item => checkOrgDataItem(item));
-    }
-};
-const checkOrgDataItem = (item) => {
-    if (item.label !== undefined && typeof item.label !== 'string') {
-        console.error('Error: OrgDataItem label should be a string.');
-    }
-    if (item.expanded !== undefined && typeof item.expanded !== 'boolean') {
-        console.error('Error: OrgDataItem expanded should be a boolean.');
-    }
-    if (item.description !== undefined && typeof item.description !== 'string') {
-        console.error('Error: OrgDataItem description should be a string.');
-    }
-    if (item.customNodeStyle !== undefined) {
-        const customNodeStyle = item.customNodeStyle;
-        if (customNodeStyle.backgroundColor && typeof customNodeStyle.backgroundColor !== 'string') {
-            console.error('Error: customNodeStyle.backgroundColor should be a string.');
-        }
-        if (customNodeStyle.color && typeof customNodeStyle.color !== 'string') {
-            console.error('Error: customNodeStyle.color should be a string.');
-        }
-        if (customNodeStyle.padding && typeof customNodeStyle.padding !== 'string') {
-            console.error('Error: customNodeStyle.padding should be a string.');
-        }
-        if (customNodeStyle.borderRadius && typeof customNodeStyle.borderRadius !== 'string') {
-            console.error('Error: customNodeStyle.borderRadius should be a string.');
-        }
-    }
-    if (item.data) {
-        if (item.data.image !== undefined && typeof item.data.image !== 'string') {
-            console.error('Error: OrgDataItem data.image should be a string.');
-        }
-        if (item.data.name !== undefined && typeof item.data.name !== 'string') {
-            console.error('Error: OrgDataItem data.name should be a string.');
-        }
-        if (typeof item.data.title !== 'string') {
-            console.error('Error: OrgDataItem data.title should be a string.');
-        }
-    }
-    if (item.children && Array.isArray(item.children)) {
-        item.children.forEach(child => checkOrgDataItem(child)); // Recursive call for children
-    }
-    if (item.originalStyle) {
-        const originalStyle = item.originalStyle;
-        if (originalStyle.backgroundColor && typeof originalStyle.backgroundColor !== 'string') {
-            console.error('Error: originalStyle.backgroundColor should be a string.');
-        }
-        if (originalStyle.color && typeof originalStyle.color !== 'string') {
-            console.error('Error: originalStyle.color should be a string.');
-        }
-        if (originalStyle.padding && typeof originalStyle.padding !== 'string') {
-            console.error('Error: originalStyle.padding should be a string.');
-        }
-        if (originalStyle.borderRadius && typeof originalStyle.borderRadius !== 'string') {
-            console.error('Error: originalStyle.borderRadius should be a string.');
-        }
-    }
-};
-
-/** Displays an organizational chart with nodes and relationships (Org Chart Component)  */
-class OrgChartComponent {
-    constructor() {
-        this.searchText = '';
-        this.hoveredNode = null;
-    }
-    /** Initializes the component  */
-    ngOnInit() {
-        let updatedJson = this.addDefaultKeysIfNotAvailable(this.rucInputData);
-        this.rucInputData.orgData = this.updateRucInputData(updatedJson.orgData);
-        checkPropsType(this.rucInputData); // To check rucInputData is in correct format or not 
-        this.expandAllNodes();
-    }
-    /** add default property for grey nodes if user does not provided */
-    addDefaultKeysIfNotAvailable(orgData) {
-        if (!orgData.hasOwnProperty('greyNodeStyle')) {
-            orgData.greyNodeStyle = {
-                backgroundColor: '#d3d3d3',
-                color: '#808080',
-            };
-        }
-        return orgData;
-    }
-    /** manipulate input json as If customNodeStyle exists, create originalStyle for node and its children  */
-    updateRucInputData(data) {
-        return data.map((node) => {
-            node['type'] = 'person';
-            if (node.customNodeStyle) {
-                node.originalStyle = Object.assign({}, node.customNodeStyle);
-            }
-            if (node.children && node.children.length > 0) {
-                node['type'] = 'person';
-                node.children = this.updateRucInputData(node.children); // Recursive call
-            }
-            return node;
-        });
-    }
-    /** Expands all nodes in the org chart */
-    expandAllNodes() {
-        this.rucInputData.orgData = this.expandNodes(this.rucInputData.orgData);
-    }
-    /** Recursively expands all nodes in the given array
-     * @param nodes Nodes to expand @returns Expanded nodes */
-    expandNodes(nodes) {
-        return nodes.map((node) => (Object.assign(Object.assign({}, node), { expanded: true, children: node.children ? this.expandNodes(node.children) : [] })));
-    }
-    /** Collapses all nodes in the org chart   */
-    collapseAllNodes() {
-        this.rucInputData.orgData = this.collapseNodes(this.rucInputData.orgData);
-    }
-    /** Recursively collapses all nodes in the given array
-     * @param nodes Nodes to collapse @returns Collapsed nodes  */
-    collapseNodes(nodes) {
-        return nodes.map((node) => (Object.assign(Object.assign({}, node), { expanded: false, children: node.children ? this.collapseNodes(node.children) : [] })));
-    }
-    /** Gets the background color of a node based on search text
-      @param node Node to check @returns Whether the node matches the search text */
-    getBackgroungColorOfNode(node) {
-        var _a;
-        return (!this.searchText ||
-            node.data.title.toLowerCase().includes(this.searchText.toLowerCase()) ||
-            node.data.name.toLowerCase().includes(this.searchText.toLowerCase()) ||
-            ((_a = node.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.searchText.toLowerCase())));
-    }
-    /** Handles node hover event @param node Hovered node */
-    onNodeHover(node) {
-        if (this.searchText)
-            return;
-        this.hoveredNode = node;
-        this.updateNodeStyles();
-    }
-    /** Handles node leave event */
-    onNodeLeave() {
-        this.hoveredNode = null;
-        this.resetNodeStyles();
-    }
-    /**   Updates node styles based on the hovered node */
-    updateNodeStyles() {
-        this.applyStyles(this.rucInputData.orgData, true);
-    }
-    /**   Resets node styles to their original state */
-    resetNodeStyles() {
-        this.applyStyles(this.rucInputData.orgData, false);
-    }
-    /** Applies grey node style to non-matching nodes @param nodes Nodes to apply styles to */
-    applyGreyNodes(nodes) {
-        nodes.forEach((node) => {
-            var _a;
-            const isMatching = this.searchText
-                ? (_a = node.data) === null || _a === void 0 ? void 0 : _a.title.includes(this.searchText)
-                : false;
-            node.customNodeStyle = isMatching
-                ? node.customNodeStyle || node.originalStyle
-                : Object.assign(Object.assign({}, node.originalStyle), { backgroundColor: this.rucInputData.greyNodeStyle.backgroundColor, color: this.rucInputData.greyNodeStyle.color });
-            if (node.children) {
-                this.applyGreyNodes(node.children);
-            }
-        });
-    }
-    /** Applies styles to nodes based on the hovered node
-     * @param nodes Nodes to apply styles @param isHovered Whether the node is hovered */
-    applyStyles(nodes, isHovered) {
-        nodes.forEach((node) => {
-            if (isHovered) {
-                node.customNodeStyle =
-                    node === this.hoveredNode ||
-                        this.isParent(node, this.hoveredNode) ||
-                        this.isChild(node, this.hoveredNode)
-                        ? node.customNodeStyle || node.originalStyle
-                        : Object.assign(Object.assign({}, node.originalStyle), { backgroundColor: this.rucInputData.greyNodeStyle.backgroundColor, color: this.rucInputData.greyNodeStyle.color });
-            }
-            else {
-                node.customNodeStyle = node.originalStyle;
-            }
-            if (node.children) {
-                this.applyStyles(node.children, isHovered);
-            }
-        });
-    }
-    /**  Use the downloadChart utility method */
-    downloadChart(format) {
-        const chartContainer = this.orgChart.el.nativeElement;
-        downloadChart(chartContainer, format); // Calls the utility function
-    }
-    /** Handles menu click event @param id Menu item ID  */
-    onMenuClick(id, event) {
-        event.preventDefault();
-        event.stopPropagation();
-        switch (id) {
-            case 1:
-                this.downloadChart('pdf');
-                break;
-            case 2:
-                this.downloadChart('png');
-                break;
-            case 3:
-                this.downloadChart('jpeg');
-                break;
-            case 4:
-                this.expandAllNodes();
-                break;
-            case 5:
-                this.collapseAllNodes();
-                break;
-            default:
-                console.warn(`Unknown menu item ID: ${id}. Please enter valid id.`);
-                break;
-        }
-    }
-    /** Gets tooltip data for a node @param node Node to get tooltip data */
-    getTooltipData(node) {
-        return node.description || '';
-    }
-    /** Checks if a node is a parent of another node.
-     * @param currentNode The current node to check.
-     * @param hoveredNode The node to check for parentage.
-     * @returns Whether the current node is a parent of the hovered node. */
-    isParent(currentNode, hoveredNode) {
-        var _a;
-        return hoveredNode && ((_a = currentNode.children) === null || _a === void 0 ? void 0 : _a.includes(hoveredNode));
-    }
-    /** Checks if a node is a child of another node.
-     * @param node The node to check for child status
-     * @param target The node to check for parentage.
-     * @returns Whether the node is a child of the target node.*/
-    isChild(node, target) {
-        var _a;
-        return target && ((_a = target.children) === null || _a === void 0 ? void 0 : _a.includes(node));
-    }
-}
-OrgChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OrgChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OrgChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OrgChartComponent, selector: "uxp-org-chart", inputs: { rucInputData: "rucInputData", customTheme: "customTheme" }, viewQueries: [{ propertyName: "orgChart", first: true, predicate: ["orgChart"], descendants: true }], ngImport: i0, template: "<div class={{customTheme}}>\r\n  <div class=\"container\">\r\n    <!-- Hamburger Menu -->\r\n    <button *ngIf=\"rucInputData.isDisplayHambergerMenu === true\" mat-icon-button [matMenuTriggerFor]=\"menu\" \r\n      class=\"left hamburger-button\">\r\n      <mat-icon>menu</mat-icon>\r\n    </button>\r\n  \r\n    <!-- Menu -->\r\n    <mat-menu #menu=\"matMenu\">\r\n      <button *ngFor=\"let menu of rucInputData.hambergerMenuList\" mat-menu-item (click)=\"onMenuClick(menu.id, $event);\" \r\n      [id]=\"'menu-item-' + menu.id\">\r\n        {{ menu.label }}\r\n      </button>\r\n    </mat-menu>\r\n  \r\n    <!-- Search Bar -->\r\n    <mat-form-field *ngIf=\"rucInputData.isDisplaySearchBar === true\" class=\"search-box right\" \r\n      >\r\n      <mat-label>Search</mat-label>\r\n      <input matInput placeholder=\"Type to search...\" [(ngModel)]=\"searchText\" />\r\n      <mat-icon matSuffix>search</mat-icon>\r\n    </mat-form-field>\r\n  </div>\r\n  \r\n  \r\n  <div class=\"org-chart-container \" id=\"org-chart-data\">\r\n  <p-organizationChart #orgChart class=\"org-chart\" [value]=\"this.rucInputData.orgData\" selectionMode=\"multiple\"\r\n    [(selection)]=\"selectedNodes\">\r\n    <ng-template let-node pTemplate=\"person\">\r\n      <div *ngIf=\"this.rucInputData.nodeTemplate === 'portrait'\"  class=\"flex flex-col nodeContent\" [ngStyle]=\"getBackgroungColorOfNode(node) ? node.customNodeStyle : rucInputData.greyNodeStyle\" (mouseenter)=\"onNodeHover(node)\"\r\n        [title]=\"getTooltipData(node)\" (mouseleave)=\"onNodeLeave()\"> \r\n        <div class=\"flex flex-col items-center\"  >\r\n          <span><img  *ngIf=\"node.data.image\" [src]=\"node.data.image\" class=\"portraitImageDimension\" /></span>\r\n          <div class=\"font-bold mb-2\">{{ node.data.name }}</div>\r\n          <div>{{ node.data.title }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n  \r\n      <div *ngIf=\"this.rucInputData.nodeTemplate === 'triangle'\"  class=\"flex trianlge-up flex-col nodeContent\" [ngStyle]=\"getBackgroungColorOfNode(node) ? node.customNodeStyle : rucInputData.greyNodeStyle\" (mouseenter)=\"onNodeHover(node)\"\r\n        [title]=\"getTooltipData(node)\" (mouseleave)=\"onNodeLeave()\"> \r\n        <div class=\"flex flex-col items-center\"  >\r\n          <div *ngIf=\"!node.data.image\" class=\"triangleImageDimension\">\r\n          </div>\r\n          <img *ngIf=\"node.data.image\" [src]=\"node.data.image\" class=\"triangleImageDimension\" />\r\n          <div class=\"font-bold mb-2\">{{ node.data.name }}</div>\r\n          <div>{{ node.data.title }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    <div *ngIf=\"this.rucInputData.nodeTemplate === 'landscape'\">\r\n      <div class=\"card borderSolidGrey\" [ngStyle]=\"getBackgroungColorOfNode(node) ? node.customNodeStyle : rucInputData.greyNodeStyle\"\r\n      (mouseenter)=\"onNodeHover(node)\"\r\n      [title]=\"getTooltipData(node)\" (mouseleave)=\"onNodeLeave()\">\r\n        <div class=\"body\" >\r\n          <div class=\"icon\">\r\n            <img *ngIf=\"node.data.image\" [src]=\"node.data.image\" class=\"landscapeImageDimension\" />\r\n          </div>\r\n          <div class=\"content\">\r\n              <div>{{node.data.name}}</div>\r\n              <div>{{node.data.title}}</div>\r\n          </div>\r\n        </div> \r\n      </div>\r\n    </div>\r\n    </ng-template>\r\n  </p-organizationChart>\r\n  </div>\r\n  \r\n</div>", styles: [".org-chart-container{overflow-x:auto}.nodeContent{border:none;padding:1.5em;border-radius:\"8px\";background-color:none;color:#000}.card{display:flex;width:250px;height:100px;padding:24px;align-self:stretch;align-items:flex-start}.card .body{width:100%;display:flex}.card .body .icon{width:64px;height:64px}.trianlge-up{width:220px;background-color:#980104;clip-path:polygon(50% 0%,0% 100%,100% 100%)}mat-form-field{margin:10px}::ng-deep .p-organizationchart .p-organizationchart-node-content{border:none;background:none;color:#495057;padding:0!important}::ng-deep .p-organizationchart .p-organizationchart-node-content .p-node-toggler{background-color:#dee2e6;cursor:pointer}::ng-deep .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon{top:.2rem}.container{display:flex;justify-content:space-between;width:100%}.container .left{margin-right:auto}.container .right{margin-left:auto}mat-icon-button{margin-right:10px}.mat-form-field{margin-left:10px}.borderSolidGrey{border:1px solid lightgray}.landscapeImageDimension{width:3em;height:3em}.portraitImageDimension,.triangleImageDimension{margin-bottom:4px;width:3em;height:3em}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.OrganizationChart, selector: "p-organizationChart", inputs: ["value", "style", "styleClass", "selectionMode", "preserveSpace", "selection"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse"] }, { kind: "directive", type: i5.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: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OrgChartComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'uxp-org-chart', template: "<div class={{customTheme}}>\r\n  <div class=\"container\">\r\n    <!-- Hamburger Menu -->\r\n    <button *ngIf=\"rucInputData.isDisplayHambergerMenu === true\" mat-icon-button [matMenuTriggerFor]=\"menu\" \r\n      class=\"left hamburger-button\">\r\n      <mat-icon>menu</mat-icon>\r\n    </button>\r\n  \r\n    <!-- Menu -->\r\n    <mat-menu #menu=\"matMenu\">\r\n      <button *ngFor=\"let menu of rucInputData.hambergerMenuList\" mat-menu-item (click)=\"onMenuClick(menu.id, $event);\" \r\n      [id]=\"'menu-item-' + menu.id\">\r\n        {{ menu.label }}\r\n      </button>\r\n    </mat-menu>\r\n  \r\n    <!-- Search Bar -->\r\n    <mat-form-field *ngIf=\"rucInputData.isDisplaySearchBar === true\" class=\"search-box right\" \r\n      >\r\n      <mat-label>Search</mat-label>\r\n      <input matInput placeholder=\"Type to search...\" [(ngModel)]=\"searchText\" />\r\n      <mat-icon matSuffix>search</mat-icon>\r\n    </mat-form-field>\r\n  </div>\r\n  \r\n  \r\n  <div class=\"org-chart-container \" id=\"org-chart-data\">\r\n  <p-organizationChart #orgChart class=\"org-chart\" [value]=\"this.rucInputData.orgData\" selectionMode=\"multiple\"\r\n    [(selection)]=\"selectedNodes\">\r\n    <ng-template let-node pTemplate=\"person\">\r\n      <div *ngIf=\"this.rucInputData.nodeTemplate === 'portrait'\"  class=\"flex flex-col nodeContent\" [ngStyle]=\"getBackgroungColorOfNode(node) ? node.customNodeStyle : rucInputData.greyNodeStyle\" (mouseenter)=\"onNodeHover(node)\"\r\n        [title]=\"getTooltipData(node)\" (mouseleave)=\"onNodeLeave()\"> \r\n        <div class=\"flex flex-col items-center\"  >\r\n          <span><img  *ngIf=\"node.data.image\" [src]=\"node.data.image\" class=\"portraitImageDimension\" /></span>\r\n          <div class=\"font-bold mb-2\">{{ node.data.name }}</div>\r\n          <div>{{ node.data.title }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n  \r\n      <div *ngIf=\"this.rucInputData.nodeTemplate === 'triangle'\"  class=\"flex trianlge-up flex-col nodeContent\" [ngStyle]=\"getBackgroungColorOfNode(node) ? node.customNodeStyle : rucInputData.greyNodeStyle\" (mouseenter)=\"onNodeHover(node)\"\r\n        [title]=\"getTooltipData(node)\" (mouseleave)=\"onNodeLeave()\"> \r\n        <div class=\"flex flex-col items-center\"  >\r\n          <div *ngIf=\"!node.data.image\" class=\"triangleImageDimension\">\r\n          </div>\r\n          <img *ngIf=\"node.data.image\" [src]=\"node.data.image\" class=\"triangleImageDimension\" />\r\n          <div class=\"font-bold mb-2\">{{ node.data.name }}</div>\r\n          <div>{{ node.data.title }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    <div *ngIf=\"this.rucInputData.nodeTemplate === 'landscape'\">\r\n      <div class=\"card borderSolidGrey\" [ngStyle]=\"getBackgroungColorOfNode(node) ? node.customNodeStyle : rucInputData.greyNodeStyle\"\r\n      (mouseenter)=\"onNodeHover(node)\"\r\n      [title]=\"getTooltipData(node)\" (mouseleave)=\"onNodeLeave()\">\r\n        <div class=\"body\" >\r\n          <div class=\"icon\">\r\n            <img *ngIf=\"node.data.image\" [src]=\"node.data.image\" class=\"landscapeImageDimension\" />\r\n          </div>\r\n          <div class=\"content\">\r\n              <div>{{node.data.name}}</div>\r\n              <div>{{node.data.title}}</div>\r\n          </div>\r\n        </div> \r\n      </div>\r\n    </div>\r\n    </ng-template>\r\n  </p-organizationChart>\r\n  </div>\r\n  \r\n</div>", styles: [".org-chart-container{overflow-x:auto}.nodeContent{border:none;padding:1.5em;border-radius:\"8px\";background-color:none;color:#000}.card{display:flex;width:250px;height:100px;padding:24px;align-self:stretch;align-items:flex-start}.card .body{width:100%;display:flex}.card .body .icon{width:64px;height:64px}.trianlge-up{width:220px;background-color:#980104;clip-path:polygon(50% 0%,0% 100%,100% 100%)}mat-form-field{margin:10px}::ng-deep .p-organizationchart .p-organizationchart-node-content{border:none;background:none;color:#495057;padding:0!important}::ng-deep .p-organizationchart .p-organizationchart-node-content .p-node-toggler{background-color:#dee2e6;cursor:pointer}::ng-deep .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon{top:.2rem}.container{display:flex;justify-content:space-between;width:100%}.container .left{margin-right:auto}.container .right{margin-left:auto}mat-icon-button{margin-right:10px}.mat-form-field{margin-left:10px}.borderSolidGrey{border:1px solid lightgray}.landscapeImageDimension{width:3em;height:3em}.portraitImageDimension,.triangleImageDimension{margin-bottom:4px;width:3em;height:3em}\n"] }]
-        }], propDecorators: { rucInputData: [{
-                type: Input
-            }], customTheme: [{
-                type: Input
-            }], orgChart: [{
-                type: ViewChild,
-                args: ['orgChart', { static: false }]
-            }] } });
-
-class RuclibOrgChartModule {
-}
-RuclibOrgChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibOrgChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RuclibOrgChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RuclibOrgChartModule, declarations: [OrgChartComponent], imports: [CommonModule, ButtonModule, BrowserModule, FormsModule, OrganizationChartModule, MatInputModule, MatMenuModule, MatButtonModule, MatIconModule], exports: [OrgChartComponent] });
-RuclibOrgChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibOrgChartModule, imports: [CommonModule, ButtonModule, BrowserModule, FormsModule, OrganizationChartModule, MatInputModule, MatMenuModule, MatButtonModule, MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibOrgChartModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, ButtonModule, BrowserModule, FormsModule, OrganizationChartModule, MatInputModule, MatMenuModule, MatButtonModule, MatIconModule],
-                    declarations: [OrgChartComponent],
-                    exports: [OrgChartComponent]
-                }]
-        }] });
-
-// export * from './services/org-chart.service';
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { OrgChartComponent, RuclibOrgChartModule };
-//# sourceMappingURL=ruc-lib-org-chart.mjs.map