@m1z23r/ngx-ui 1.1.50 → 1.1.51

package/fesm2022/m1z23r-ngx-ui.mjs

@@ -6867,6 +6867,9 @@ class TreeComponent {
     expandOnClick = input(false, ...(ngDevMode ? [{ debugName: "expandOnClick" }] : []));
     contextMenu = input(false, ...(ngDevMode ? [{ debugName: "contextMenu" }] : []));
     pathSeparator = input(' / ', ...(ngDevMode ? [{ debugName: "pathSeparator" }] : []));
+    valueFormatter = input(null, ...(ngDevMode ? [{ debugName: "valueFormatter" }] : []));
+    pathFormatter = input(null, ...(ngDevMode ? [{ debugName: "pathFormatter" }] : []));
+    objectFormatter = input(null, ...(ngDevMode ? [{ debugName: "objectFormatter" }] : []));
     nodeClick = output();
     nodeExpand = output();
     nodeCollapse = output();
@@ -6962,15 +6965,22 @@ class TreeComponent {
         if (!node)
             return;
         switch (action) {
-            case 'copyValue':
-                this.copyToClipboard(node.label);
+            case 'copyValue': {
+                const text = this.valueFormatter()?.(node, path) ?? node.label;
+                this.copyToClipboard(text);
                 break;
-            case 'copyPath':
-                this.copyToClipboard(path.map((n) => n.label).join(this.pathSeparator()));
+            }
+            case 'copyPath': {
+                const text = this.pathFormatter()?.(node, path) ??
+                    path.map((n) => n.label).join(this.pathSeparator());
+                this.copyToClipboard(text);
                 break;
-            case 'copyObject':
-                this.copyToClipboard(this.serializeNode(node));
+            }
+            case 'copyObject': {
+                const text = this.objectFormatter()?.(node, path) ?? this.serializeNode(node);
+                this.copyToClipboard(text);
                 break;
+            }
             case 'expandAll':
                 this.expandSubtree(node, true);
                 break;
@@ -7045,12 +7055,218 @@ class TreeComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TreeComponent, isStandalone: true, selector: "ui-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, indent: { classPropertyName: "indent", publicName: "indent", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, expandOnClick: { classPropertyName: "expandOnClick", publicName: "expandOnClick", isSignal: true, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, pathSeparator: { classPropertyName: "pathSeparator", publicName: "pathSeparator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeClick: "nodeClick", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", nodeDrop: "nodeDrop", nodeContextAction: "nodeContextAction" }, providers: [{ provide: TREE_HOST, useExisting: TreeComponent }], viewQueries: [{ propertyName: "menu", first: true, predicate: ["treeMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ui-tree\">\n  @for (node of nodes(); track node) {\n    <ui-tree-node\n      [node]=\"node\"\n      [level]=\"0\"\n      [indent]=\"indent()\"\n      [parentPath]=\"[]\"\n      (nodeClick)=\"_onNodeClick($event)\"\n      (nodeExpand)=\"_onNodeExpand($event)\"\n      (nodeCollapse)=\"_onNodeCollapse($event)\"\n    />\n  }\n</div>\n\n@if (contextMenu()) {\n  <ui-dropdown #treeMenu>\n    <ui-dropdown-item (clicked)=\"_runAction('copyValue')\">Copy value</ui-dropdown-item>\n    <ui-dropdown-item (clicked)=\"_runAction('copyPath')\">Copy path</ui-dropdown-item>\n    <ui-dropdown-item (clicked)=\"_runAction('copyObject')\">Copy object</ui-dropdown-item>\n    @if (_menuHasChildren()) {\n      <ui-dropdown-divider />\n      <ui-dropdown-item (clicked)=\"_runAction('expandAll')\">Expand all</ui-dropdown-item>\n      <ui-dropdown-item (clicked)=\"_runAction('collapseAll')\">Collapse all</ui-dropdown-item>\n    }\n    @if (_menuHasParent()) {\n      <ui-dropdown-divider />\n      <ui-dropdown-item (clicked)=\"_runAction('goToParent')\">Go to parent</ui-dropdown-item>\n      <ui-dropdown-item (clicked)=\"_runAction('collapseParent')\">Collapse parent</ui-dropdown-item>\n    }\n  </ui-dropdown>\n}\n", styles: [":host{display:block}.ui-tree{font-size:var(--ui-font-sm);color:var(--ui-text);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "ui-tree-node", inputs: ["node", "level", "indent", "parentPath"], outputs: ["nodeClick", "nodeExpand", "nodeCollapse"] }, { kind: "component", type: DropdownComponent, selector: "ui-dropdown", inputs: ["position", "closeOnSelect", "matchTriggerWidth"] }, { kind: "component", type: DropdownItemComponent, selector: "ui-dropdown-item", inputs: ["disabled", "icon"], outputs: ["clicked"] }, { kind: "component", type: DropdownDividerComponent, selector: "ui-dropdown-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TreeComponent, isStandalone: true, selector: "ui-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, indent: { classPropertyName: "indent", publicName: "indent", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, expandOnClick: { classPropertyName: "expandOnClick", publicName: "expandOnClick", isSignal: true, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, pathSeparator: { classPropertyName: "pathSeparator", publicName: "pathSeparator", isSignal: true, isRequired: false, transformFunction: null }, valueFormatter: { classPropertyName: "valueFormatter", publicName: "valueFormatter", isSignal: true, isRequired: false, transformFunction: null }, pathFormatter: { classPropertyName: "pathFormatter", publicName: "pathFormatter", isSignal: true, isRequired: false, transformFunction: null }, objectFormatter: { classPropertyName: "objectFormatter", publicName: "objectFormatter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeClick: "nodeClick", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", nodeDrop: "nodeDrop", nodeContextAction: "nodeContextAction" }, providers: [{ provide: TREE_HOST, useExisting: TreeComponent }], viewQueries: [{ propertyName: "menu", first: true, predicate: ["treeMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ui-tree\">\n  @for (node of nodes(); track node) {\n    <ui-tree-node\n      [node]=\"node\"\n      [level]=\"0\"\n      [indent]=\"indent()\"\n      [parentPath]=\"[]\"\n      (nodeClick)=\"_onNodeClick($event)\"\n      (nodeExpand)=\"_onNodeExpand($event)\"\n      (nodeCollapse)=\"_onNodeCollapse($event)\"\n    />\n  }\n</div>\n\n@if (contextMenu()) {\n  <ui-dropdown #treeMenu>\n    <ui-dropdown-item (clicked)=\"_runAction('copyValue')\">Copy value</ui-dropdown-item>\n    <ui-dropdown-item (clicked)=\"_runAction('copyPath')\">Copy path</ui-dropdown-item>\n    <ui-dropdown-item (clicked)=\"_runAction('copyObject')\">Copy object</ui-dropdown-item>\n    @if (_menuHasChildren()) {\n      <ui-dropdown-divider />\n      <ui-dropdown-item (clicked)=\"_runAction('expandAll')\">Expand all</ui-dropdown-item>\n      <ui-dropdown-item (clicked)=\"_runAction('collapseAll')\">Collapse all</ui-dropdown-item>\n    }\n    @if (_menuHasParent()) {\n      <ui-dropdown-divider />\n      <ui-dropdown-item (clicked)=\"_runAction('goToParent')\">Go to parent</ui-dropdown-item>\n      <ui-dropdown-item (clicked)=\"_runAction('collapseParent')\">Collapse parent</ui-dropdown-item>\n    }\n  </ui-dropdown>\n}\n", styles: [":host{display:block}.ui-tree{font-size:var(--ui-font-sm);color:var(--ui-text);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "ui-tree-node", inputs: ["node", "level", "indent", "parentPath"], outputs: ["nodeClick", "nodeExpand", "nodeCollapse"] }, { kind: "component", type: DropdownComponent, selector: "ui-dropdown", inputs: ["position", "closeOnSelect", "matchTriggerWidth"] }, { kind: "component", type: DropdownItemComponent, selector: "ui-dropdown-item", inputs: ["disabled", "icon"], outputs: ["clicked"] }, { kind: "component", type: DropdownDividerComponent, selector: "ui-dropdown-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-tree', standalone: true, imports: [TreeNodeComponent, DropdownComponent, DropdownItemComponent, DropdownDividerComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: TREE_HOST, useExisting: TreeComponent }], template: "<div class=\"ui-tree\">\n  @for (node of nodes(); track node) {\n    <ui-tree-node\n      [node]=\"node\"\n      [level]=\"0\"\n      [indent]=\"indent()\"\n      [parentPath]=\"[]\"\n      (nodeClick)=\"_onNodeClick($event)\"\n      (nodeExpand)=\"_onNodeExpand($event)\"\n      (nodeCollapse)=\"_onNodeCollapse($event)\"\n    />\n  }\n</div>\n\n@if (contextMenu()) {\n  <ui-dropdown #treeMenu>\n    <ui-dropdown-item (clicked)=\"_runAction('copyValue')\">Copy value</ui-dropdown-item>\n    <ui-dropdown-item (clicked)=\"_runAction('copyPath')\">Copy path</ui-dropdown-item>\n    <ui-dropdown-item (clicked)=\"_runAction('copyObject')\">Copy object</ui-dropdown-item>\n    @if (_menuHasChildren()) {\n      <ui-dropdown-divider />\n      <ui-dropdown-item (clicked)=\"_runAction('expandAll')\">Expand all</ui-dropdown-item>\n      <ui-dropdown-item (clicked)=\"_runAction('collapseAll')\">Collapse all</ui-dropdown-item>\n    }\n    @if (_menuHasParent()) {\n      <ui-dropdown-divider />\n      <ui-dropdown-item (clicked)=\"_runAction('goToParent')\">Go to parent</ui-dropdown-item>\n      <ui-dropdown-item (clicked)=\"_runAction('collapseParent')\">Collapse parent</ui-dropdown-item>\n    }\n  </ui-dropdown>\n}\n", styles: [":host{display:block}.ui-tree{font-size:var(--ui-font-sm);color:var(--ui-text);-webkit-user-select:none;user-select:none}\n"] }]
-        }], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], indent: [{ type: i0.Input, args: [{ isSignal: true, alias: "indent", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], expandOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnClick", required: false }] }], contextMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextMenu", required: false }] }], pathSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathSeparator", required: false }] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], nodeExpand: [{ type: i0.Output, args: ["nodeExpand"] }], nodeCollapse: [{ type: i0.Output, args: ["nodeCollapse"] }], nodeDrop: [{ type: i0.Output, args: ["nodeDrop"] }], nodeContextAction: [{ type: i0.Output, args: ["nodeContextAction"] }], menu: [{ type: i0.ViewChild, args: ['treeMenu', { isSignal: true }] }] } });
+        }], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], indent: [{ type: i0.Input, args: [{ isSignal: true, alias: "indent", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], expandOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnClick", required: false }] }], contextMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextMenu", required: false }] }], pathSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathSeparator", required: false }] }], valueFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueFormatter", required: false }] }], pathFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathFormatter", required: false }] }], objectFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectFormatter", required: false }] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], nodeExpand: [{ type: i0.Output, args: ["nodeExpand"] }], nodeCollapse: [{ type: i0.Output, args: ["nodeCollapse"] }], nodeDrop: [{ type: i0.Output, args: ["nodeDrop"] }], nodeContextAction: [{ type: i0.Output, args: ["nodeContextAction"] }], menu: [{ type: i0.ViewChild, args: ['treeMenu', { isSignal: true }] }] } });
+
+const IDENT_RE = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
+function isIdentifier(key) {
+    return IDENT_RE.test(key);
+}
+function appendKey(path, key) {
+    return isIdentifier(key) ? (path ? `${path}.${key}` : key) : `${path}[${JSON.stringify(key)}]`;
+}
+function appendIndex(path, i) {
+    return `${path}[${i}]`;
+}
+function prettyPrimitive(v) {
+    if (v === null)
+        return 'null';
+    if (v === undefined)
+        return 'undefined';
+    if (typeof v === 'string')
+        return JSON.stringify(v);
+    if (typeof v === 'number' || typeof v === 'boolean' || typeof v === 'bigint')
+        return String(v);
+    if (v instanceof Date)
+        return JSON.stringify(v.toISOString());
+    return String(v);
+}
+function safeStringify(v) {
+    try {
+        return JSON.stringify(v, replacer(), 2);
+    }
+    catch {
+        return String(v);
+    }
+}
+function replacer() {
+    const seen = new WeakSet();
+    return function (_key, value) {
+        if (typeof value === 'bigint')
+            return value.toString();
+        if (typeof value === 'object' && value !== null) {
+            if (seen.has(value))
+                return '[Circular]';
+            seen.add(value);
+        }
+        return value;
+    };
+}
+function kindOf(v) {
+    if (Array.isArray(v))
+        return 'array';
+    if (v !== null && typeof v === 'object')
+        return 'object';
+    return 'primitive';
+}
+function sizeLabel(kind, value) {
+    if (kind === 'array')
+        return `[${value.length}]`;
+    if (kind === 'object')
+        return `{${Object.keys(value).length}}`;
+    return prettyPrimitive(value);
+}
+function makeLabel(keyPart, kind, value, isRoot) {
+    const size = sizeLabel(kind, value);
+    if (kind === 'primitive') {
+        if (isRoot)
+            return keyPart ? `${keyPart}: ${size}` : size;
+        return keyPart ? `${keyPart}: ${size}` : size;
+    }
+    // object / array
+    return keyPart ? `${keyPart} ${size}` : size;
+}
+/**
+ * Convert an arbitrary JSON-shaped value into a TreeNode array suitable for
+ * `<ui-tree [nodes]>`. Each generated node carries a `data: JsonNodeMeta`.
+ *
+ * Returns a single-element array containing the root node.
+ */
+function jsonToTreeNodes(value, options = {}) {
+    const rootLabel = options.rootLabel ?? '';
+    const pathRoot = options.pathRoot ?? '';
+    const expandDepth = options.expandDepth ?? 1;
+    const ancestors = new WeakSet();
+    const root = build(value, null, rootLabel, pathRoot, 0, expandDepth, ancestors, true);
+    return [root];
+}
+function build(value, key, keyPart, path, depth, expandDepth, ancestors, isRoot) {
+    // Detect cycles: only if `value` is one of our ancestors in this DFS path.
+    if (value !== null && typeof value === 'object' && ancestors.has(value)) {
+        const placeholder = '[Circular]';
+        return {
+            label: keyPart ? `${keyPart}: "${placeholder}"` : `"${placeholder}"`,
+            data: {
+                key,
+                value: placeholder,
+                kind: 'primitive',
+                jsonPath: path,
+            },
+        };
+    }
+    const kind = kindOf(value);
+    const label = makeLabel(keyPart, kind, value, isRoot);
+    const expanded = isRoot ? true : depth <= expandDepth;
+    const node = {
+        label,
+        expanded,
+        data: { key, value, kind, jsonPath: path },
+    };
+    if (kind === 'object' || kind === 'array') {
+        ancestors.add(value);
+        if (kind === 'object') {
+            const obj = value;
+            const keys = Object.keys(obj);
+            if (keys.length > 0) {
+                node.children = keys.map((k) => build(obj[k], k, k, appendKey(path, k), depth + 1, expandDepth, ancestors, false));
+            }
+        }
+        else {
+            const arr = value;
+            if (arr.length > 0) {
+                node.children = arr.map((v, i) => build(v, i, `[${i}]`, appendIndex(path, i), depth + 1, expandDepth, ancestors, false));
+            }
+        }
+        ancestors.delete(value);
+    }
+    return node;
+}
+
+class JsonTreeComponent {
+    json = input(undefined, ...(ngDevMode ? [{ debugName: "json" }] : []));
+    rootLabel = input('', ...(ngDevMode ? [{ debugName: "rootLabel" }] : []));
+    pathRoot = input('', ...(ngDevMode ? [{ debugName: "pathRoot" }] : []));
+    expandDepth = input(1, ...(ngDevMode ? [{ debugName: "expandDepth" }] : []));
+    indent = input(16, ...(ngDevMode ? [{ debugName: "indent" }] : []));
+    draggable = input(false, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
+    expandOnClick = input(false, ...(ngDevMode ? [{ debugName: "expandOnClick" }] : []));
+    contextMenu = input(true, ...(ngDevMode ? [{ debugName: "contextMenu" }] : []));
+    nodeClick = output();
+    nodeContextAction = output();
+    nodes = computed(() => jsonToTreeNodes(this.json(), {
+        rootLabel: this.rootLabel(),
+        pathRoot: this.pathRoot(),
+        expandDepth: this.expandDepth(),
+    }), ...(ngDevMode ? [{ debugName: "nodes" }] : []));
+    valueFmt = (node) => {
+        const meta = node.data;
+        if (!meta)
+            return null;
+        if (meta.kind === 'primitive') {
+            const v = meta.value;
+            if (v === null)
+                return 'null';
+            if (v === undefined)
+                return 'undefined';
+            if (typeof v === 'string')
+                return v;
+            if (typeof v === 'bigint')
+                return v.toString();
+            return String(v);
+        }
+        return safeStringify(meta.value);
+    };
+    pathFmt = (node) => {
+        const meta = node.data;
+        return meta ? meta.jsonPath : null;
+    };
+    objectFmt = (node) => {
+        const meta = node.data;
+        return meta ? safeStringify(meta.value) : null;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: JsonTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: JsonTreeComponent, isStandalone: true, selector: "ui-json-tree", inputs: { json: { classPropertyName: "json", publicName: "json", isSignal: true, isRequired: false, transformFunction: null }, rootLabel: { classPropertyName: "rootLabel", publicName: "rootLabel", isSignal: true, isRequired: false, transformFunction: null }, pathRoot: { classPropertyName: "pathRoot", publicName: "pathRoot", isSignal: true, isRequired: false, transformFunction: null }, expandDepth: { classPropertyName: "expandDepth", publicName: "expandDepth", isSignal: true, isRequired: false, transformFunction: null }, indent: { classPropertyName: "indent", publicName: "indent", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, expandOnClick: { classPropertyName: "expandOnClick", publicName: "expandOnClick", isSignal: true, isRequired: false, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeClick: "nodeClick", nodeContextAction: "nodeContextAction" }, ngImport: i0, template: `
+    <ui-tree
+      [nodes]="nodes()"
+      [indent]="indent()"
+      [draggable]="draggable()"
+      [expandOnClick]="expandOnClick()"
+      [contextMenu]="contextMenu()"
+      [valueFormatter]="valueFmt"
+      [pathFormatter]="pathFmt"
+      [objectFormatter]="objectFmt"
+      (nodeClick)="nodeClick.emit($event)"
+      (nodeContextAction)="nodeContextAction.emit($event)"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: TreeComponent, selector: "ui-tree", inputs: ["nodes", "indent", "draggable", "expandOnClick", "contextMenu", "pathSeparator", "valueFormatter", "pathFormatter", "objectFormatter"], outputs: ["nodeClick", "nodeExpand", "nodeCollapse", "nodeDrop", "nodeContextAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: JsonTreeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-json-tree',
+                    standalone: true,
+                    imports: [TreeComponent],
+                    template: `
+    <ui-tree
+      [nodes]="nodes()"
+      [indent]="indent()"
+      [draggable]="draggable()"
+      [expandOnClick]="expandOnClick()"
+      [contextMenu]="contextMenu()"
+      [valueFormatter]="valueFmt"
+      [pathFormatter]="pathFmt"
+      [objectFormatter]="objectFmt"
+      (nodeClick)="nodeClick.emit($event)"
+      (nodeContextAction)="nodeContextAction.emit($event)"
+    />
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { json: [{ type: i0.Input, args: [{ isSignal: true, alias: "json", required: false }] }], rootLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootLabel", required: false }] }], pathRoot: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathRoot", required: false }] }], expandDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandDepth", required: false }] }], indent: [{ type: i0.Input, args: [{ isSignal: true, alias: "indent", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], expandOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnClick", required: false }] }], contextMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextMenu", required: false }] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], nodeContextAction: [{ type: i0.Output, args: ["nodeContextAction"] }] } });
 
 /** Directive to mark a custom variable popover template */
 class VariablePopoverDirective {
@@ -7451,5 +7667,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionHeaderDirective, AccordionItemComponent, AlertComponent, BadgeComponent, ButtonComponent, CardComponent, CellTemplateDirective, CellValuePipe, CheckboxComponent, ChipInputComponent, ChipTemplateDirective, CircularProgressComponent, ContentComponent, ContextMenuDirective, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DatetimepickerComponent, DialogRef, DialogService, DropdownComponent, DropdownDividerComponent, DropdownItemComponent, DropdownTriggerDirective, DynamicTabsComponent, FileChooserComponent, FilePreviewPipe, FileSizePipe, FooterComponent, InputComponent, LOADABLE, LoadingDirective, LoadingService, ModalComponent, NavbarComponent, OptionComponent, OptionTemplateDirective, PaginationComponent, ProgressComponent, RadioComponent, RadioGroupComponent, RangeSliderComponent, SelectComponent, ShellComponent, SidebarComponent, SidebarService, SidebarToggleComponent, SliderComponent, SpinnerComponent, SplitComponent, SplitPaneComponent, SwitchComponent, TAB_DATA, TAB_REF, TREE_HOST, TabActivePipe, TabComponent, TabIconDirective, TabRef, TableComponent, TabsComponent, TabsService, TemplateInputComponent, TemplateInputSuffixDirective, TextareaComponent, TimepickerComponent, ToastRef, ToastService, TooltipDirective, TreeComponent, TreeNodeComponent, Validators, VariablePopoverDirective };
+export { AccordionComponent, AccordionHeaderDirective, AccordionItemComponent, AlertComponent, BadgeComponent, ButtonComponent, CardComponent, CellTemplateDirective, CellValuePipe, CheckboxComponent, ChipInputComponent, ChipTemplateDirective, CircularProgressComponent, ContentComponent, ContextMenuDirective, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DatetimepickerComponent, DialogRef, DialogService, DropdownComponent, DropdownDividerComponent, DropdownItemComponent, DropdownTriggerDirective, DynamicTabsComponent, FileChooserComponent, FilePreviewPipe, FileSizePipe, FooterComponent, InputComponent, JsonTreeComponent, LOADABLE, LoadingDirective, LoadingService, ModalComponent, NavbarComponent, OptionComponent, OptionTemplateDirective, PaginationComponent, ProgressComponent, RadioComponent, RadioGroupComponent, RangeSliderComponent, SelectComponent, ShellComponent, SidebarComponent, SidebarService, SidebarToggleComponent, SliderComponent, SpinnerComponent, SplitComponent, SplitPaneComponent, SwitchComponent, TAB_DATA, TAB_REF, TREE_HOST, TabActivePipe, TabComponent, TabIconDirective, TabRef, TableComponent, TabsComponent, TabsService, TemplateInputComponent, TemplateInputSuffixDirective, TextareaComponent, TimepickerComponent, ToastRef, ToastService, TooltipDirective, TreeComponent, TreeNodeComponent, Validators, VariablePopoverDirective, jsonToTreeNodes };
 //# sourceMappingURL=m1z23r-ngx-ui.mjs.map