@ruc-lib/org-chart 3.1.0 → 3.2.0

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

@@ -1,403 +0,0 @@
-import * as i6 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import * as i5 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i4 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i3 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i2 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i0 from '@angular/core';
-import { ViewChild, Input, Component } from '@angular/core';
-import { jsPDF } from 'jspdf';
-import html2canvas from 'html2canvas';
-import * as i7 from 'primeng/organizationchart';
-import { OrganizationChartModule } from 'primeng/organizationchart';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i9 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i8 from 'primeng/api';
-
-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 || typeof item.data.title !== 'string') {
-        console.error('Error: OrgDataItem data.title should be a string.');
-    }
-    else {
-        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 (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.');
-        }
-    }
-};
-
-class RuclibOrgChartComponent {
-    constructor() {
-        this.searchText = '';
-        this.hoveredNode = null;
-    }
-    /** Initializes the component  */
-    ngOnInit() {
-        const 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 = { ...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) => ({
-            ...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) => ({
-            ...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) {
-        return (!this.searchText ||
-            node.data.title.toLowerCase().includes(this.searchText.toLowerCase()) ||
-            node.data.name.toLowerCase().includes(this.searchText.toLowerCase()) ||
-            node.label?.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) => {
-            const isMatching = this.searchText
-                ? node.data?.title.includes(this.searchText)
-                : false;
-            node.customNodeStyle = isMatching
-                ? node.customNodeStyle || node.originalStyle
-                : {
-                    ...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
-                        : {
-                            ...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) {
-        return hoveredNode && currentNode.children?.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) {
-        return target && target.children?.includes(node);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RuclibOrgChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: RuclibOrgChartComponent, isStandalone: true, selector: "uxp-ruclib-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    @if (rucInputData.isDisplayHambergerMenu === true) {\r\n      <button 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\r\n    <!-- Menu -->\r\n    <mat-menu #menu=\"matMenu\">\r\n      @for (menu of rucInputData.hambergerMenuList; track menu) {\r\n        <button mat-menu-item (click)=\"onMenuClick(menu.id, $event);\"\r\n          [id]=\"'menu-item-' + menu.id\">\r\n          {{ menu.label }}\r\n        </button>\r\n      }\r\n    </mat-menu>\r\n\r\n    <!-- Search Bar -->\r\n    @if (rucInputData.isDisplaySearchBar === true) {\r\n      <mat-form-field 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    }\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        @if (this.rucInputData.nodeTemplate === 'portrait') {\r\n          <div  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>@if (node.data.image) {\r\n                <img  [src]=\"node.data.image\" class=\"portraitImageDimension\" />\r\n              }</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\r\n        @if (this.rucInputData.nodeTemplate === 'triangle') {\r\n          <div  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              @if (!node.data.image) {\r\n                <div class=\"triangleImageDimension\">\r\n                </div>\r\n              }\r\n              @if (node.data.image) {\r\n                <img [src]=\"node.data.image\" class=\"triangleImageDimension\" />\r\n              }\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        @if (this.rucInputData.nodeTemplate === 'landscape') {\r\n          <div>\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                  @if (node.data.image) {\r\n                    <img [src]=\"node.data.image\" class=\"landscapeImageDimension\" />\r\n                  }\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        }\r\n      </ng-template>\r\n    </p-organizationChart>\r\n  </div>\r\n\r\n</div>\r\n", 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { 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", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: OrganizationChartModule }, { kind: "component", type: i7.OrganizationChart, selector: "p-organizationChart", inputs: ["value", "style", "styleClass", "selectionMode", "collapsible", "preserveSpace", "selection"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse"] }, { kind: "directive", type: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i9.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: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RuclibOrgChartComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'uxp-ruclib-org-chart', imports: [CommonModule, MatIconModule, MatButtonModule, MatFormFieldModule, MatInputModule, MatMenuModule, OrganizationChartModule, FormsModule], template: "<div class={{customTheme}}>\r\n  <div class=\"container\">\r\n    <!-- Hamburger Menu -->\r\n    @if (rucInputData.isDisplayHambergerMenu === true) {\r\n      <button 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\r\n    <!-- Menu -->\r\n    <mat-menu #menu=\"matMenu\">\r\n      @for (menu of rucInputData.hambergerMenuList; track menu) {\r\n        <button mat-menu-item (click)=\"onMenuClick(menu.id, $event);\"\r\n          [id]=\"'menu-item-' + menu.id\">\r\n          {{ menu.label }}\r\n        </button>\r\n      }\r\n    </mat-menu>\r\n\r\n    <!-- Search Bar -->\r\n    @if (rucInputData.isDisplaySearchBar === true) {\r\n      <mat-form-field 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    }\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        @if (this.rucInputData.nodeTemplate === 'portrait') {\r\n          <div  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>@if (node.data.image) {\r\n                <img  [src]=\"node.data.image\" class=\"portraitImageDimension\" />\r\n              }</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\r\n        @if (this.rucInputData.nodeTemplate === 'triangle') {\r\n          <div  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              @if (!node.data.image) {\r\n                <div class=\"triangleImageDimension\">\r\n                </div>\r\n              }\r\n              @if (node.data.image) {\r\n                <img [src]=\"node.data.image\" class=\"triangleImageDimension\" />\r\n              }\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        @if (this.rucInputData.nodeTemplate === 'landscape') {\r\n          <div>\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                  @if (node.data.image) {\r\n                    <img [src]=\"node.data.image\" class=\"landscapeImageDimension\" />\r\n                  }\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        }\r\n      </ng-template>\r\n    </p-organizationChart>\r\n  </div>\r\n\r\n</div>\r\n", 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 }]
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RuclibOrgChartComponent };
-//# sourceMappingURL=ruc-lib-org-chart.mjs.map

package/fesm2022/ruc-lib-org-chart.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ruc-lib-org-chart.mjs","sources":["../../src/utils/chart-download.util.ts","../../src/lib/ruclib-org-chart/ruclib-org-chart.component.ts","../../src/lib/ruclib-org-chart/ruclib-org-chart.component.html","../../src/ruc-lib-org-chart.ts"],"sourcesContent":["import { jsPDF } from 'jspdf';\r\nimport html2canvas from 'html2canvas';\r\nimport { OrgData, OrgDataItem } from '../interfaces/org-chart';\r\n\r\n\r\nexport const downloadChart = (chartContainer: HTMLElement, format: 'png' | 'jpeg' | 'pdf'): void => {\r\n  if (!chartContainer) {\r\n    console.error('Chart container not found!');\r\n    return;\r\n  }\r\n\r\n  // Capture the chart container as an image (either PNG or JPEG)\r\n  if (format === 'pdf') {\r\n    createPDF(chartContainer);\r\n  } else {\r\n    captureElementAsImage(chartContainer, format)\r\n      .then((imgData) => {\r\n        downloadImage(imgData, format); // Download as PNG or JPEG\r\n      })\r\n      .catch(handleCanvasError);\r\n  }\r\n}\r\n\r\n// Capture the element as an image and return a promise\r\nexport const captureElementAsImage = (element: HTMLElement, format: 'png' | 'jpeg'): Promise<string> => {\r\n  return new Promise((resolve, reject) => {\r\n    html2canvas(element, {\r\n      useCORS: true,\r\n      scrollX: 0,\r\n      scrollY: -window.scrollY,\r\n      logging: false,\r\n      backgroundColor: null,\r\n    })\r\n      .then((canvas) => {\r\n        const imgData = canvas.toDataURL(`image/${format}`);\r\n        resolve(imgData);\r\n      })\r\n      .catch((error) => reject(error));\r\n  });\r\n}\r\n\r\n// Downloads the org chart as a PDF document.\r\nexport const createPDF = (element: HTMLElement): void => {\r\n  html2canvas(element, {\r\n    useCORS: true,\r\n    scale: 4, \r\n    scrollX: 0,\r\n    scrollY: -window.scrollY,\r\n    logging: false,\r\n    backgroundColor: null,\r\n  })\r\n    .then((canvas) => {\r\n      const imgData = canvas.toDataURL('image/png'); // Capture as PNG (or you can use JPEG)\r\n      const pdf = new jsPDF('p', 'mm', 'a4'); // Standard A4 page size\r\n\r\n      // Get the dimensions of the PDF page\r\n      const pdfWidth = pdf.internal.pageSize.width;\r\n      const pdfHeight = pdf.internal.pageSize.height;\r\n\r\n      const canvasWidth = canvas.width;\r\n      const canvasHeight = canvas.height;\r\n\r\n      const aspectRatio = canvasWidth / canvasHeight;\r\n\r\n      let imgWidth = pdfWidth;\r\n      let imgHeight = pdfWidth / aspectRatio;\r\n\r\n      // If the image height exceeds the PDF page height, adjust it\r\n      if (imgHeight > pdfHeight) {\r\n        imgHeight = pdfHeight;\r\n        imgWidth = pdfHeight * aspectRatio;\r\n      }\r\n\r\n      // Add the image to the PDF\r\n      pdf.addImage(imgData, 'PNG', 0, 20, imgWidth, imgHeight); // Fit image on PDF page\r\n      pdf.save('organization-chart.pdf'); // Download the PDF\r\n    })\r\n    .catch(handleCanvasError);\r\n}\r\n\r\n// Download the captured image in the required format (PNG/JPEG)\r\nexport const downloadImage = (imgData: string, format: 'png' | 'jpeg'): void => {\r\n  const link = document.createElement('a');\r\n  link.href = imgData;\r\n  link.download = `organization-chart.${format}`;\r\n  link.click();\r\n}\r\n\r\n// Error handler for any issues during canvas generation or file creation\r\nexport const handleCanvasError = (error: any): void => {\r\n  console.error('Error generating file:', error);\r\n}\r\n\r\n  \r\nexport const checkPropsType = (props: OrgData): void => {\r\n    if (props.isDisplayHambergerMenu !== undefined && typeof props.isDisplayHambergerMenu !== 'boolean') {\r\n      console.error('Error: isDisplayHambergerMenu should be a boolean.');\r\n    }\r\n  \r\n    if (props.isDisplaySearchBar !== undefined && typeof props.isDisplaySearchBar !== 'boolean') {\r\n      console.error('Error: isDisplaySearchBar should be a boolean.');\r\n    }\r\n  \r\n    if (!['portrait', 'triangle', 'landscape'].includes(props.nodeTemplate)) {\r\n      console.error('Error: nodeTemplate should be \"portrait\", \"triangle\", or \"landscape\".');\r\n    }\r\n  \r\n    if (!Array.isArray(props.hambergerMenuList)) {\r\n      console.error('Error: hambergerMenuList should be an array.');\r\n    } else {\r\n      props.hambergerMenuList.forEach(item => {\r\n        if (typeof item.label !== 'string') {\r\n          console.error('Error: hambergerMenuList label should be a string.');\r\n        }\r\n        if (typeof item.id !== 'number') {\r\n          console.error('Error: hambergerMenuList id should be a number.');\r\n        }\r\n      });\r\n    }\r\n  \r\n    // Check if greyNodeStyle is of type CustomNodeStyle\r\n    const greyNodeStyle = props.greyNodeStyle;\r\n    if (greyNodeStyle) {\r\n      if (greyNodeStyle.backgroundColor && typeof greyNodeStyle.backgroundColor !== 'string') {\r\n        console.error('Error: greyNodeStyle.backgroundColor should be a string.');\r\n      }\r\n      if (greyNodeStyle.color && typeof greyNodeStyle.color !== 'string') {\r\n        console.error('Error: greyNodeStyle.color should be a string.');\r\n      }\r\n      if (greyNodeStyle.padding && typeof greyNodeStyle.padding !== 'string') {\r\n        console.error('Error: greyNodeStyle.padding should be a string.');\r\n      }\r\n      if (greyNodeStyle.borderRadius && typeof greyNodeStyle.borderRadius !== 'string') {\r\n        console.error('Error: greyNodeStyle.borderRadius should be a string.');\r\n      }\r\n    }\r\n  \r\n    // Check if orgData is an array of OrgDataItem objects\r\n    if (!Array.isArray(props.orgData)) {\r\n      console.error('Error: orgData should be an array.');\r\n    } else {\r\n      props.orgData.forEach(item => checkOrgDataItem(item));\r\n    }\r\n  }\r\n\r\n   export const checkOrgDataItem = (item: OrgDataItem): void => {\r\n      if (item.label !== undefined && typeof item.label !== 'string') {\r\n        console.error('Error: OrgDataItem label should be a string.');\r\n      }\r\n    \r\n      if (item.expanded !== undefined && typeof item.expanded !== 'boolean') {\r\n        console.error('Error: OrgDataItem expanded should be a boolean.');\r\n      }\r\n    \r\n      if (item.description !== undefined && typeof item.description !== 'string') {\r\n        console.error('Error: OrgDataItem description should be a string.');\r\n      }\r\n    \r\n      if (item.customNodeStyle !== undefined) {\r\n        const customNodeStyle = item.customNodeStyle;\r\n        if (customNodeStyle.backgroundColor && typeof customNodeStyle.backgroundColor !== 'string') {\r\n          console.error('Error: customNodeStyle.backgroundColor should be a string.');\r\n        }\r\n        if (customNodeStyle.color && typeof customNodeStyle.color !== 'string') {\r\n          console.error('Error: customNodeStyle.color should be a string.');\r\n        }\r\n        if (customNodeStyle.padding && typeof customNodeStyle.padding !== 'string') {\r\n          console.error('Error: customNodeStyle.padding should be a string.');\r\n        }\r\n        if (customNodeStyle.borderRadius && typeof customNodeStyle.borderRadius !== 'string') {\r\n          console.error('Error: customNodeStyle.borderRadius should be a string.');\r\n        }\r\n      }\r\n    \r\n      if (!item.data || typeof item.data.title !== 'string') {\r\n        console.error('Error: OrgDataItem data.title should be a string.');\r\n      } else {\r\n          if (item.data.image !== undefined && typeof item.data.image !== 'string') {\r\n            console.error('Error: OrgDataItem data.image should be a string.');\r\n          }\r\n          if (item.data.name !== undefined && typeof item.data.name !== 'string') {\r\n            console.error('Error: OrgDataItem data.name should be a string.');\r\n          }\r\n      }\r\n\r\n    \r\n      if (item.children && Array.isArray(item.children)) {\r\n        item.children.forEach(child => checkOrgDataItem(child)); // Recursive call for children\r\n      }\r\n    \r\n      if (item.originalStyle) {\r\n        const originalStyle = item.originalStyle;\r\n        if (originalStyle.backgroundColor && typeof originalStyle.backgroundColor !== 'string') {\r\n          console.error('Error: originalStyle.backgroundColor should be a string.');\r\n        }\r\n        if (originalStyle.color && typeof originalStyle.color !== 'string') {\r\n          console.error('Error: originalStyle.color should be a string.');\r\n        }\r\n        if (originalStyle.padding && typeof originalStyle.padding !== 'string') {\r\n          console.error('Error: originalStyle.padding should be a string.');\r\n        }\r\n        if (originalStyle.borderRadius && typeof originalStyle.borderRadius !== 'string') {\r\n          console.error('Error: originalStyle.borderRadius should be a string.');\r\n        }\r\n      }\r\n    }\r\n","import { MatMenuModule } from '@angular/material/menu';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n/* eslint-disable no-prototype-builtins */\r\nimport { Component, OnInit, ViewChild, Input } from '@angular/core';\r\nimport { CustomTreeNode, OrgData, OrgDataItem } from '../../interfaces/org-chart';\r\nimport { TreeNode } from 'primeng/api';\r\nimport { checkPropsType, downloadChart } from '../../utils/chart-download.util';\r\nimport { OrganizationChart, OrganizationChartModule } from 'primeng/organizationchart';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n    selector: 'uxp-ruclib-org-chart',\r\n    imports: [CommonModule, MatIconModule, MatButtonModule, MatFormFieldModule, MatInputModule, MatMenuModule, OrganizationChartModule, FormsModule],\r\n    templateUrl: './ruclib-org-chart.component.html',\r\n    styleUrl: './ruclib-org-chart.component.scss'\r\n})\r\nexport class RuclibOrgChartComponent implements OnInit {\r\n  @Input() rucInputData!: OrgData;\r\n  @Input() customTheme: string | undefined;\r\n  selectedNodes!: CustomTreeNode[];\r\n  searchText = '';\r\n  hoveredNode: CustomTreeNode | null = null;\r\n\r\n  @ViewChild('orgChart', { static: false }) orgChart!: OrganizationChart;\r\n\r\n  /** Initializes the component  */\r\n  ngOnInit(): void {\r\n    const updatedJson = this.addDefaultKeysIfNotAvailable(this.rucInputData);\r\n    this.rucInputData.orgData = this.updateRucInputData(updatedJson.orgData);\r\n    checkPropsType(this.rucInputData); // To check rucInputData is in correct format or not\r\n    this.expandAllNodes();\r\n  }\r\n\r\n  /** add default property for grey nodes if user does not provided */\r\n  addDefaultKeysIfNotAvailable(orgData: OrgData) {\r\n    if (!orgData.hasOwnProperty('greyNodeStyle')) {\r\n      orgData.greyNodeStyle = {\r\n        backgroundColor: '#d3d3d3',\r\n        color: '#808080',\r\n      };\r\n    }\r\n    return orgData;\r\n  }\r\n\r\n  /** manipulate input json as If customNodeStyle exists, create originalStyle for node and its children  */\r\n  updateRucInputData(data: OrgDataItem[]): OrgDataItem[] {\r\n    return data.map((node: OrgDataItem) => {\r\n      node['type'] = 'person';\r\n      if (node.customNodeStyle) {\r\n        node.originalStyle = { ...node.customNodeStyle };\r\n      }\r\n      if (node.children && node.children.length > 0) {\r\n        node['type'] = 'person';\r\n        node.children = this.updateRucInputData(node.children); // Recursive call\r\n      }\r\n      return node;\r\n    });\r\n  }\r\n\r\n  /** Expands all nodes in the org chart */\r\n  expandAllNodes(): void {\r\n    this.rucInputData.orgData = this.expandNodes(this.rucInputData.orgData);\r\n  }\r\n\r\n  /** Recursively expands all nodes in the given array\r\n   * @param nodes Nodes to expand @returns Expanded nodes */\r\n  expandNodes(nodes: OrgDataItem[]): OrgDataItem[] {\r\n    return nodes.map((node) => ({\r\n      ...node,\r\n      expanded: true,\r\n      children: node.children ? this.expandNodes(node.children) : [],\r\n    }));\r\n  }\r\n\r\n  /** Collapses all nodes in the org chart   */\r\n  collapseAllNodes(): void {\r\n    this.rucInputData.orgData = this.collapseNodes(this.rucInputData.orgData);\r\n  }\r\n\r\n  /** Recursively collapses all nodes in the given array\r\n   * @param nodes Nodes to collapse @returns Collapsed nodes  */\r\n  collapseNodes(nodes: OrgDataItem[]): OrgDataItem[] {\r\n    return nodes.map((node) => ({\r\n      ...node,\r\n      expanded: false,\r\n      children: node.children ? this.collapseNodes(node.children) : [],\r\n    }));\r\n  }\r\n\r\n  /** Gets the background color of a node based on search text\r\n    @param node Node to check @returns Whether the node matches the search text */\r\n  getBackgroungColorOfNode(node: CustomTreeNode): boolean {\r\n    return (\r\n      !this.searchText ||\r\n      node.data.title.toLowerCase().includes(this.searchText.toLowerCase()) ||\r\n      node.data.name.toLowerCase().includes(this.searchText.toLowerCase()) ||\r\n      node.label?.toLowerCase().includes(this.searchText.toLowerCase())\r\n    );\r\n  }\r\n\r\n  /** Handles node hover event @param node Hovered node */\r\n  onNodeHover(node: CustomTreeNode): void {\r\n    if (this.searchText) return;\r\n    this.hoveredNode = node;\r\n    this.updateNodeStyles();\r\n  }\r\n\r\n  /** Handles node leave event */\r\n  onNodeLeave(): void {\r\n    this.hoveredNode = null;\r\n    this.resetNodeStyles();\r\n  }\r\n\r\n  /**   Updates node styles based on the hovered node */\r\n  updateNodeStyles(): void {\r\n    this.applyStyles(this.rucInputData.orgData, true);\r\n  }\r\n\r\n  /**   Resets node styles to their original state */\r\n  resetNodeStyles(): void {\r\n    this.applyStyles(this.rucInputData.orgData, false);\r\n  }\r\n\r\n  /** Applies grey node style to non-matching nodes @param nodes Nodes to apply styles to */\r\n  applyGreyNodes(nodes:OrgDataItem[]): void {\r\n    nodes.forEach((node: OrgDataItem) => {\r\n      const isMatching = this.searchText\r\n        ? node.data?.title.includes(this.searchText)\r\n        : false;\r\n      node.customNodeStyle = isMatching\r\n        ? node.customNodeStyle || node.originalStyle\r\n        : {\r\n            ...node.originalStyle,\r\n            backgroundColor: this.rucInputData.greyNodeStyle.backgroundColor,\r\n            color: this.rucInputData.greyNodeStyle.color,\r\n          };\r\n\r\n      if (node.children) {\r\n        this.applyGreyNodes(node.children);\r\n      }\r\n    });\r\n  }\r\n\r\n  /** Applies styles to nodes based on the hovered node\r\n   * @param nodes Nodes to apply styles @param isHovered Whether the node is hovered */\r\n  applyStyles(nodes: OrgDataItem[], isHovered: boolean): void {\r\n    nodes.forEach((node) => {\r\n      if (isHovered) {\r\n        node.customNodeStyle =\r\n          node === this.hoveredNode ||\r\n          this.isParent(node, this.hoveredNode) ||\r\n          this.isChild(node, this.hoveredNode)\r\n            ? node.customNodeStyle || node.originalStyle\r\n            : {\r\n                ...node.originalStyle,\r\n                backgroundColor:\r\n                  this.rucInputData.greyNodeStyle.backgroundColor,\r\n                color: this.rucInputData.greyNodeStyle.color,\r\n              };\r\n      } else {\r\n        node.customNodeStyle = node.originalStyle;\r\n      }\r\n\r\n      if (node.children) {\r\n        this.applyStyles(node.children, isHovered);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**  Use the downloadChart utility method */\r\n  downloadChart(format: 'png' | 'jpeg' | 'pdf'): void {\r\n    const chartContainer = this.orgChart.el.nativeElement;\r\n    downloadChart(chartContainer, format); // Calls the utility function\r\n  }\r\n\r\n  /** Handles menu click event @param id Menu item ID  */\r\n  onMenuClick(id: number,event: MouseEvent): void {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    switch (id) {\r\n      case 1:\r\n        this.downloadChart('pdf');\r\n        break;\r\n      case 2:\r\n        this.downloadChart('png');\r\n        break;\r\n      case 3:\r\n        this.downloadChart('jpeg');\r\n        break;\r\n      case 4:\r\n        this.expandAllNodes();\r\n        break;\r\n      case 5:\r\n        this.collapseAllNodes();\r\n        break;\r\n      default:\r\n        console.warn(`Unknown menu item ID: ${id}. Please enter valid id.`);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** Gets tooltip data for a node @param node Node to get tooltip data */\r\n  getTooltipData(node: CustomTreeNode): string | undefined {\r\n    return node.description || '';\r\n  }\r\n\r\n  /** Checks if a node is a parent of another node.\r\n   * @param currentNode The current node to check.\r\n   * @param hoveredNode The node to check for parentage.\r\n   * @returns Whether the current node is a parent of the hovered node. */\r\n  isParent(\r\n    currentNode: TreeNode,\r\n    hoveredNode: TreeNode | null\r\n  ): boolean | null | undefined {\r\n    return hoveredNode && currentNode.children?.includes(hoveredNode);\r\n  }\r\n\r\n  /** Checks if a node is a child of another node.\r\n   * @param node The node to check for child status\r\n   * @param target The node to check for parentage.\r\n   * @returns Whether the node is a child of the target node.*/\r\n  isChild(node: TreeNode, target: TreeNode | null): boolean | null | undefined {\r\n    return target && target.children?.includes(node);\r\n  }\r\n}\r\n\r\n","<div class={{customTheme}}>\r\n  <div class=\"container\">\r\n    <!-- Hamburger Menu -->\r\n    @if (rucInputData.isDisplayHambergerMenu === true) {\r\n      <button 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\r\n    <!-- Menu -->\r\n    <mat-menu #menu=\"matMenu\">\r\n      @for (menu of rucInputData.hambergerMenuList; track menu) {\r\n        <button mat-menu-item (click)=\"onMenuClick(menu.id, $event);\"\r\n          [id]=\"'menu-item-' + menu.id\">\r\n          {{ menu.label }}\r\n        </button>\r\n      }\r\n    </mat-menu>\r\n\r\n    <!-- Search Bar -->\r\n    @if (rucInputData.isDisplaySearchBar === true) {\r\n      <mat-form-field 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    }\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        @if (this.rucInputData.nodeTemplate === 'portrait') {\r\n          <div  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>@if (node.data.image) {\r\n                <img  [src]=\"node.data.image\" class=\"portraitImageDimension\" />\r\n              }</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\r\n        @if (this.rucInputData.nodeTemplate === 'triangle') {\r\n          <div  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              @if (!node.data.image) {\r\n                <div class=\"triangleImageDimension\">\r\n                </div>\r\n              }\r\n              @if (node.data.image) {\r\n                <img [src]=\"node.data.image\" class=\"triangleImageDimension\" />\r\n              }\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        @if (this.rucInputData.nodeTemplate === 'landscape') {\r\n          <div>\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                  @if (node.data.image) {\r\n                    <img [src]=\"node.data.image\" class=\"landscapeImageDimension\" />\r\n                  }\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        }\r\n      </ng-template>\r\n    </p-organizationChart>\r\n  </div>\r\n\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}