@gravionlabs/helix-core 22.0.0

package/fesm2022/gravionlabs-helix-core-organizationchart.mjs

@@ -0,0 +1,497 @@
+export * from '@gravionlabs/helix-core/types/organizationchart';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, input, booleanAttribute, inject, forwardRef, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, model, output, contentChildren, contentChild, effect, untracked, NgModule } from '@angular/core';
+import { isAttributeEquals } from '@gravionlabs/helix-core/uix/utils';
+import { SharedModule, HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
+import * as i2 from '@gravionlabs/helix-core/bind';
+import { BindModule, Bind } from '@gravionlabs/helix-core/bind';
+import { ChevronDownIcon, ChevronUpIcon } from '@gravionlabs/helix-core/icons';
+import { Subject } from 'rxjs';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+const style = /*css*/ `
+    .h-organizationchart-table {
+        border-spacing: 0;
+        border-collapse: separate;
+        margin: 0 auto;
+    }
+
+    .h-organizationchart-table > tbody > tr > td {
+        text-align: center;
+        vertical-align: top;
+        padding: 0 dt('organizationchart.gutter');
+    }
+
+    .h-organizationchart-node {
+        display: inline-block;
+        position: relative;
+        border: 1px solid dt('organizationchart.node.border.color');
+        background: dt('organizationchart.node.background');
+        color: dt('organizationchart.node.color');
+        padding: dt('organizationchart.node.padding');
+        border-radius: dt('organizationchart.node.border.radius');
+        transition:
+            background dt('organizationchart.transition.duration'),
+            border-color dt('organizationchart.transition.duration'),
+            color dt('organizationchart.transition.duration'),
+            box-shadow dt('organizationchart.transition.duration');
+    }
+
+    .h-organizationchart-node:has(.h-organizationchart-node-toggle-button) {
+        padding: dt('organizationchart.node.toggleable.padding');
+    }
+
+    .h-organizationchart-node.h-organizationchart-node-selectable:not(.h-organizationchart-node-selected):hover {
+        background: dt('organizationchart.node.hover.background');
+        color: dt('organizationchart.node.hover.color');
+    }
+
+    .h-organizationchart-node-selected {
+        background: dt('organizationchart.node.selected.background');
+        color: dt('organizationchart.node.selected.color');
+    }
+
+    .h-organizationchart-node-toggle-button {
+        position: absolute;
+        inset-block-end: calc(-1 * calc(dt('organizationchart.node.toggle.button.size') / 2));
+        margin-inline-start: calc(-1 * calc(dt('organizationchart.node.toggle.button.size') / 2));
+        z-index: 2;
+        inset-inline-start: 50%;
+        user-select: none;
+        cursor: pointer;
+        width: dt('organizationchart.node.toggle.button.size');
+        height: dt('organizationchart.node.toggle.button.size');
+        text-decoration: none;
+        background: dt('organizationchart.node.toggle.button.background');
+        color: dt('organizationchart.node.toggle.button.color');
+        border-radius: dt('organizationchart.node.toggle.button.border.radius');
+        border: 1px solid dt('organizationchart.node.toggle.button.border.color');
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        outline-color: transparent;
+        transition:
+            background dt('organizationchart.transition.duration'),
+            color dt('organizationchart.transition.duration'),
+            border-color dt('organizationchart.transition.duration'),
+            outline-color dt('organizationchart.transition.duration'),
+            box-shadow dt('organizationchart.transition.duration');
+    }
+
+    .h-organizationchart-node-toggle-button:hover {
+        background: dt('organizationchart.node.toggle.button.hover.background');
+        color: dt('organizationchart.node.toggle.button.hover.color');
+    }
+
+    .h-organizationchart-node-toggle-button:focus-visible {
+        box-shadow: dt('organizationchart.node.toggle.button.focus.ring.shadow');
+        outline: dt('organizationchart.node.toggle.button.focus.ring.width') dt('organizationchart.node.toggle.button.focus.ring.style') dt('organizationchart.node.toggle.button.focus.ring.color');
+        outline-offset: dt('organizationchart.node.toggle.button.focus.ring.offset');
+    }
+
+    .h-organizationchart-node-toggle-button-icon {
+        position: relative;
+        inset-block-start: 1px;
+    }
+
+    .h-organizationchart-connector-down {
+        margin: 0 auto;
+        height: dt('organizationchart.connector.height');
+        width: 1px;
+        background: dt('organizationchart.connector.color');
+    }
+
+    .h-organizationchart-connector-right {
+        border-radius: 0;
+    }
+
+    .h-organizationchart-connector-left {
+        border-radius: 0;
+        border-inline-end: 1px solid dt('organizationchart.connector.color');
+    }
+
+    .h-organizationchart-connector-top {
+        border-block-start: 1px solid dt('organizationchart.connector.color');
+    }
+
+    .h-organizationchart-node-selectable {
+        cursor: pointer;
+    }
+
+    .h-organizationchart-connectors :nth-child(1 of .h-organizationchart-connector-left) {
+        border-inline-end: 0 none;
+    }
+
+    .h-organizationchart-connectors :nth-last-child(1 of .h-organizationchart-connector-left) {
+        border-start-end-radius: dt('organizationchart.connector.border.radius');
+    }
+
+    .h-organizationchart-connectors :nth-child(1 of .h-organizationchart-connector-right) {
+        border-inline-start: 1px solid dt('organizationchart.connector.color');
+        border-start-start-radius: dt('organizationchart.connector.border.radius');
+    }
+`;
+
+const classes = {
+    root: ({ instance }) => ['h-organizationchart h-component', { 'h-organizationchart-preservespace': instance.preserveSpace() }],
+    table: 'h-organizationchart-table',
+    node: ({ instance }) => [
+        'h-organizationchart-node',
+        { 'h-organizationchart-node': true, 'h-organizationchart-node-selectable': instance.chart.selectionMode && instance.node.selectable !== false, 'h-organizationchart-node-selected': instance.isSelected() }
+    ],
+    nodeToggleButton: 'h-organizationchart-node-toggle-button',
+    nodeToggleButtonIcon: 'h-organizationchart-node-toggle-button-icon',
+    connectors: 'h-organizationchart-connectors',
+    connectorDown: 'h-organizationchart-connector-down',
+    connectorLeft: ({ first }) => ['h-organizationchart-connector-left', { 'h-organizationchart-connector-top': !first }],
+    connectorRight: ({ last }) => ['h-organizationchart-connector-right', { 'h-organizationchart-connector-top': !last }],
+    nodeChildren: 'h-organizationchart-node-children'
+};
+class OrganizationChartStyle extends BaseStyle {
+    name = 'organizationchart';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * OrganizationChart visualizes hierarchical organization data.
+ *
+ * [Live Demo](https://www.primeng.org/organizationchart)
+ *
+ * @module organizationchartstyle
+ *
+ */
+var OrganizationChartClasses;
+(function (OrganizationChartClasses) {
+    /**
+     * Class name of the root element
+     */
+    OrganizationChartClasses["root"] = "h-organizationchart";
+    /**
+     * Class name of the table element
+     */
+    OrganizationChartClasses["table"] = "h-organizationchart-table";
+    /**
+     * Class name of the node element
+     */
+    OrganizationChartClasses["node"] = "h-organizationchart-node";
+    /**
+     * Class name of the node toggle button element
+     */
+    OrganizationChartClasses["nodeToggleButton"] = "h-organizationchart-node-toggle-button";
+    /**
+     * Class name of the node toggle button icon element
+     */
+    OrganizationChartClasses["nodeToggleButtonIcon"] = "h-organizationchart-node-toggle-button-icon";
+    /**
+     * Class name of the connectors element
+     */
+    OrganizationChartClasses["connectors"] = "h-organizationchart-connectors";
+    /**
+     * Class name of the connector down element
+     */
+    OrganizationChartClasses["connectorDown"] = "h-organizationchart-connector-down";
+    /**
+     * Class name of the connector left element
+     */
+    OrganizationChartClasses["connectorLeft"] = "h-organizationchart-connector-left";
+    /**
+     * Class name of the connector right element
+     */
+    OrganizationChartClasses["connectorRight"] = "h-organizationchart-connector-right";
+    /**
+     * Class name of the node children element
+     */
+    OrganizationChartClasses["nodeChildren"] = "h-organizationchart-node-children";
+})(OrganizationChartClasses || (OrganizationChartClasses = {}));
+
+const ORGANIZATIONCHART_INSTANCE = new InjectionToken('ORGANIZATIONCHART_INSTANCE');
+class OrganizationChartNode extends BaseComponent {
+    cd;
+    node = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "node" }] : /* istanbul ignore next */ []));
+    root = input(undefined, { ...(ngDevMode ? { debugName: "root" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    first = input(undefined, { ...(ngDevMode ? { debugName: "first" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    last = input(undefined, { ...(ngDevMode ? { debugName: "last" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    collapsible = input(undefined, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    chart;
+    subscription;
+    _componentStyle = inject(OrganizationChartStyle);
+    constructor(chart, cd) {
+        super();
+        this.cd = cd;
+        this.chart = chart;
+        this.subscription = this.chart.selectionSource$.subscribe(() => {
+            this.cd.markForCheck();
+        });
+    }
+    get leaf() {
+        const node = this.node();
+        if (node) {
+            return node.leaf == false ? false : !(node.children && node.children.length);
+        }
+    }
+    get colspan() {
+        const node = this.node();
+        if (node) {
+            return node.children && node.children.length ? node.children.length * 2 : null;
+        }
+    }
+    getChildStyle(node) {
+        return {
+            visibility: !this.leaf && node.expanded ? 'inherit' : 'hidden'
+        };
+    }
+    getPTOptions(key) {
+        return this.ptm(key, {
+            context: {
+                expanded: this.node()?.expanded,
+                selectable: this.node()?.selectable !== false && this.chart.selectionMode(),
+                selected: this.isSelected(),
+                toggleable: this.collapsible() && !this.leaf,
+                active: this.isSelected()
+            }
+        });
+    }
+    getNodeOptions(lineTop, key) {
+        return this.ptm(key, {
+            context: {
+                lineTop
+            }
+        });
+    }
+    onNodeClick(event, node) {
+        this.chart.onNodeClick(event, node);
+    }
+    toggleNode(event, node) {
+        node.expanded = !node.expanded;
+        if (node.expanded)
+            this.chart.onNodeExpand.emit({ originalEvent: event, node: this.node() });
+        else
+            this.chart.onNodeCollapse.emit({ originalEvent: event, node: this.node() });
+        event.preventDefault();
+    }
+    isSelected() {
+        return this.chart.isSelected(this.node());
+    }
+    onDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartNode, deps: [{ token: forwardRef(() => OrganizationChart) }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: OrganizationChartNode, isStandalone: true, selector: "[hOrganizationChartNode]", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, last: { classPropertyName: "last", publicName: "last", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null } }, providers: [OrganizationChartStyle, { provide: PARENT_INSTANCE, useExisting: OrganizationChartNode }], usesInheritance: true, ngImport: i0, template: "@if (node()) {\n  <tbody [hBind]=\"ptm('body')\">\n    <tr [hBind]=\"ptm('row')\">\n      <td [attr.colspan]=\"colspan\" [hBind]=\"ptm('cell')\">\n        <div [class]=\"cn(cx('node'), node().styleClass)\" (click)=\"onNodeClick($event, node())\" [hBind]=\"getPTOptions('node')\">\n          @if (!chart.getTemplateForNode(node())) {\n            <div>{{ node().label }}</div>\n          }\n          @if (chart.getTemplateForNode(node())) {\n            <div>\n              <ng-container *ngTemplateOutlet=\"chart.getTemplateForNode(node()); context: { $implicit: node() }\"></ng-container>\n            </div>\n          }\n          @if (collapsible()) {\n            @if (!leaf) {\n              <a\n                tabindex=\"0\"\n                [class]=\"cx('nodeToggleButton')\"\n                (click)=\"toggleNode($event, node())\"\n                (keydown.enter)=\"toggleNode($event, node())\"\n                (keydown.space)=\"toggleNode($event, node())\"\n                [hBind]=\"getPTOptions('nodeToggleButton')\"\n                >\n                @if (!chart.togglerIconTemplate() && !chart._togglerIconTemplate) {\n                  @if (node().expanded) {\n                    <svg data-h-icon=\"chevron-down\" [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\" />\n                  }\n                  @if (!node().expanded) {\n                    <svg data-h-icon=\"chevron-up\" [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\" />\n                  }\n                }\n                @if (chart.togglerIconTemplate() || chart._togglerIconTemplate) {\n                  <span [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\">\n                    <ng-template *ngTemplateOutlet=\"chart.togglerIconTemplate() || chart._togglerIconTemplate; context: { $implicit: node().expanded }\"></ng-template>\n                  </span>\n                }\n              </a>\n            }\n          }\n        </div>\n      </td>\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('connectors')\" [hBind]=\"ptm('connectors')\">\n      <td [hBind]=\"ptm('lineCell')\" [attr.colspan]=\"colspan\">\n        <div [hBind]=\"ptm('connectorDown')\" [class]=\"cx('connectorDown')\"></div>\n      </td>\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('connectors')\" [hBind]=\"ptm('connectors')\">\n      @if (node().children && node().children.length === 1) {\n        <td [hBind]=\"ptm('lineCell')\" [attr.colspan]=\"colspan\">\n          <div [hBind]=\"ptm('connectorDown')\" [class]=\"cx('connectorDown')\"></div>\n        </td>\n      }\n      @if (node().children && node().children.length > 1) {\n        @for (child of node().children; track child; let first = $first; let last = $last; let index = $index) {\n          <td [class]=\"cx('connectorLeft', { first: first() })\" [hBind]=\"getNodeOptions(!(index === 0), 'connectorLeft')\">&nbsp;</td>\n          <td [class]=\"cx('connectorRight', { last: last() })\" [hBind]=\"getNodeOptions(!(index === node().children.length - 1), 'connectorRight')\">&nbsp;</td>\n        }\n      }\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('nodeChildren')\" [hBind]=\"ptm('nodeChildren')\">\n      @for (child of node().children; track child) {\n        <td colspan=\"2\" [hBind]=\"ptm('nodeCell')\">\n          <table [class]=\"cx('table')\" hOrganizationChartNode [unstyled]=\"unstyled()\" [pt]=\"pt\" [node()]=\"child\" [collapsible]=\"node().children && node().children.length > 0 && collapsible()\"></table>\n        </td>\n      }\n    </tr>\n  </tbody>\n}\n", dependencies: [{ kind: "component", type: OrganizationChartNode, selector: "[hOrganizationChartNode]", inputs: ["node", "root", "first", "last", "collapsible"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ChevronDownIcon, selector: "[data-h-icon=\"chevron-down\"]" }, { kind: "component", type: ChevronUpIcon, selector: "[data-h-icon=\"chevron-up\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i2.Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartNode, decorators: [{
+            type: Component,
+            args: [{ selector: '[hOrganizationChartNode]', standalone: true, imports: [CommonModule, ChevronDownIcon, ChevronUpIcon, SharedModule, BindModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, providers: [OrganizationChartStyle, { provide: PARENT_INSTANCE, useExisting: OrganizationChartNode }], template: "@if (node()) {\n  <tbody [hBind]=\"ptm('body')\">\n    <tr [hBind]=\"ptm('row')\">\n      <td [attr.colspan]=\"colspan\" [hBind]=\"ptm('cell')\">\n        <div [class]=\"cn(cx('node'), node().styleClass)\" (click)=\"onNodeClick($event, node())\" [hBind]=\"getPTOptions('node')\">\n          @if (!chart.getTemplateForNode(node())) {\n            <div>{{ node().label }}</div>\n          }\n          @if (chart.getTemplateForNode(node())) {\n            <div>\n              <ng-container *ngTemplateOutlet=\"chart.getTemplateForNode(node()); context: { $implicit: node() }\"></ng-container>\n            </div>\n          }\n          @if (collapsible()) {\n            @if (!leaf) {\n              <a\n                tabindex=\"0\"\n                [class]=\"cx('nodeToggleButton')\"\n                (click)=\"toggleNode($event, node())\"\n                (keydown.enter)=\"toggleNode($event, node())\"\n                (keydown.space)=\"toggleNode($event, node())\"\n                [hBind]=\"getPTOptions('nodeToggleButton')\"\n                >\n                @if (!chart.togglerIconTemplate() && !chart._togglerIconTemplate) {\n                  @if (node().expanded) {\n                    <svg data-h-icon=\"chevron-down\" [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\" />\n                  }\n                  @if (!node().expanded) {\n                    <svg data-h-icon=\"chevron-up\" [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\" />\n                  }\n                }\n                @if (chart.togglerIconTemplate() || chart._togglerIconTemplate) {\n                  <span [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\">\n                    <ng-template *ngTemplateOutlet=\"chart.togglerIconTemplate() || chart._togglerIconTemplate; context: { $implicit: node().expanded }\"></ng-template>\n                  </span>\n                }\n              </a>\n            }\n          }\n        </div>\n      </td>\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('connectors')\" [hBind]=\"ptm('connectors')\">\n      <td [hBind]=\"ptm('lineCell')\" [attr.colspan]=\"colspan\">\n        <div [hBind]=\"ptm('connectorDown')\" [class]=\"cx('connectorDown')\"></div>\n      </td>\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('connectors')\" [hBind]=\"ptm('connectors')\">\n      @if (node().children && node().children.length === 1) {\n        <td [hBind]=\"ptm('lineCell')\" [attr.colspan]=\"colspan\">\n          <div [hBind]=\"ptm('connectorDown')\" [class]=\"cx('connectorDown')\"></div>\n        </td>\n      }\n      @if (node().children && node().children.length > 1) {\n        @for (child of node().children; track child; let first = $first; let last = $last; let index = $index) {\n          <td [class]=\"cx('connectorLeft', { first: first() })\" [hBind]=\"getNodeOptions(!(index === 0), 'connectorLeft')\">&nbsp;</td>\n          <td [class]=\"cx('connectorRight', { last: last() })\" [hBind]=\"getNodeOptions(!(index === node().children.length - 1), 'connectorRight')\">&nbsp;</td>\n        }\n      }\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('nodeChildren')\" [hBind]=\"ptm('nodeChildren')\">\n      @for (child of node().children; track child) {\n        <td colspan=\"2\" [hBind]=\"ptm('nodeCell')\">\n          <table [class]=\"cx('table')\" hOrganizationChartNode [unstyled]=\"unstyled()\" [pt]=\"pt\" [node()]=\"child\" [collapsible]=\"node().children && node().children.length > 0 && collapsible()\"></table>\n        </td>\n      }\n    </tr>\n  </tbody>\n}\n" }]
+        }], ctorParameters: () => [{ type: OrganizationChart, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => OrganizationChart)]
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], root: [{ type: i0.Input, args: [{ isSignal: true, alias: "root", required: false }] }], first: [{ type: i0.Input, args: [{ isSignal: true, alias: "first", required: false }] }], last: [{ type: i0.Input, args: [{ isSignal: true, alias: "last", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }] } });
+/**
+ * OrganizationChart visualizes hierarchical organization data.
+ * @group Components
+ */
+class OrganizationChart extends BaseComponent {
+    el;
+    cd;
+    componentName = 'OrganizationChart';
+    /**
+     * An array of nested TreeNodes.
+     * @group Props
+     */
+    value = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines the selection mode.
+     * @group Props
+     */
+    selectionMode = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "selectionMode" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the nodes can be expanded or toggled.
+     * @group Props
+     */
+    collapsible = input(undefined, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Whether the space allocated by a node is preserved when hidden.
+     * @deprecated since v20.0.0.
+     * @group Props
+     */
+    preserveSpace = input(true, { ...(ngDevMode ? { debugName: "preserveSpace" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * A single treenode instance or an array to refer to the selections.
+     * @group Props
+     */
+    selection = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+    /**
+     * Callback to invoke when a node is selected.
+     * @param {OrganizationChartNodeSelectEvent} event - custom node select event.
+     * @group Emits
+     */
+    onNodeSelect = output();
+    /**
+     * Callback to invoke when a node is unselected.
+     * @param {OrganizationChartNodeUnSelectEvent} event - custom node unselect event.
+     * @group Emits
+     */
+    onNodeUnselect = output();
+    /**
+     * Callback to invoke when a node is expanded.
+     * @param {OrganizationChartNodeExpandEvent} event - custom node expand event.
+     * @group Emits
+     */
+    onNodeExpand = output();
+    /**
+     * Callback to invoke when a node is collapsed.
+     * @param {OrganizationChartNodeCollapseEvent} event - custom node collapse event.
+     * @group Emits
+     */
+    onNodeCollapse = output();
+    templates = contentChildren(HelixTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    togglerIconTemplate = contentChild('togglericon', { ...(ngDevMode ? { debugName: "togglerIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    templateMap;
+    _togglerIconTemplate;
+    selectionSource = new Subject();
+    initialized;
+    selectionSource$ = this.selectionSource.asObservable();
+    _componentStyle = inject(OrganizationChartStyle);
+    bindDirectiveInstance = inject(Bind, { self: true });
+    $pcOrganizationChart = inject(ORGANIZATIONCHART_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    constructor(el, cd) {
+        super();
+        this.el = el;
+        this.cd = cd;
+        effect(() => {
+            this.selection();
+            if (this.initialized) {
+                untracked(() => this.selectionSource.next(null));
+            }
+        });
+    }
+    ngAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    get root() {
+        const value = this.value();
+        return value && value.length ? value[0] : null;
+    }
+    onAfterContentInit() {
+        if (this.templates().length) {
+            this.templateMap = {};
+        }
+        this.templates().forEach((item) => {
+            if (item.getType() === 'togglericon') {
+                this._togglerIconTemplate = item.template;
+            }
+            else {
+                this.templateMap[item.getType()] = item.template;
+            }
+        });
+        this.initialized = true;
+    }
+    getTemplateForNode(node) {
+        if (this.templateMap)
+            return node.type ? this.templateMap[node.type] : this.templateMap['default'];
+        else
+            return null;
+    }
+    onNodeClick(event, node) {
+        let eventTarget = event.target;
+        const selectionMode = this.selectionMode();
+        if (isAttributeEquals(eventTarget, 'data-pc-section', 'nodetogglebutton') || isAttributeEquals(eventTarget, 'data-pc-section', 'nodetogglebuttonicon')) {
+            return;
+        }
+        else if (selectionMode) {
+            if (node.selectable === false) {
+                return;
+            }
+            let index = this.findIndexInSelection(node);
+            let selected = index >= 0;
+            if (selectionMode === 'single') {
+                if (selected) {
+                    this.selection.set(null);
+                    this.onNodeUnselect.emit({ originalEvent: event, node: node });
+                }
+                else {
+                    this.selection.set(node);
+                    this.onNodeSelect.emit({ originalEvent: event, node: node });
+                }
+            }
+            else if (selectionMode === 'multiple') {
+                if (selected) {
+                    this.selection.set(this.selection().filter((val, i) => i != index));
+                    this.onNodeUnselect.emit({ originalEvent: event, node: node });
+                }
+                else {
+                    this.selection.set([...(this.selection() || []), node]);
+                    this.onNodeSelect.emit({ originalEvent: event, node: node });
+                }
+            }
+        }
+    }
+    findIndexInSelection(node) {
+        let index = -1;
+        const selectionMode = this.selectionMode();
+        if (selectionMode && this.selection()) {
+            if (selectionMode === 'single') {
+                index = this.selection() == node ? 0 : -1;
+            }
+            else if (selectionMode === 'multiple') {
+                for (let i = 0; i < this.selection().length; i++) {
+                    if (this.selection()[i] == node) {
+                        index = i;
+                        break;
+                    }
+                }
+            }
+        }
+        return index;
+    }
+    isSelected(node) {
+        return this.findIndexInSelection(node) != -1;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChart, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: OrganizationChart, isStandalone: true, selector: "h-organizationChart, h-organization-chart, h-organizationchart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, preserveSpace: { classPropertyName: "preserveSpace", publicName: "preserveSpace", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse" }, host: { properties: { "class": "cn(cx('root'), styleClass())" } }, providers: [OrganizationChartStyle, { provide: ORGANIZATIONCHART_INSTANCE, useExisting: OrganizationChart }, { provide: PARENT_INSTANCE, useExisting: OrganizationChart }], queries: [{ propertyName: "templates", predicate: HelixTemplate, isSignal: true }, { propertyName: "togglerIconTemplate", first: true, predicate: ["togglericon"], isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i2.Bind }], ngImport: i0, template: "@if (root) {<table [class]=\"cx('table')\" [collapsible]=\"collapsible()\" hOrganizationChartNode [pt]=\"pt\" [unstyled]=\"unstyled()\" [node]=\"root\" [hBind]=\"ptm('table')\"></table>} \n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OrganizationChartNode, selector: "[hOrganizationChartNode]", inputs: ["node", "root", "first", "last", "collapsible"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i2.Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChart, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-organizationChart, h-organization-chart, h-organizationchart', standalone: true, imports: [CommonModule, OrganizationChartNode, SharedModule, BindModule], changeDetection: ChangeDetectionStrategy.Eager, providers: [OrganizationChartStyle, { provide: ORGANIZATIONCHART_INSTANCE, useExisting: OrganizationChart }, { provide: PARENT_INSTANCE, useExisting: OrganizationChart }], host: {
+                        '[class]': "cn(cx('root'), styleClass())"
+                    }, hostDirectives: [Bind], template: "@if (root) {<table [class]=\"cx('table')\" [collapsible]=\"collapsible()\" hOrganizationChartNode [pt]=\"pt\" [unstyled]=\"unstyled()\" [node]=\"root\" [hBind]=\"ptm('table')\"></table>} \n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], preserveSpace: [{ type: i0.Input, args: [{ isSignal: true, alias: "preserveSpace", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], onNodeSelect: [{ type: i0.Output, args: ["onNodeSelect"] }], onNodeUnselect: [{ type: i0.Output, args: ["onNodeUnselect"] }], onNodeExpand: [{ type: i0.Output, args: ["onNodeExpand"] }], onNodeCollapse: [{ type: i0.Output, args: ["onNodeCollapse"] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }], togglerIconTemplate: [{ type: i0.ContentChild, args: ['togglericon', { ...{ descendants: false }, isSignal: true }] }] } });
+class OrganizationChartModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartModule, imports: [OrganizationChart, OrganizationChartNode, SharedModule], exports: [OrganizationChart, OrganizationChartNode, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartModule, imports: [OrganizationChart, OrganizationChartNode, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: OrganizationChartModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [OrganizationChart, OrganizationChartNode, SharedModule],
+                    exports: [OrganizationChart, OrganizationChartNode, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OrganizationChart, OrganizationChartClasses, OrganizationChartModule, OrganizationChartNode, OrganizationChartStyle };
+//# sourceMappingURL=gravionlabs-helix-core-organizationchart.mjs.map

package/fesm2022/gravionlabs-helix-core-organizationchart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-organizationchart.mjs","sources":["../../../projects/core/organizationchart/style/organizationchart.css.ts","../../../projects/core/organizationchart/style/organizationchartstyle.ts","../../../projects/core/organizationchart/organizationchart.ts","../../../projects/core/organizationchart/organizationchartnode.html","../../../projects/core/organizationchart/organizationchart.html","../../../projects/core/organizationchart/gravionlabs-helix-core-organizationchart.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n\n    .h-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 dt('organizationchart.gutter');\n    }\n\n    .h-organizationchart-node {\n        display: inline-block;\n        position: relative;\n        border: 1px solid dt('organizationchart.node.border.color');\n        background: dt('organizationchart.node.background');\n        color: dt('organizationchart.node.color');\n        padding: dt('organizationchart.node.padding');\n        border-radius: dt('organizationchart.node.border.radius');\n        transition:\n            background dt('organizationchart.transition.duration'),\n            border-color dt('organizationchart.transition.duration'),\n            color dt('organizationchart.transition.duration'),\n            box-shadow dt('organizationchart.transition.duration');\n    }\n\n    .h-organizationchart-node:has(.h-organizationchart-node-toggle-button) {\n        padding: dt('organizationchart.node.toggleable.padding');\n    }\n\n    .h-organizationchart-node.h-organizationchart-node-selectable:not(.h-organizationchart-node-selected):hover {\n        background: dt('organizationchart.node.hover.background');\n        color: dt('organizationchart.node.hover.color');\n    }\n\n    .h-organizationchart-node-selected {\n        background: dt('organizationchart.node.selected.background');\n        color: dt('organizationchart.node.selected.color');\n    }\n\n    .h-organizationchart-node-toggle-button {\n        position: absolute;\n        inset-block-end: calc(-1 * calc(dt('organizationchart.node.toggle.button.size') / 2));\n        margin-inline-start: calc(-1 * calc(dt('organizationchart.node.toggle.button.size') / 2));\n        z-index: 2;\n        inset-inline-start: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: dt('organizationchart.node.toggle.button.size');\n        height: dt('organizationchart.node.toggle.button.size');\n        text-decoration: none;\n        background: dt('organizationchart.node.toggle.button.background');\n        color: dt('organizationchart.node.toggle.button.color');\n        border-radius: dt('organizationchart.node.toggle.button.border.radius');\n        border: 1px solid dt('organizationchart.node.toggle.button.border.color');\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        outline-color: transparent;\n        transition:\n            background dt('organizationchart.transition.duration'),\n            color dt('organizationchart.transition.duration'),\n            border-color dt('organizationchart.transition.duration'),\n            outline-color dt('organizationchart.transition.duration'),\n            box-shadow dt('organizationchart.transition.duration');\n    }\n\n    .h-organizationchart-node-toggle-button:hover {\n        background: dt('organizationchart.node.toggle.button.hover.background');\n        color: dt('organizationchart.node.toggle.button.hover.color');\n    }\n\n    .h-organizationchart-node-toggle-button:focus-visible {\n        box-shadow: dt('organizationchart.node.toggle.button.focus.ring.shadow');\n        outline: dt('organizationchart.node.toggle.button.focus.ring.width') dt('organizationchart.node.toggle.button.focus.ring.style') dt('organizationchart.node.toggle.button.focus.ring.color');\n        outline-offset: dt('organizationchart.node.toggle.button.focus.ring.offset');\n    }\n\n    .h-organizationchart-node-toggle-button-icon {\n        position: relative;\n        inset-block-start: 1px;\n    }\n\n    .h-organizationchart-connector-down {\n        margin: 0 auto;\n        height: dt('organizationchart.connector.height');\n        width: 1px;\n        background: dt('organizationchart.connector.color');\n    }\n\n    .h-organizationchart-connector-right {\n        border-radius: 0;\n    }\n\n    .h-organizationchart-connector-left {\n        border-radius: 0;\n        border-inline-end: 1px solid dt('organizationchart.connector.color');\n    }\n\n    .h-organizationchart-connector-top {\n        border-block-start: 1px solid dt('organizationchart.connector.color');\n    }\n\n    .h-organizationchart-node-selectable {\n        cursor: pointer;\n    }\n\n    .h-organizationchart-connectors :nth-child(1 of .h-organizationchart-connector-left) {\n        border-inline-end: 0 none;\n    }\n\n    .h-organizationchart-connectors :nth-last-child(1 of .h-organizationchart-connector-left) {\n        border-start-end-radius: dt('organizationchart.connector.border.radius');\n    }\n\n    .h-organizationchart-connectors :nth-child(1 of .h-organizationchart-connector-right) {\n        border-inline-start: 1px solid dt('organizationchart.connector.color');\n        border-start-start-radius: dt('organizationchart.connector.border.radius');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './organizationchart.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => ['h-organizationchart h-component', { 'h-organizationchart-preservespace': instance.preserveSpace() }],\n    table: 'h-organizationchart-table',\n    node: ({ instance }) => [\n        'h-organizationchart-node',\n        { 'h-organizationchart-node': true, 'h-organizationchart-node-selectable': instance.chart.selectionMode && instance.node.selectable !== false, 'h-organizationchart-node-selected': instance.isSelected() }\n    ],\n    nodeToggleButton: 'h-organizationchart-node-toggle-button',\n    nodeToggleButtonIcon: 'h-organizationchart-node-toggle-button-icon',\n    connectors: 'h-organizationchart-connectors',\n    connectorDown: 'h-organizationchart-connector-down',\n    connectorLeft: ({ first }) => ['h-organizationchart-connector-left', { 'h-organizationchart-connector-top': !first }],\n    connectorRight: ({ last }) => ['h-organizationchart-connector-right', { 'h-organizationchart-connector-top': !last }],\n    nodeChildren: 'h-organizationchart-node-children'\n};\n\n@Injectable()\nexport class OrganizationChartStyle extends BaseStyle {\n    name = 'organizationchart';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * OrganizationChart visualizes hierarchical organization data.\n *\n * [Live Demo](https://www.primeng.org/organizationchart)\n *\n * @module organizationchartstyle\n *\n */\nexport enum OrganizationChartClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-organizationchart',\n    /**\n     * Class name of the table element\n     */\n    table = 'h-organizationchart-table',\n    /**\n     * Class name of the node element\n     */\n    node = 'h-organizationchart-node',\n    /**\n     * Class name of the node toggle button element\n     */\n    nodeToggleButton = 'h-organizationchart-node-toggle-button',\n    /**\n     * Class name of the node toggle button icon element\n     */\n    nodeToggleButtonIcon = 'h-organizationchart-node-toggle-button-icon',\n    /**\n     * Class name of the connectors element\n     */\n    connectors = 'h-organizationchart-connectors',\n    /**\n     * Class name of the connector down element\n     */\n    connectorDown = 'h-organizationchart-connector-down',\n    /**\n     * Class name of the connector left element\n     */\n    connectorLeft = 'h-organizationchart-connector-left',\n    /**\n     * Class name of the connector right element\n     */\n    connectorRight = 'h-organizationchart-connector-right',\n    /**\n     * Class name of the node children element\n     */\n    nodeChildren = 'h-organizationchart-node-children'\n}\n\nexport interface OrganizationChartStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, forwardRef, Inject, inject, InjectionToken, Input, NgModule,  TemplateRef, ViewEncapsulation, input, output, contentChildren, contentChild, model, effect, untracked } from '@angular/core';\nimport { hasClass, isAttributeEquals } from '@gravionlabs/helix-core/uix/utils';\nimport { HelixTemplate, SharedModule, TreeNode } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { ChevronDownIcon, ChevronUpIcon } from '@gravionlabs/helix-core/icons';\nimport { Nullable } from '@gravionlabs/helix-core/ts-helpers';\nimport { OrganizationChartNodeCollapseEvent, OrganizationChartNodeExpandEvent, OrganizationChartNodeSelectEvent, OrganizationChartNodeUnSelectEvent, OrganizationChartPassThrough } from '@gravionlabs/helix-core/types/organizationchart';\nimport { Subject, Subscription } from 'rxjs';\nimport { OrganizationChartStyle } from './style/organizationchartstyle';\n\nconst ORGANIZATIONCHART_INSTANCE = new InjectionToken<OrganizationChart>('ORGANIZATIONCHART_INSTANCE');\n\n@Component({\n    selector: '[hOrganizationChartNode]',\n    standalone: true,\n    imports: [CommonModule, ChevronDownIcon, ChevronUpIcon, SharedModule, BindModule],\n    templateUrl: './organizationchartnode.html',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.Eager,\n    providers: [OrganizationChartStyle, { provide: PARENT_INSTANCE, useExisting: OrganizationChartNode }]\n})\nexport class OrganizationChartNode extends BaseComponent {\n    readonly node = input<TreeNode<any>>();\n\n    readonly root = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n\n    readonly first = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n\n    readonly last = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n\n    readonly collapsible = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n\n    chart: OrganizationChart;\n\n    subscription: Subscription;\n\n    _componentStyle = inject(OrganizationChartStyle);\n\n    constructor(\n        @Inject(forwardRef(() => OrganizationChart)) chart: OrganizationChart,\n        public cd: ChangeDetectorRef\n    ) {\n        super();\n        this.chart = chart as OrganizationChart;\n        this.subscription = this.chart.selectionSource$.subscribe(() => {\n            this.cd.markForCheck();\n        });\n    }\n\n    get leaf(): boolean | undefined {\n        const node = this.node();\n        if (node) {\n            return node.leaf == false ? false : !(node.children && node.children.length);\n        }\n    }\n\n    get colspan() {\n        const node = this.node();\n        if (node) {\n            return node.children && node.children.length ? node.children.length * 2 : null;\n        }\n    }\n\n    getChildStyle(node: TreeNode<any>) {\n        return {\n            visibility: !this.leaf && node.expanded ? 'inherit' : 'hidden'\n        };\n    }\n\n    getPTOptions(key: string) {\n        return this.ptm(key, {\n            context: {\n                expanded: this.node()?.expanded,\n                selectable: this.node()?.selectable !== false && this.chart.selectionMode(),\n                selected: this.isSelected(),\n                toggleable: this.collapsible() && !this.leaf,\n                active: this.isSelected()\n            }\n        });\n    }\n\n    getNodeOptions(lineTop: boolean, key: string) {\n        return this.ptm(key, {\n            context: {\n                lineTop\n            }\n        });\n    }\n\n    onNodeClick(event: Event, node: TreeNode) {\n        this.chart.onNodeClick(event, node);\n    }\n\n    toggleNode(event: Event, node: TreeNode) {\n        node.expanded = !node.expanded;\n        if (node.expanded) this.chart.onNodeExpand.emit({ originalEvent: event, node: <TreeNode>this.node() });\n        else this.chart.onNodeCollapse.emit({ originalEvent: event, node: <TreeNode>this.node() });\n\n        event.preventDefault();\n    }\n\n    isSelected() {\n        return this.chart.isSelected(this.node() as TreeNode);\n    }\n\n    onDestroy() {\n        this.subscription.unsubscribe();\n    }\n}\n/**\n * OrganizationChart visualizes hierarchical organization data.\n * @group Components\n */\n@Component({\n    selector: 'h-organizationChart, h-organization-chart, h-organizationchart',\n    standalone: true,\n    imports: [CommonModule, OrganizationChartNode, SharedModule, BindModule],\n    templateUrl: './organizationchart.html',\n    changeDetection: ChangeDetectionStrategy.Eager,\n    providers: [OrganizationChartStyle, { provide: ORGANIZATIONCHART_INSTANCE, useExisting: OrganizationChart }, { provide: PARENT_INSTANCE, useExisting: OrganizationChart }],\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\"\n    },\n    hostDirectives: [Bind]\n})\nexport class OrganizationChart extends BaseComponent<OrganizationChartPassThrough> {\n    componentName = 'OrganizationChart';\n\n    /**\n     * An array of nested TreeNodes.\n     * @group Props\n     */\n    readonly value = input<TreeNode[]>();\n    /**\n     * Style class of the component.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Defines the selection mode.\n     * @group Props\n     */\n    readonly selectionMode = input<'single' | 'multiple' | null>();\n    /**\n     * Whether the nodes can be expanded or toggled.\n     * @group Props\n     */\n    readonly collapsible = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Whether the space allocated by a node is preserved when hidden.\n     * @deprecated since v20.0.0.\n     * @group Props\n     */\n    readonly preserveSpace = input<boolean, unknown>(true, { transform: booleanAttribute });\n    /**\n     * A single treenode instance or an array to refer to the selections.\n     * @group Props\n     */\n    readonly selection = model<any>(undefined);\n    /**\n     * Callback to invoke when a node is selected.\n     * @param {OrganizationChartNodeSelectEvent} event - custom node select event.\n     * @group Emits\n     */\n    readonly onNodeSelect = output<OrganizationChartNodeSelectEvent>();\n    /**\n     * Callback to invoke when a node is unselected.\n     * @param {OrganizationChartNodeUnSelectEvent} event - custom node unselect event.\n     * @group Emits\n     */\n    readonly onNodeUnselect = output<OrganizationChartNodeUnSelectEvent>();\n    /**\n     * Callback to invoke when a node is expanded.\n     * @param {OrganizationChartNodeExpandEvent} event - custom node expand event.\n     * @group Emits\n     */\n    readonly onNodeExpand = output<OrganizationChartNodeExpandEvent>();\n    /**\n     * Callback to invoke when a node is collapsed.\n     * @param {OrganizationChartNodeCollapseEvent} event - custom node collapse event.\n     * @group Emits\n     */\n    readonly onNodeCollapse = output<OrganizationChartNodeCollapseEvent>();\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    readonly togglerIconTemplate = contentChild<TemplateRef<any>>('togglericon', { descendants: false });\n\n    public templateMap: any;\n\n    _togglerIconTemplate: Nullable<TemplateRef<any>>;\n\n    private selectionSource = new Subject<any>();\n\n\n    initialized: Nullable<boolean>;\n\n    selectionSource$ = this.selectionSource.asObservable();\n\n    _componentStyle = inject(OrganizationChartStyle);\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    $pcOrganizationChart: OrganizationChart | undefined = inject(ORGANIZATIONCHART_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    constructor(\n        public el: ElementRef,\n        public cd: ChangeDetectorRef\n    ) {\n        super();\n        effect(() => {\n            this.selection();\n            if (this.initialized) {\n                untracked(() => this.selectionSource.next(null));\n            }\n        });\n    }\n\n    ngAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    get root(): TreeNode<any> | null {\n        const value = this.value();\n        return value && value.length ? value[0] : null;\n    }\n\n    onAfterContentInit() {\n        if (this.templates().length) {\n            this.templateMap = {};\n        }\n\n        this.templates().forEach((item) => {\n            if (item.getType() === 'togglericon') {\n                this._togglerIconTemplate = item.template;\n            } else {\n                this.templateMap[item.getType()] = item.template;\n            }\n        });\n\n        this.initialized = true;\n    }\n\n    getTemplateForNode(node: TreeNode): TemplateRef<any> | null {\n        if (this.templateMap) return node.type ? this.templateMap[node.type] : this.templateMap['default'];\n        else return null;\n    }\n\n    onNodeClick(event: Event, node: TreeNode) {\n        let eventTarget = <Element>event.target;\n\n        const selectionMode = this.selectionMode();\n        if (isAttributeEquals(eventTarget, 'data-pc-section', 'nodetogglebutton') || isAttributeEquals(eventTarget, 'data-pc-section', 'nodetogglebuttonicon')) {\n            return;\n        } else if (selectionMode) {\n            if (node.selectable === false) {\n                return;\n            }\n\n            let index = this.findIndexInSelection(node);\n            let selected = index >= 0;\n\n            if (selectionMode === 'single') {\n                if (selected) {\n                    this.selection.set(null);\n                    this.onNodeUnselect.emit({ originalEvent: event, node: node });\n                } else {\n                    this.selection.set(node);\n                    this.onNodeSelect.emit({ originalEvent: event, node: node });\n                }\n            } else if (selectionMode === 'multiple') {\n                if (selected) {\n                    this.selection.set(this.selection().filter((val: any, i: number) => i != index));\n                    this.onNodeUnselect.emit({ originalEvent: event, node: node });\n                } else {\n                    this.selection.set([...(this.selection() || []), node]);\n                    this.onNodeSelect.emit({ originalEvent: event, node: node });\n                }\n            }\n\n\n        }\n    }\n\n    findIndexInSelection(node: TreeNode) {\n        let index: number = -1;\n\n        const selectionMode = this.selectionMode();\n        if (selectionMode && this.selection()) {\n            if (selectionMode === 'single') {\n                index = this.selection() == node ? 0 : -1;\n            } else if (selectionMode === 'multiple') {\n                for (let i = 0; i < this.selection().length; i++) {\n                    if (this.selection()[i] == node) {\n                        index = i;\n                        break;\n                    }\n                }\n            }\n        }\n\n        return index;\n    }\n\n    isSelected(node: TreeNode) {\n        return this.findIndexInSelection(node) != -1;\n    }\n}\n\n@NgModule({\n    imports: [OrganizationChart, OrganizationChartNode, SharedModule],\n    exports: [OrganizationChart, OrganizationChartNode, SharedModule]\n})\nexport class OrganizationChartModule {}\n","@if (node()) {\n  <tbody [hBind]=\"ptm('body')\">\n    <tr [hBind]=\"ptm('row')\">\n      <td [attr.colspan]=\"colspan\" [hBind]=\"ptm('cell')\">\n        <div [class]=\"cn(cx('node'), node().styleClass)\" (click)=\"onNodeClick($event, node())\" [hBind]=\"getPTOptions('node')\">\n          @if (!chart.getTemplateForNode(node())) {\n            <div>{{ node().label }}</div>\n          }\n          @if (chart.getTemplateForNode(node())) {\n            <div>\n              <ng-container *ngTemplateOutlet=\"chart.getTemplateForNode(node()); context: { $implicit: node() }\"></ng-container>\n            </div>\n          }\n          @if (collapsible()) {\n            @if (!leaf) {\n              <a\n                tabindex=\"0\"\n                [class]=\"cx('nodeToggleButton')\"\n                (click)=\"toggleNode($event, node())\"\n                (keydown.enter)=\"toggleNode($event, node())\"\n                (keydown.space)=\"toggleNode($event, node())\"\n                [hBind]=\"getPTOptions('nodeToggleButton')\"\n                >\n                @if (!chart.togglerIconTemplate() && !chart._togglerIconTemplate) {\n                  @if (node().expanded) {\n                    <svg data-h-icon=\"chevron-down\" [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\" />\n                  }\n                  @if (!node().expanded) {\n                    <svg data-h-icon=\"chevron-up\" [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\" />\n                  }\n                }\n                @if (chart.togglerIconTemplate() || chart._togglerIconTemplate) {\n                  <span [class]=\"cx('nodeToggleButtonIcon')\" [hBind]=\"getPTOptions('nodeToggleButtonIcon')\">\n                    <ng-template *ngTemplateOutlet=\"chart.togglerIconTemplate() || chart._togglerIconTemplate; context: { $implicit: node().expanded }\"></ng-template>\n                  </span>\n                }\n              </a>\n            }\n          }\n        </div>\n      </td>\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('connectors')\" [hBind]=\"ptm('connectors')\">\n      <td [hBind]=\"ptm('lineCell')\" [attr.colspan]=\"colspan\">\n        <div [hBind]=\"ptm('connectorDown')\" [class]=\"cx('connectorDown')\"></div>\n      </td>\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('connectors')\" [hBind]=\"ptm('connectors')\">\n      @if (node().children && node().children.length === 1) {\n        <td [hBind]=\"ptm('lineCell')\" [attr.colspan]=\"colspan\">\n          <div [hBind]=\"ptm('connectorDown')\" [class]=\"cx('connectorDown')\"></div>\n        </td>\n      }\n      @if (node().children && node().children.length > 1) {\n        @for (child of node().children; track child; let first = $first; let last = $last; let index = $index) {\n          <td [class]=\"cx('connectorLeft', { first: first() })\" [hBind]=\"getNodeOptions(!(index === 0), 'connectorLeft')\">&nbsp;</td>\n          <td [class]=\"cx('connectorRight', { last: last() })\" [hBind]=\"getNodeOptions(!(index === node().children.length - 1), 'connectorRight')\">&nbsp;</td>\n        }\n      }\n    </tr>\n    <tr [ngStyle]=\"getChildStyle(node())\" [class]=\"cx('nodeChildren')\" [hBind]=\"ptm('nodeChildren')\">\n      @for (child of node().children; track child) {\n        <td colspan=\"2\" [hBind]=\"ptm('nodeCell')\">\n          <table [class]=\"cx('table')\" hOrganizationChartNode [unstyled]=\"unstyled()\" [pt]=\"pt\" [node()]=\"child\" [collapsible]=\"node().children && node().children.length > 0 && collapsible()\"></table>\n        </td>\n      }\n    </tr>\n  </tbody>\n}\n","@if (root) {<table [class]=\"cx('table')\" [collapsible]=\"collapsible()\" hOrganizationChartNode [pt]=\"pt\" [unstyled]=\"unstyled()\" [node]=\"root\" [hBind]=\"ptm('table')\"></table>} \n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}