concepto-user-controls 0.0.8 → 0.0.10

package/esm2022/lib/concepto-input/concepto-input.component.mjs

@@ -0,0 +1,20 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ConceptoInputComponent {
+    labelText = 'Date';
+    name = 'date-input';
+    type = 'text';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConceptoInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ConceptoInputComponent, isStandalone: true, selector: "concepto-input", inputs: { labelText: "labelText", name: "name", type: "type" }, ngImport: i0, template: "<div class=\"field\">\r\n    @if(labelText !== '') {\r\n    <label [for]=\"name\" class=\"label\">{{labelText}}</label>\r\n    }\r\n    @if(type === 'text') {\r\n    <input [name]=\"name\" [id]=\"name\" type=\"text\" class=\"text-input\" />\r\n    } @else if(type === 'date') {\r\n    <input [name]=\"name\" [id]=\"name\" type=\"date\" class=\"date-input\" />\r\n    } @else if(type === 'dropdown') {\r\n    <select [name]=\"name\" [id]=\"name\" class=\"dropdown-input\">\r\n        <option value=\"\" disabled selected>Select an option</option>\r\n    </select>\r\n    }\r\n</div>", styles: [".field{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin:20px 0}.label{font-family:var(--font);font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:var(--primary-text-color)}.date-input,.text-input,.dropdown-input{box-sizing:border-box;width:100%;height:35px;padding:10px;border:1px solid var(--secondary-color);border-radius:5px;font-family:var(--font);font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:var(--primary-text-color);background-color:var( --primary-background-color )}.dropdown-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 9L12 15L18 9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"currentColor\"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:18px}.dropdown-input:open{background-image:url('data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 15L12 9L18 15\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"currentColor\"/></svg>')}.date-input:focus,.text-input:focus,.dropdown-input:focus{outline:none;border-color:#0e0e12}.date-input::-webkit-calendar-picker-indicator{cursor:pointer}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConceptoInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'concepto-input', standalone: true, imports: [], template: "<div class=\"field\">\r\n    @if(labelText !== '') {\r\n    <label [for]=\"name\" class=\"label\">{{labelText}}</label>\r\n    }\r\n    @if(type === 'text') {\r\n    <input [name]=\"name\" [id]=\"name\" type=\"text\" class=\"text-input\" />\r\n    } @else if(type === 'date') {\r\n    <input [name]=\"name\" [id]=\"name\" type=\"date\" class=\"date-input\" />\r\n    } @else if(type === 'dropdown') {\r\n    <select [name]=\"name\" [id]=\"name\" class=\"dropdown-input\">\r\n        <option value=\"\" disabled selected>Select an option</option>\r\n    </select>\r\n    }\r\n</div>", styles: [".field{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin:20px 0}.label{font-family:var(--font);font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:var(--primary-text-color)}.date-input,.text-input,.dropdown-input{box-sizing:border-box;width:100%;height:35px;padding:10px;border:1px solid var(--secondary-color);border-radius:5px;font-family:var(--font);font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:var(--primary-text-color);background-color:var( --primary-background-color )}.dropdown-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 9L12 15L18 9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"currentColor\"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:18px}.dropdown-input:open{background-image:url('data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 15L12 9L18 15\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"currentColor\"/></svg>')}.date-input:focus,.text-input:focus,.dropdown-input:focus{outline:none;border-color:#0e0e12}.date-input::-webkit-calendar-picker-indicator{cursor:pointer}\n"] }]
+        }], propDecorators: { labelText: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uY2VwdG8taW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29uY2VwdG8tdXNlci1jb250cm9scy9zcmMvbGliL2NvbmNlcHRvLWlucHV0L2NvbmNlcHRvLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbmNlcHRvLXVzZXItY29udHJvbHMvc3JjL2xpYi9jb25jZXB0by1pbnB1dC9jb25jZXB0by1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTakQsTUFBTSxPQUFPLHNCQUFzQjtJQUN4QixTQUFTLEdBQVcsTUFBTSxDQUFDO0lBQzNCLElBQUksR0FBVyxZQUFZLENBQUM7SUFDNUIsSUFBSSxHQUFXLE1BQU0sQ0FBQzt3R0FIcEIsc0JBQXNCOzRGQUF0QixzQkFBc0IsMElDVG5DLHVrQkFhTTs7NEZESk8sc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxFQUFFOzhCQUtGLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY29uY2VwdG8taW5wdXQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbmNlcHRvLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY29uY2VwdG8taW5wdXQuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbmNlcHRvSW5wdXRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGxhYmVsVGV4dDogc3RyaW5nID0gJ0RhdGUnO1xyXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICdkYXRlLWlucHV0JztcclxuICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgPSAndGV4dCc7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZpZWxkXCI+XHJcbiAgICBAaWYobGFiZWxUZXh0ICE9PSAnJykge1xyXG4gICAgPGxhYmVsIFtmb3JdPVwibmFtZVwiIGNsYXNzPVwibGFiZWxcIj57e2xhYmVsVGV4dH19PC9sYWJlbD5cclxuICAgIH1cclxuICAgIEBpZih0eXBlID09PSAndGV4dCcpIHtcclxuICAgIDxpbnB1dCBbbmFtZV09XCJuYW1lXCIgW2lkXT1cIm5hbWVcIiB0eXBlPVwidGV4dFwiIGNsYXNzPVwidGV4dC1pbnB1dFwiIC8+XHJcbiAgICB9IEBlbHNlIGlmKHR5cGUgPT09ICdkYXRlJykge1xyXG4gICAgPGlucHV0IFtuYW1lXT1cIm5hbWVcIiBbaWRdPVwibmFtZVwiIHR5cGU9XCJkYXRlXCIgY2xhc3M9XCJkYXRlLWlucHV0XCIgLz5cclxuICAgIH0gQGVsc2UgaWYodHlwZSA9PT0gJ2Ryb3Bkb3duJykge1xyXG4gICAgPHNlbGVjdCBbbmFtZV09XCJuYW1lXCIgW2lkXT1cIm5hbWVcIiBjbGFzcz1cImRyb3Bkb3duLWlucHV0XCI+XHJcbiAgICAgICAgPG9wdGlvbiB2YWx1ZT1cIlwiIGRpc2FibGVkIHNlbGVjdGVkPlNlbGVjdCBhbiBvcHRpb248L29wdGlvbj5cclxuICAgIDwvc2VsZWN0PlxyXG4gICAgfVxyXG48L2Rpdj4iXX0=

package/esm2022/lib/concepto-tree/components/tree-node/tree-node.component.mjs

@@ -0,0 +1,301 @@
+// lib/components/tree-node/tree-node.component.ts
+import { Component, Input, ChangeDetectionStrategy, computed, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import { TreeNodeExpanderComponent } from '../tree-node-expander/tree-node-expander.component';
+import { TreeNodeCheckboxComponent } from '../tree-node-checkbox/tree-node-checkbox.component';
+import { TreeNodeContentComponent } from '../tree-node-content/tree-node-content.component';
+import { TreeDragDirective } from '../../directives/tree-drag.directive';
+import { TreeDropDirective } from '../../directives/tree-drop.directive';
+import * as i0 from "@angular/core";
+export class TreeNodeComponent {
+    node;
+    treeModel;
+    options;
+    nodeTemplate;
+    paddingLeft = computed(() => {
+        return this.options.levelPadding || 40;
+    });
+    onNodeClick(event) {
+        const useMetaKey = this.options.useMetaKey !== false;
+        const multiSelect = this.options.multiSelect || false;
+        const isMetaKeyPressed = event.ctrlKey || event.metaKey;
+        const shouldMultiSelect = multiSelect && (!useMetaKey || isMetaKeyPressed);
+        this.treeModel.activateNode(this.node, shouldMultiSelect);
+        this.treeModel.focusNode(this.node);
+    }
+    onNodeDoubleClick(event) {
+        if (this.node.hasChildren) {
+            this.node.toggle();
+            this.treeModel.expandedNodeIds.update(ids => {
+                const newIds = new Set(ids);
+                if (this.node.isExpanded()) {
+                    newIds.add(this.node.id);
+                }
+                else {
+                    newIds.delete(this.node.id);
+                }
+                return newIds;
+            });
+        }
+    }
+    onNodeContextMenu(event) {
+        event.preventDefault();
+        // Emit context menu event
+    }
+    onToggleExpanded() {
+        if (this.node.hasChildren) {
+            this.node.toggle();
+            if (this.node.isExpanded()) {
+                // Load children if needed
+                if (this.options.getChildren && this.node.children.length === 0) {
+                    this.treeModel.loadChildren(this.node);
+                }
+                this.treeModel.expandNode(this.node);
+            }
+            else {
+                this.treeModel.collapseNode(this.node);
+            }
+        }
+    }
+    onCheckboxChange(checked) {
+        this.treeModel.selectNode(this.node, this.options.multiSelect || false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TreeNodeComponent, isStandalone: true, selector: "tree-node", inputs: { node: "node", treeModel: "treeModel", options: "options", nodeTemplate: "nodeTemplate" }, ngImport: i0, template: `
+    <div 
+      class="tree-node"
+      [class.tree-node-expanded]="node.isExpanded()"
+      [class.tree-node-collapsed]="node.isCollapsed()"
+      [class.tree-node-active]="node.isActive()"
+      [class.tree-node-focused]="node.isFocused()"
+      [class.tree-node-leaf]="node.isLeaf()"
+      [class.tree-node-loading]="node.isLoading()"
+      [style.padding-left.px]="paddingLeft()">
+      
+      <div class="tree-node-wrapper"
+           [treeDrag]="node"
+           [treeModel]="treeModel"
+           [options]="options">
+        
+        <!-- Drop zone before node -->
+        <div class="tree-node-drop-slot tree-node-drop-slot-before"
+             [treeDrop]="node"
+             [treeModel]="treeModel"
+             [dropPosition]="'before'"
+             [options]="options">
+        </div>
+        
+        <!-- Node content wrapper -->
+        <div class="tree-node-content-wrapper"
+             (click)="onNodeClick($event)"
+             (dblclick)="onNodeDoubleClick($event)"
+             (contextmenu)="onNodeContextMenu($event)">
+          
+          <!-- Expander -->
+          @if (node.hasChildren) {
+            <tree-node-expander
+              [node]="node"
+              [treeModel]="treeModel"
+              (toggle)="onToggleExpanded()">
+            </tree-node-expander>
+          }
+          
+          <!-- Checkbox -->
+          @if (options.useCheckbox) {
+            <tree-node-checkbox
+              [node]="node"
+              [treeModel]="treeModel"
+              [useTriState]="options.useTriState ?? false"
+              (change)="onCheckboxChange($event)">
+            </tree-node-checkbox>
+          }
+          
+          <!-- Content -->
+          <tree-node-content
+            [node]="node"
+            [treeModel]="treeModel"
+            [template]="nodeTemplate"
+            [displayField]="options.displayField || 'name'">
+          </tree-node-content>
+        </div>
+        
+        <!-- Drop zone after node -->
+        <div class="tree-node-drop-slot tree-node-drop-slot-after"
+             [treeDrop]="node"
+             [treeModel]="treeModel"
+             [dropPosition]="'after'"
+             [options]="options">
+        </div>
+      </div>
+      
+      <!-- Children container -->
+      @if (node.isExpanded() && node.children.length > 0) {
+        <div class="tree-node-children"
+             [@expandCollapse]="node.isExpanded() ? 'expanded' : 'collapsed'">
+          @for (child of node.children; track child.id) {
+            <tree-node
+              [node]="child"
+              [treeModel]="treeModel"
+              [options]="options"
+              [nodeTemplate]="nodeTemplate">
+            </tree-node>
+          }
+        </div>
+      }
+      
+      <!-- Loading indicator -->
+      @if (node.isLoading()) {
+        <div class="tree-node-loading">
+          <span class="loading-spinner"></span>
+          Loading...
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".tree-node{position:relative}.tree-node-wrapper{position:relative;display:flex;align-items:center;min-height:22px}.tree-node-content-wrapper{display:flex;align-items:center;flex:1;cursor:pointer;border-radius:3px;padding:2px 4px;transition:background-color .15s}.tree-node-content-wrapper:hover{background-color:#f5f5f5}.tree-node-active .tree-node-content-wrapper{background-color:#e3f2fd}.tree-node-focused .tree-node-content-wrapper{outline:2px solid #2196f3;outline-offset:-2px}.tree-node-children{overflow:hidden}.tree-node-drop-slot{position:absolute;left:0;right:0;height:2px;z-index:10}.tree-node-drop-slot-before{top:-1px}.tree-node-drop-slot-after{bottom:-1px}.tree-node-loading{padding:8px 24px;display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "tree-node", inputs: ["node", "treeModel", "options", "nodeTemplate"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: TreeNodeExpanderComponent, selector: "tree-node-expander", inputs: ["node", "treeModel"], outputs: ["toggle"] }, { kind: "component", type: TreeNodeCheckboxComponent, selector: "tree-node-checkbox", inputs: ["node", "treeModel", "useTriState"], outputs: ["change"] }, { kind: "component", type: TreeNodeContentComponent, selector: "tree-node-content", inputs: ["node", "treeModel", "template", "displayField"] }, { kind: "directive", type: TreeDragDirective, selector: "[treeDrag]", inputs: ["treeDrag", "treeModel", "options"] }, { kind: "directive", type: TreeDropDirective, selector: "[treeDrop]", inputs: ["treeDrop", "treeModel", "options", "dropPosition"] }], animations: [
+            trigger('expandCollapse', [
+                state('collapsed', style({
+                    height: '0',
+                    overflow: 'hidden',
+                    opacity: '0'
+                })),
+                state('expanded', style({
+                    height: '*',
+                    overflow: 'visible',
+                    opacity: '1'
+                })),
+                transition('collapsed <=> expanded', [
+                    animate('200ms ease-in-out')
+                ])
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-node', standalone: true, imports: [
+                        CommonModule,
+                        TreeNodeExpanderComponent,
+                        TreeNodeCheckboxComponent,
+                        TreeNodeContentComponent,
+                        TreeDragDirective,
+                        TreeDropDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div 
+      class="tree-node"
+      [class.tree-node-expanded]="node.isExpanded()"
+      [class.tree-node-collapsed]="node.isCollapsed()"
+      [class.tree-node-active]="node.isActive()"
+      [class.tree-node-focused]="node.isFocused()"
+      [class.tree-node-leaf]="node.isLeaf()"
+      [class.tree-node-loading]="node.isLoading()"
+      [style.padding-left.px]="paddingLeft()">
+      
+      <div class="tree-node-wrapper"
+           [treeDrag]="node"
+           [treeModel]="treeModel"
+           [options]="options">
+        
+        <!-- Drop zone before node -->
+        <div class="tree-node-drop-slot tree-node-drop-slot-before"
+             [treeDrop]="node"
+             [treeModel]="treeModel"
+             [dropPosition]="'before'"
+             [options]="options">
+        </div>
+        
+        <!-- Node content wrapper -->
+        <div class="tree-node-content-wrapper"
+             (click)="onNodeClick($event)"
+             (dblclick)="onNodeDoubleClick($event)"
+             (contextmenu)="onNodeContextMenu($event)">
+          
+          <!-- Expander -->
+          @if (node.hasChildren) {
+            <tree-node-expander
+              [node]="node"
+              [treeModel]="treeModel"
+              (toggle)="onToggleExpanded()">
+            </tree-node-expander>
+          }
+          
+          <!-- Checkbox -->
+          @if (options.useCheckbox) {
+            <tree-node-checkbox
+              [node]="node"
+              [treeModel]="treeModel"
+              [useTriState]="options.useTriState ?? false"
+              (change)="onCheckboxChange($event)">
+            </tree-node-checkbox>
+          }
+          
+          <!-- Content -->
+          <tree-node-content
+            [node]="node"
+            [treeModel]="treeModel"
+            [template]="nodeTemplate"
+            [displayField]="options.displayField || 'name'">
+          </tree-node-content>
+        </div>
+        
+        <!-- Drop zone after node -->
+        <div class="tree-node-drop-slot tree-node-drop-slot-after"
+             [treeDrop]="node"
+             [treeModel]="treeModel"
+             [dropPosition]="'after'"
+             [options]="options">
+        </div>
+      </div>
+      
+      <!-- Children container -->
+      @if (node.isExpanded() && node.children.length > 0) {
+        <div class="tree-node-children"
+             [@expandCollapse]="node.isExpanded() ? 'expanded' : 'collapsed'">
+          @for (child of node.children; track child.id) {
+            <tree-node
+              [node]="child"
+              [treeModel]="treeModel"
+              [options]="options"
+              [nodeTemplate]="nodeTemplate">
+            </tree-node>
+          }
+        </div>
+      }
+      
+      <!-- Loading indicator -->
+      @if (node.isLoading()) {
+        <div class="tree-node-loading">
+          <span class="loading-spinner"></span>
+          Loading...
+        </div>
+      }
+    </div>
+  `, animations: [
+                        trigger('expandCollapse', [
+                            state('collapsed', style({
+                                height: '0',
+                                overflow: 'hidden',
+                                opacity: '0'
+                            })),
+                            state('expanded', style({
+                                height: '*',
+                                overflow: 'visible',
+                                opacity: '1'
+                            })),
+                            transition('collapsed <=> expanded', [
+                                animate('200ms ease-in-out')
+                            ])
+                        ])
+                    ], styles: [".tree-node{position:relative}.tree-node-wrapper{position:relative;display:flex;align-items:center;min-height:22px}.tree-node-content-wrapper{display:flex;align-items:center;flex:1;cursor:pointer;border-radius:3px;padding:2px 4px;transition:background-color .15s}.tree-node-content-wrapper:hover{background-color:#f5f5f5}.tree-node-active .tree-node-content-wrapper{background-color:#e3f2fd}.tree-node-focused .tree-node-content-wrapper{outline:2px solid #2196f3;outline-offset:-2px}.tree-node-children{overflow:hidden}.tree-node-drop-slot{position:absolute;left:0;right:0;height:2px;z-index:10}.tree-node-drop-slot-before{top:-1px}.tree-node-drop-slot-after{bottom:-1px}.tree-node-loading{padding:8px 24px;display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { node: [{
+                type: Input,
+                args: [{ required: true }]
+            }], treeModel: [{
+                type: Input,
+                args: [{ required: true }]
+            }], options: [{
+                type: Input,
+                args: [{ required: true }]
+            }], nodeTemplate: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1ub2RlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbmNlcHRvLXVzZXItY29udHJvbHMvc3JjL2xpYi9jb25jZXB0by10cmVlL2NvbXBvbmVudHMvdHJlZS1ub2RlL3RyZWUtbm9kZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0RBQWtEO0FBQ2xELE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLHVCQUF1QixFQUN2QixRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFJakYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDNUYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBME16RSxNQUFNLE9BQU8saUJBQWlCO0lBQ0QsSUFBSSxDQUFZO0lBQ2hCLFNBQVMsQ0FBYTtJQUN0QixPQUFPLENBQWU7SUFDeEMsWUFBWSxDQUFvQjtJQUVoQyxXQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUNuQyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxJQUFJLEVBQUUsQ0FBQztJQUN6QyxDQUFDLENBQUMsQ0FBQztJQUVILFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixNQUFNLFVBQVUsR0FBRyxJQUFJLENB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QUFDOzRCQUNILFVBQVUsQ0FBQyx3QkFBd0IsRUFBRTtnQ0FDbkMsT0FBTyxDQUFDLG1CQUFtQixDQUFDOzZCQUM3QixDQUFDO3lCQUNILENBQUM7cUJBQ0g7OEJBRzBCLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLFNBQVM7c0JBQW5DLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE9BQU87c0JBQWpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNoQixZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8gbGliL2NvbXBvbmVudHMvdHJlZS1ub2RlL3RyZWUtbm9kZS5jb21wb25lbnQudHNcclxuaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgY29tcHV0ZWQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IHRyaWdnZXIsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgYW5pbWF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBUcmVlTm9kZSB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL3RyZWUtbm9kZS5tb2RlbCc7XHJcbmltcG9ydCB7IFRyZWVNb2RlbCB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL3RyZWUubW9kZWwnO1xyXG5pbXBvcnQgeyBUcmVlT3B0aW9ucyB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL3RyZWUtb3B0aW9ucy5tb2RlbCc7XHJcbmltcG9ydCB7IFRyZWVOb2RlRXhwYW5kZXJDb21wb25lbnQgfSBmcm9tICcuLi90cmVlLW5vZGUtZXhwYW5kZXIvdHJlZS1ub2RlLWV4cGFuZGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRyZWVOb2RlQ2hlY2tib3hDb21wb25lbnQgfSBmcm9tICcuLi90cmVlLW5vZGUtY2hlY2tib3gvdHJlZS1ub2RlLWNoZWNrYm94LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRyZWVOb2RlQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4uL3RyZWUtbm9kZS1jb250ZW50L3RyZWUtbm9kZS1jb250ZW50LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRyZWVEcmFnRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy90cmVlLWRyYWcuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgVHJlZURyb3BEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3RyZWUtZHJvcC5kaXJlY3RpdmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0cmVlLW5vZGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgVHJlZU5vZGVFeHBhbmRlckNvbXBvbmVudCxcclxuICAgIFRyZWVOb2RlQ2hlY2tib3hDb21wb25lbnQsXHJcbiAgICBUcmVlTm9kZUNvbnRlbnRDb21wb25lbnQsXHJcbiAgICBUcmVlRHJhZ0RpcmVjdGl2ZSxcclxuICAgIFRyZWVEcm9wRGlyZWN0aXZlLFxyXG4gIF0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgXHJcbiAgICAgIGNsYXNzPVwidHJlZS1ub2RlXCJcclxuICAgICAgW2NsYXNzLnRyZWUtbm9kZS1leHBhbmRlZF09XCJub2RlLmlzRXhwYW5kZWQoKVwiXHJcbiAgICAgIFtjbGFzcy50cmVlLW5vZGUtY29sbGFwc2VkXT1cIm5vZGUuaXNDb2xsYXBzZWQoKVwiXHJcbiAgICAgIFtjbGFzcy50cmVlLW5vZGUtYWN0aXZlXT1cIm5vZGUuaXNBY3RpdmUoKVwiXHJcbiAgICAgIFtjbGFzcy50cmVlLW5vZGUtZm9jdXNlZF09XCJub2RlLmlzRm9jdXNlZCgpXCJcclxuICAgICAgW2NsYXNzLnRyZWUtbm9kZS1sZWFmXT1cIm5vZGUuaXNMZWFmKClcIlxyXG4gICAgICBbY2xhc3MudHJlZS1ub2RlLWxvYWRpbmddPVwibm9kZS5pc0xvYWRpbmcoKVwiXHJcbiAgICAgIFtzdHlsZS5wYWRkaW5nLWxlZnQucHhdPVwicGFkZGluZ0xlZnQoKVwiPlxyXG4gICAgICBcclxuICAgICAgPGRpdiBjbGFzcz1cInRyZWUtbm9kZS13cmFwcGVyXCJcclxuICAgICAgICAgICBbdHJlZURyYWddPVwibm9kZVwiXHJcbiAgICAgICAgICAgW3RyZWVNb2RlbF09XCJ0cmVlTW9kZWxcIlxyXG4gICAgICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIj5cclxuICAgICAgICBcclxuICAgICAgICA8IS0tIERyb3Agem9uZSBiZWZvcmUgbm9kZSAtLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidHJlZS1ub2RlLWRyb3Atc2xvdCB0cmVlLW5vZGUtZHJvcC1zbG90LWJlZm9yZVwiXHJcbiAgICAgICAgICAgICBbdHJlZURyb3BdPVwibm9kZVwiXHJcbiAgICAgICAgICAgICBbdHJlZU1vZGVsXT1cInRyZWVNb2RlbFwiXHJcbiAgICAgICAgICAgICBbZHJvcFBvc2l0aW9uXT1cIidiZWZvcmUnXCJcclxuICAgICAgICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICBcclxuICAgICAgICA8IS0tIE5vZGUgY29udGVudCB3cmFwcGVyIC0tPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0cmVlLW5vZGUtY29udGVudC13cmFwcGVyXCJcclxuICAgICAgICAgICAgIChjbGljayk9XCJvbk5vZGVDbGljaygkZXZlbnQpXCJcclxuICAgICAgICAgICAgIChkYmxjbGljayk9XCJvbk5vZGVEb3VibGVDbGljaygkZXZlbnQpXCJcclxuICAgICAgICAgICAgIChjb250ZXh0bWVudSk9XCJvbk5vZGVDb250ZXh0TWVudSgkZXZlbnQpXCI+XHJcbiAgICAgICAgICBcclxuICAgICAgICAgIDwhLS0gRXhwYW5kZXIgLS0+XHJcbiAgICAgICAgICBAaWYgKG5vZGUuaGFzQ2hpbGRyZW4pIHtcclxuICAgICAgICAgICAgPHRyZWUtbm9kZS1leHBhbmRlclxyXG4gICAgICAgICAgICAgIFtub2RlXT1cIm5vZGVcIlxyXG4gICAgICAgICAgICAgIFt0cmVlTW9kZWxdPVwidHJlZU1vZGVsXCJcclxuICAgICAgICAgICAgICAodG9nZ2xlKT1cIm9uVG9nZ2xlRXhwYW5kZWQoKVwiPlxyXG4gICAgICAgICAgICA8L3RyZWUtbm9kZS1leHBhbmRlcj5cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIFxyXG4gICAgICAgICAgPCEtLSBDaGVja2JveCAtLT5cclxuICAgICAgICAgIEBpZiAob3B0aW9ucy51c2VDaGVja2JveCkge1xyXG4gICAgICAgICAgICA8dHJlZS1ub2RlLWNoZWNrYm94XHJcbiAgICAgICAgICAgICAgW25vZGVdPVwibm9kZVwiXHJcbiAgICAgICAgICAgICAgW3RyZWVNb2RlbF09XCJ0cmVlTW9kZWxcIlxyXG4gICAgICAgICAgICAgIFt1c2VUcmlTdGF0ZV09XCJvcHRpb25zLnVzZVRyaVN0YXRlID8/IGZhbHNlXCJcclxuICAgICAgICAgICAgICAoY2hhbmdlKT1cIm9uQ2hlY2tib3hDaGFuZ2UoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICA8L3RyZWUtbm9kZS1jaGVja2JveD5cclxuICAgICAgICAgIH1cclxuICAgICAgICAgIFxyXG4gICAgICAgICAgPCEtLSBDb250ZW50IC0tPlxyXG4gICAgICAgICAgPHRyZWUtbm9kZS1jb250ZW50XHJcbiAgICAgICAgICAgIFtub2RlXT1cIm5vZGVcIlxyXG4gICAgICAgICAgICBbdHJlZU1vZGVsXT1cInRyZWVNb2RlbFwiXHJcbiAgICAgICAgICAgIFt0ZW1wbGF0ZV09XCJub2RlVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICBbZGlzcGxheUZpZWxkXT1cIm9wdGlvbnMuZGlzcGxheUZpZWxkIHx8ICduYW1lJ1wiPlxyXG4gICAgICAgICAgPC90cmVlLW5vZGUtY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICBcclxuICAgICAgICA8IS0tIERyb3Agem9uZSBhZnRlciBub2RlIC0tPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0cmVlLW5vZGUtZHJvcC1zbG90IHRyZWUtbm9kZS1kcm9wLXNsb3QtYWZ0ZXJcIlxyXG4gICAgICAgICAgICAgW3RyZWVEcm9wXT1cIm5vZGVcIlxyXG4gICAgICAgICAgICAgW3RyZWVNb2RlbF09XCJ0cmVlTW9kZWxcIlxyXG4gICAgICAgICAgICAgW2Ryb3BQb3NpdGlvbl09XCInYWZ0ZXInXCJcclxuICAgICAgICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIFxyXG4gICAgICA8IS0tIENoaWxkcmVuIGNvbnRhaW5lciAtLT5cclxuICAgICAgQGlmIChub2RlLmlzRXhwYW5kZWQoKSAmJiBub2RlLmNoaWxkcmVuLmxlbmd0aCA+IDApIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwidHJlZS1ub2RlLWNoaWxkcmVuXCJcclxuICAgICAgICAgICAgIFtAZXhwYW5kQ29sbGFwc2VdPVwibm9kZS5pc0V4cGFuZGVkKCkgPyAnZXhwYW5kZWQnIDogJ2NvbGxhcHNlZCdcIj5cclxuICAgICAgICAgIEBmb3IgKGNoaWxkIG9mIG5vZGUuY2hpbGRyZW47IHRyYWNrIGNoaWxkLmlkKSB7XHJcbiAgICAgICAgICAgIDx0cmVlLW5vZGVcclxuICAgICAgICAgICAgICBbbm9kZV09XCJjaGlsZFwiXHJcbiAgICAgICAgICAgICAgW3RyZWVNb2RlbF09XCJ0cmVlTW9kZWxcIlxyXG4gICAgICAgICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxyXG4gICAgICAgICAgICAgIFtub2RlVGVtcGxhdGVdPVwibm9kZVRlbXBsYXRlXCI+XHJcbiAgICAgICAgICAgIDwvdHJlZS1ub2RlPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICAgIFxyXG4gICAgICA8IS0tIExvYWRpbmcgaW5kaWNhdG9yIC0tPlxyXG4gICAgICBAaWYgKG5vZGUuaXNMb2FkaW5nKCkpIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwidHJlZS1ub2RlLWxvYWRpbmdcIj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwibG9hZGluZy1zcGlubmVyXCI+PC9zcGFuPlxyXG4gICAgICAgICAgTG9hZGluZy4uLlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlczogW2BcclxuICAgIC50cmVlLW5vZGUge1xyXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC50cmVlLW5vZGUtd3JhcHBlciB7XHJcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgbWluLWhlaWdodDogMjJweDtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnRyZWUtbm9kZS1jb250ZW50LXdyYXBwZXIge1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBmbGV4OiAxO1xyXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcclxuICAgICAgcGFkZGluZzogMnB4IDRweDtcclxuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjE1cztcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnRyZWUtbm9kZS1jb250ZW50LXdyYXBwZXI6aG92ZXIge1xyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1O1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAudHJlZS1ub2RlLWFjdGl2ZSAudHJlZS1ub2RlLWNvbnRlbnQtd3JhcHBlciB7XHJcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlM2YyZmQ7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC50cmVlLW5vZGUtZm9jdXNlZCAudHJlZS1ub2RlLWNvbnRlbnQtd3JhcHBlciB7XHJcbiAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjMjE5NmYzO1xyXG4gICAgICBvdXRsaW5lLW9mZnNldDogLTJweDtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLnRyZWUtbm9kZS1jaGlsZHJlbiB7XHJcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC50cmVlLW5vZGUtZHJvcC1zbG90IHtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBsZWZ0OiAwO1xyXG4gICAgICByaWdodDogMDtcclxuICAgICAgaGVpZ2h0OiAycHg7XHJcbiAgICAgIHotaW5kZXg6IDEwO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAudHJlZS1ub2RlLWRyb3Atc2xvdC1iZWZvcmUge1xyXG4gICAgICB0b3A6IC0xcHg7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC50cmVlLW5vZGUtZHJvcC1zbG90LWFmdGVyIHtcclxuICAgICAgYm90dG9tOiAtMXB4O1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAudHJlZS1ub2RlLWxvYWRpbmcge1xyXG4gICAgICBwYWRkaW5nOiA4cHggMjRweDtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgZ2FwOiA4cHg7XHJcbiAgICAgIGNvbG9yOiAjNjY2O1xyXG4gICAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC5sb2FkaW5nLXNwaW5uZXIge1xyXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAgIHdpZHRoOiAxNnB4O1xyXG4gICAgICBoZWlnaHQ6IDE2cHg7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICNmM2YzZjM7XHJcbiAgICAgIGJvcmRlci10b3A6IDJweCBzb2xpZCAjMjE5NmYzO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICAgIGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIEBrZXlmcmFtZXMgc3BpbiB7XHJcbiAgICAgIDAlIHsgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IH1cclxuICAgICAgMTAwJSB7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IH1cclxuICAgIH1cclxuICBgXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdleHBhbmRDb2xsYXBzZScsIFtcclxuICAgICAgc3RhdGUoJ2NvbGxhcHNlZCcsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXHJcbiAgICAgICAgb3BhY2l0eTogJzAnXHJcbiAgICAgIH0pKSxcclxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoe1xyXG4gICAgICAgIGhlaWdodDogJyonLFxyXG4gICAgICAgIG92ZXJmbG93OiAndmlzaWJsZScsXHJcbiAgICAgICAgb3BhY2l0eTogJzEnXHJcbiAgICAgIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbignY29sbGFwc2VkIDw9PiBleHBhbmRlZCcsIFtcclxuICAgICAgICBhbmltYXRlKCcyMDBtcyBlYXNlLWluLW91dCcpXHJcbiAgICAgIF0pXHJcbiAgICBdKVxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUcmVlTm9kZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgbm9kZSE6IFRyZWVOb2RlO1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRyZWVNb2RlbCE6IFRyZWVNb2RlbDtcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBvcHRpb25zITogVHJlZU9wdGlvbnM7XHJcbiAgQElucHV0KCkgbm9kZVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcclxuICBcclxuICByZWFkb25seSBwYWRkaW5nTGVmdCA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIHJldHVybiB0aGlzLm9wdGlvbnMubGV2ZWxQYWRkaW5nIHx8IDQwO1xyXG4gIH0pO1xyXG4gIFxyXG4gIG9uTm9kZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBjb25zdCB1c2VNZXRhS2V5ID0gdGhpcy5vcHRpb25zLnVzZU1ldGFLZXkgIT09IGZhbHNlO1xyXG4gICAgY29uc3QgbXVsdGlTZWxlY3QgPSB0aGlzLm9wdGlvbnMubXVsdGlTZWxlY3QgfHwgZmFsc2U7XHJcbiAgICBcclxuICAgIGNvbnN0IGlzTWV0YUtleVByZXNzZWQgPSBldmVudC5jdHJsS2V5IHx8IGV2ZW50Lm1ldGFLZXk7XHJcbiAgICBjb25zdCBzaG91bGRNdWx0aVNlbGVjdCA9IG11bHRpU2VsZWN0ICYmICghdXNlTWV0YUtleSB8fCBpc01ldGFLZXlQcmVzc2VkKTtcclxuICAgIFxyXG4gICAgdGhpcy50cmVlTW9kZWwuYWN0aXZhdGVOb2RlKHRoaXMubm9kZSwgc2hvdWxkTXVsdGlTZWxlY3QpO1xyXG4gICAgdGhpcy50cmVlTW9kZWwuZm9jdXNOb2RlKHRoaXMubm9kZSk7XHJcbiAgfVxyXG4gIFxyXG4gIG9uTm9kZURvdWJsZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5ub2RlLmhhc0NoaWxkcmVuKSB7XHJcbiAgICAgIHRoaXMubm9kZS50b2dnbGUoKTtcclxuICAgICAgdGhpcy50cmVlTW9kZWwuZXhwYW5kZWROb2RlSWRzLnVwZGF0ZShpZHMgPT4ge1xyXG4gICAgICAgIGNvbnN0IG5ld0lkcyA9IG5ldyBTZXQoaWRzKTtcclxuICAgICAgICBpZiAodGhpcy5ub2RlLmlzRXhwYW5kZWQoKSkge1xyXG4gICAgICAgICAgbmV3SWRzLmFkZCh0aGlzLm5vZGUuaWQpO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICBuZXdJZHMuZGVsZXRlKHRoaXMubm9kZS5pZCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiBuZXdJZHM7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuICBcclxuICBvbk5vZGVDb250ZXh0TWVudShldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIC8vIEVtaXQgY29udGV4dCBtZW51IGV2ZW50XHJcbiAgfVxyXG4gIFxyXG4gIG9uVG9nZ2xlRXhwYW5kZWQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5ub2RlLmhhc0NoaWxkcmVuKSB7XHJcbiAgICAgIHRoaXMubm9kZS50b2dnbGUoKTtcclxuICAgICAgXHJcbiAgICAgIGlmICh0aGlzLm5vZGUuaXNFeHBhbmRlZCgpKSB7XHJcbiAgICAgICAgLy8gTG9hZCBjaGlsZHJlbiBpZiBuZWVkZWRcclxuICAgICAgICBpZiAodGhpcy5vcHRpb25zLmdldENoaWxkcmVuICYmIHRoaXMubm9kZS5jaGlsZHJlbi5sZW5ndGggPT09IDApIHtcclxuICAgICAgICAgIHRoaXMudHJlZU1vZGVsLmxvYWRDaGlsZHJlbih0aGlzLm5vZGUpO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnRyZWVNb2RlbC5leHBhbmROb2RlKHRoaXMubm9kZSk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy50cmVlTW9kZWwuY29sbGFwc2VOb2RlKHRoaXMubm9kZSk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbiAgXHJcbiAgb25DaGVja2JveENoYW5nZShjaGVja2VkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLnRyZWVNb2RlbC5zZWxlY3ROb2RlKHRoaXMubm9kZSwgdGhpcy5vcHRpb25zLm11bHRpU2VsZWN0IHx8IGZhbHNlKTtcclxuICB9XHJcbn0iXX0=

package/esm2022/lib/concepto-tree/components/tree-node-checkbox/tree-node-checkbox.component.mjs

@@ -0,0 +1,90 @@
+// lib/components/tree-node-checkbox/tree-node-checkbox.component.ts
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, computed, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class TreeNodeCheckboxComponent {
+    node;
+    treeModel;
+    useTriState = false;
+    change = new EventEmitter();
+    isChecked = computed(() => {
+        return this.treeModel.selectedNodeIds().has(this.node.id);
+    });
+    isIndeterminate = computed(() => {
+        if (!this.useTriState || !this.node.hasChildren) {
+            return false;
+        }
+        const selectedIds = this.treeModel.selectedNodeIds();
+        const descendants = this.node.getDescendants();
+        if (descendants.length === 0)
+            return false;
+        const selectedCount = descendants.filter(d => selectedIds.has(d.id)).length;
+        return selectedCount > 0 && selectedCount < descendants.length;
+    });
+    onCheckboxClick(event) {
+        event.stopPropagation();
+    }
+    onCheckboxChange(event) {
+        event.stopPropagation();
+        const checked = event.target.checked;
+        if (this.useTriState) {
+            // Update node and all descendants
+            this.updateNodeAndDescendants(this.node, checked);
+        }
+        else {
+            this.change.emit(checked);
+        }
+    }
+    updateNodeAndDescendants(node, checked) {
+        this.treeModel.selectedNodeIds.update(ids => {
+            const newIds = new Set(ids);
+            if (checked) {
+                newIds.add(node.id);
+                node.getDescendants().forEach(d => newIds.add(d.id));
+            }
+            else {
+                newIds.delete(node.id);
+                node.getDescendants().forEach(d => newIds.delete(d.id));
+            }
+            return newIds;
+        });
+        this.change.emit(checked);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeNodeCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TreeNodeCheckboxComponent, isStandalone: true, selector: "tree-node-checkbox", inputs: { node: "node", treeModel: "treeModel", useTriState: "useTriState" }, outputs: { change: "change" }, ngImport: i0, template: `
+    <div class="tree-node-checkbox"
+         (click)="onCheckboxClick($event)">
+      <input 
+        type="checkbox"
+        [checked]="isChecked()"
+        [indeterminate]="isIndeterminate()"
+        (change)="onCheckboxChange($event)"
+        (click)="$event.stopPropagation()">
+    </div>
+  `, isInline: true, styles: [".tree-node-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeNodeCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-node-checkbox', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="tree-node-checkbox"
+         (click)="onCheckboxClick($event)">
+      <input 
+        type="checkbox"
+        [checked]="isChecked()"
+        [indeterminate]="isIndeterminate()"
+        (change)="onCheckboxChange($event)"
+        (click)="$event.stopPropagation()">
+    </div>
+  `, styles: [".tree-node-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}\n"] }]
+        }], propDecorators: { node: [{
+                type: Input,
+                args: [{ required: true }]
+            }], treeModel: [{
+                type: Input,
+                args: [{ required: true }]
+            }], useTriState: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1ub2RlLWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbmNlcHRvLXVzZXItY29udHJvbHMvc3JjL2xpYi9jb25jZXB0by10cmVlL2NvbXBvbmVudHMvdHJlZS1ub2RlLWNoZWNrYm94L3RyZWUtbm9kZS1jaGVja2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0VBQW9FO0FBQ3BFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osdUJBQXVCLEVBQ3ZCLFFBQVEsR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBc0MvQyxNQUFNLE9BQU8seUJBQXlCO0lBQ1QsSUFBSSxDQUFZO0lBQ2hCLFNBQVMsQ0FBYTtJQUN4QyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ25CLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBRXRDLFNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLEVBQUUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM1RCxDQUFDLENBQUMsQ0FBQztJQUVNLGVBQWUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1FBQ3ZDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNoRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUM7UUFFRCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3JELE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFFL0MsSUFBSSxXQUFXLENBQUMsTUFBTSxLQUFLLENBQUM7WUFBRSxPQUFPLEtBQUssQ0FBQztRQUUzQyxNQUFNLGFBQWEsR0FBRyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQzNDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUN0QixDQUFDLE1BQU0sQ0FBQztRQUVULE9BQU8sYUFBYSxHQUFHLENBQUMsSUFBSSxhQUFhLEdBQUcsV0FBVyxDQUFDLE1BQU0sQ0FBQztJQUNqRSxDQUFDLENBQUMsQ0FBQztJQUVILGVBQWUsQ0FBQyxLQUFpQjtRQUMvQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDM0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLE1BQU0sT0FBTyxHQUFJLEtBQUssQ0FBQyxNQUEyQixDQUFDLE9BQU8sQ0FBQztRQUUzRCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyQixrQ0FBa0M7WUFDbEMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDcEQsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQztJQUVPLHdCQUF3QixDQUFDLElBQWMsRUFBRSxPQUFnQjtRQUMvRCxJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDMUMsTUFBTSxNQUFNLEdBQUcsSUFBSSxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7WUFFNUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztnQkFDWixNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDdkQsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUMxRCxDQUFDO1lBRUQsT0FBTyxNQUFNLENBQUM7UUFDaEIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM1QixDQUFDO3dHQTNEVSx5QkFBeUI7NEZBQXpCLHlCQUF5QiwyTEE3QjFCOzs7Ozs7Ozs7O0dBVVQsK1BBWlMsWUFBWTs7NEZBK0JYLHlCQUF5QjtrQkFsQ3JDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFDTix1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDOzs7Ozs7Ozs7O0dBVVQ7OEJBb0IwQixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxTQUFTO3NCQUFuQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsV0FBVztzQkFBbkIsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBsaWIvY29tcG9uZW50cy90cmVlLW5vZGUtY2hlY2tib3gvdHJlZS1ub2RlLWNoZWNrYm94LmNvbXBvbmVudC50c1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIGNvbXB1dGVkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBUcmVlTm9kZSB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL3RyZWUtbm9kZS5tb2RlbCc7XHJcbmltcG9ydCB7IFRyZWVNb2RlbCB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL3RyZWUubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0cmVlLW5vZGUtY2hlY2tib3gnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxkaXYgY2xhc3M9XCJ0cmVlLW5vZGUtY2hlY2tib3hcIlxyXG4gICAgICAgICAoY2xpY2spPVwib25DaGVja2JveENsaWNrKCRldmVudClcIj5cclxuICAgICAgPGlucHV0IFxyXG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXHJcbiAgICAgICAgW2NoZWNrZWRdPVwiaXNDaGVja2VkKClcIlxyXG4gICAgICAgIFtpbmRldGVybWluYXRlXT1cImlzSW5kZXRlcm1pbmF0ZSgpXCJcclxuICAgICAgICAoY2hhbmdlKT1cIm9uQ2hlY2tib3hDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtgXHJcbiAgICAudHJlZS1ub2RlLWNoZWNrYm94IHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICAgIHdpZHRoOiAyMHB4O1xyXG4gICAgICBoZWlnaHQ6IDIwcHg7XHJcbiAgICAgIGZsZXgtc2hyaW5rOiAwO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl0ge1xyXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgIHdpZHRoOiAxNnB4O1xyXG4gICAgICBoZWlnaHQ6IDE2cHg7XHJcbiAgICAgIG1hcmdpbjogMDtcclxuICAgIH1cclxuICBgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRyZWVOb2RlQ2hlY2tib3hDb21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIG5vZGUhOiBUcmVlTm9kZTtcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB0cmVlTW9kZWwhOiBUcmVlTW9kZWw7XHJcbiAgQElucHV0KCkgdXNlVHJpU3RhdGUgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIFxyXG4gIHJlYWRvbmx5IGlzQ2hlY2tlZCA9IGNvbXB1dGVkKCgpID0+IHtcclxuICAgIHJldHVybiB0aGlzLnRyZWVNb2RlbC5zZWxlY3RlZE5vZGVJZHMoKS5oYXModGhpcy5ub2RlLmlkKTtcclxuICB9KTtcclxuICBcclxuICByZWFkb25seSBpc0luZGV0ZXJtaW5hdGUgPSBjb21wdXRlZCgoKSA9PiB7XHJcbiAgICBpZiAoIXRoaXMudXNlVHJpU3RhdGUgfHwgIXRoaXMubm9kZS5oYXNDaGlsZHJlbikge1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIGNvbnN0IHNlbGVjdGVkSWRzID0gdGhpcy50cmVlTW9kZWwuc2VsZWN0ZWROb2RlSWRzKCk7XHJcbiAgICBjb25zdCBkZXNjZW5kYW50cyA9IHRoaXMubm9kZS5nZXREZXNjZW5kYW50cygpO1xyXG4gICAgXHJcbiAgICBpZiAoZGVzY2VuZGFudHMubGVuZ3RoID09PSAwKSByZXR1cm4gZmFsc2U7XHJcbiAgICBcclxuICAgIGNvbnN0IHNlbGVjdGVkQ291bnQgPSBkZXNjZW5kYW50cy5maWx0ZXIoZCA9PiBcclxuICAgICAgc2VsZWN0ZWRJZHMuaGFzKGQuaWQpXHJcbiAgICApLmxlbmd0aDtcclxuICAgIFxyXG4gICAgcmV0dXJuIHNlbGVjdGVkQ291bnQgPiAwICYmIHNlbGVjdGVkQ291bnQgPCBkZXNjZW5kYW50cy5sZW5ndGg7XHJcbiAgfSk7XHJcbiAgXHJcbiAgb25DaGVja2JveENsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICB9XHJcbiAgXHJcbiAgb25DaGVja2JveENoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgY29uc3QgY2hlY2tlZCA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkuY2hlY2tlZDtcclxuICAgIFxyXG4gICAgaWYgKHRoaXMudXNlVHJpU3RhdGUpIHtcclxuICAgICAgLy8gVXBkYXRlIG5vZGUgYW5kIGFsbCBkZXNjZW5kYW50c1xyXG4gICAgICB0aGlzLnVwZGF0ZU5vZGVBbmREZXNjZW5kYW50cyh0aGlzLm5vZGUsIGNoZWNrZWQpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5jaGFuZ2UuZW1pdChjaGVja2VkKTtcclxuICAgIH1cclxuICB9XHJcbiAgXHJcbiAgcHJpdmF0ZSB1cGRhdGVOb2RlQW5kRGVzY2VuZGFudHMobm9kZTogVHJlZU5vZGUsIGNoZWNrZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMudHJlZU1vZGVsLnNlbGVjdGVkTm9kZUlkcy51cGRhdGUoaWRzID0+IHtcclxuICAgICAgY29uc3QgbmV3SWRzID0gbmV3IFNldChpZHMpO1xyXG4gICAgICBcclxuICAgICAgaWYgKGNoZWNrZWQpIHtcclxuICAgICAgICBuZXdJZHMuYWRkKG5vZGUuaWQpO1xyXG4gICAgICAgIG5vZGUuZ2V0RGVzY2VuZGFudHMoKS5mb3JFYWNoKGQgPT4gbmV3SWRzLmFkZChkLmlkKSk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgbmV3SWRzLmRlbGV0ZShub2RlLmlkKTtcclxuICAgICAgICBub2RlLmdldERlc2NlbmRhbnRzKCkuZm9yRWFjaChkID0+IG5ld0lkcy5kZWxldGUoZC5pZCkpO1xyXG4gICAgICB9XHJcbiAgICAgIFxyXG4gICAgICByZXR1cm4gbmV3SWRzO1xyXG4gICAgfSk7XHJcbiAgICBcclxuICAgIHRoaXMuY2hhbmdlLmVtaXQoY2hlY2tlZCk7XHJcbiAgfVxyXG59Il19

package/esm2022/lib/concepto-tree/components/tree-node-content/tree-node-content.component.mjs

@@ -0,0 +1,65 @@
+// lib/components/tree-node-content/tree-node-content.component.ts
+import { Component, Input, ChangeDetectionStrategy, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class TreeNodeContentComponent {
+    node;
+    treeModel;
+    template;
+    displayField = 'name';
+    NgOnInit() {
+        console.log("Tree node:", this.node);
+    }
+    get templateContext() {
+        console.log("Tree node:", this.node);
+        return {
+            $implicit: this.node,
+            node: this.node,
+            treeModel: this.treeModel,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeNodeContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TreeNodeContentComponent, isStandalone: true, selector: "tree-node-content", inputs: { node: "node", treeModel: "treeModel", template: "template", displayField: "displayField" }, ngImport: i0, template: `
+    @if (template) {
+      <ng-container
+        *ngTemplateOutlet="template; context: templateContext">
+      </ng-container>
+    } @else {
+      <span class="tree-node-content-default">
+        @if (node.icon) {
+          <img [src]="node.icon" alt="" class="tree-node-icon" />
+        }
+        <span class="tree-node-text">{{ node.data[displayField] }}</span>
+      </span>
+    }
+  `, isInline: true, styles: [".tree-node-content-default{flex:1;padding:0 4px;display:flex;align-items:center;gap:6px;overflow:hidden;-webkit-user-select:none;user-select:none}.tree-node-icon{width:16px;height:16px;flex-shrink:0;object-fit:contain}.tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeNodeContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-node-content', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (template) {
+      <ng-container
+        *ngTemplateOutlet="template; context: templateContext">
+      </ng-container>
+    } @else {
+      <span class="tree-node-content-default">
+        @if (node.icon) {
+          <img [src]="node.icon" alt="" class="tree-node-icon" />
+        }
+        <span class="tree-node-text">{{ node.data[displayField] }}</span>
+      </span>
+    }
+  `, styles: [".tree-node-content-default{flex:1;padding:0 4px;display:flex;align-items:center;gap:6px;overflow:hidden;-webkit-user-select:none;user-select:none}.tree-node-icon{width:16px;height:16px;flex-shrink:0;object-fit:contain}.tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { node: [{
+                type: Input,
+                args: [{ required: true }]
+            }], treeModel: [{
+                type: Input,
+                args: [{ required: true }]
+            }], template: [{
+                type: Input
+            }], displayField: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1ub2RlLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29uY2VwdG8tdXNlci1jb250cm9scy9zcmMvbGliL2NvbmNlcHRvLXRyZWUvY29tcG9uZW50cy90cmVlLW5vZGUtY29udGVudC90cmVlLW5vZGUtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0VBQWtFO0FBQ2xFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQWdEL0MsTUFBTSxPQUFPLHdCQUF3QjtJQUNSLElBQUksQ0FBWTtJQUNoQixTQUFTLENBQWE7SUFDeEMsUUFBUSxDQUFvQjtJQUM1QixZQUFZLEdBQUcsTUFBTSxDQUFDO0lBRS9CLFFBQVE7UUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQUksZUFBZTtRQUNqQixPQUFPLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsT0FBTztZQUNMLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNwQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDMUIsQ0FBQztJQUNKLENBQUM7d0dBakJVLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLG1MQXZDekI7Ozs7Ozs7Ozs7Ozs7R0FhVCwrV0FmUyxZQUFZOzs0RkF5Q1gsd0JBQXdCO2tCQTVDcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUNOLHVCQUF1QixDQUFDLE1BQU0sWUFDckM7Ozs7Ozs7Ozs7Ozs7R0FhVDs4QkEyQjBCLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLFNBQVM7c0JBQW5DLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNoQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBsaWIvY29tcG9uZW50cy90cmVlLW5vZGUtY29udGVudC90cmVlLW5vZGUtY29udGVudC5jb21wb25lbnQudHNcclxuaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgVGVtcGxhdGVSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFRyZWVOb2RlIH0gZnJvbSAnLi4vLi4vY29yZS9tb2RlbHMvdHJlZS1ub2RlLm1vZGVsJztcclxuaW1wb3J0IHsgVHJlZU1vZGVsIH0gZnJvbSAnLi4vLi4vY29yZS9tb2RlbHMvdHJlZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RyZWUtbm9kZS1jb250ZW50JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICBAaWYgKHRlbXBsYXRlKSB7XHJcbiAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlOyBjb250ZXh0OiB0ZW1wbGF0ZUNvbnRleHRcIj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICB9IEBlbHNlIHtcclxuICAgICAgPHNwYW4gY2xhc3M9XCJ0cmVlLW5vZGUtY29udGVudC1kZWZhdWx0XCI+XHJcbiAgICAgICAgQGlmIChub2RlLmljb24pIHtcclxuICAgICAgICAgIDxpbWcgW3NyY109XCJub2RlLmljb25cIiBhbHQ9XCJcIiBjbGFzcz1cInRyZWUtbm9kZS1pY29uXCIgLz5cclxuICAgICAgICB9XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0cmVlLW5vZGUtdGV4dFwiPnt7IG5vZGUuZGF0YVtkaXNwbGF5RmllbGRdIH19PC9zcGFuPlxyXG4gICAgICA8L3NwYW4+XHJcbiAgICB9XHJcbiAgYCxcclxuICBzdHlsZXM6IFtgXHJcbiAgICAudHJlZS1ub2RlLWNvbnRlbnQtZGVmYXVsdCB7XHJcbiAgICAgIGZsZXg6IDE7XHJcbiAgICAgIHBhZGRpbmc6IDAgNHB4O1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBnYXA6IDZweDtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICB9XHJcblxyXG4gICAgLnRyZWUtbm9kZS1pY29uIHtcclxuICAgICAgd2lkdGg6IDE2cHg7XHJcbiAgICAgIGhlaWdodDogMTZweDtcclxuICAgICAgZmxleC1zaHJpbms6IDA7XHJcbiAgICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XHJcbiAgICB9XHJcblxyXG4gICAgLnRyZWUtbm9kZS10ZXh0IHtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICB9XHJcbiAgYF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUcmVlTm9kZUNvbnRlbnRDb21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIG5vZGUhOiBUcmVlTm9kZTtcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB0cmVlTW9kZWwhOiBUcmVlTW9kZWw7XHJcbiAgQElucHV0KCkgdGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIGRpc3BsYXlGaWVsZCA9ICduYW1lJztcclxuICBcclxuICBOZ09uSW5pdCgpe1xyXG4gICAgY29uc29sZS5sb2coXCJUcmVlIG5vZGU6XCIsIHRoaXMubm9kZSk7XHJcbiAgfVxyXG5cclxuICBnZXQgdGVtcGxhdGVDb250ZXh0KCkge1xyXG4gICAgY29uc29sZS5sb2coXCJUcmVlIG5vZGU6XCIsIHRoaXMubm9kZSk7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICAkaW1wbGljaXQ6IHRoaXMubm9kZSxcclxuICAgICAgbm9kZTogdGhpcy5ub2RlLFxyXG4gICAgICB0cmVlTW9kZWw6IHRoaXMudHJlZU1vZGVsLFxyXG4gICAgfTtcclxuICB9XHJcbn0iXX0=

package/esm2022/lib/concepto-tree/components/tree-node-expander/tree-node-expander.component.mjs

@@ -0,0 +1,74 @@
+// lib/components/tree-node-expander/tree-node-expander.component.ts
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class TreeNodeExpanderComponent {
+    node;
+    treeModel;
+    toggle = new EventEmitter();
+    onExpanderClick(event) {
+        event.stopPropagation();
+        this.toggle.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeNodeExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: TreeNodeExpanderComponent, isStandalone: true, selector: "tree-node-expander", inputs: { node: "node", treeModel: "treeModel" }, outputs: { toggle: "toggle" }, ngImport: i0, template: `
+    <div class="tree-node-expander"
+         [class.tree-node-expander-loading]="node.isLoading()"
+         (click)="onExpanderClick($event)">
+      @if (node.isLoading()) {
+        <span class="expander-spinner"></span>
+      } @else if (node.hasChildren) {
+        <svg 
+          class="expander-icon"
+          [class.expander-icon-expanded]="node.isExpanded()"
+          width="16" 
+          height="16" 
+          viewBox="0 0 16 16">
+          <path d="M6 4l4 4-4 4" 
+                fill="none" 
+                stroke="currentColor" 
+                stroke-width="2" 
+                stroke-linecap="round"/>
+        </svg>
+      } @else {
+        <span class="expander-placeholder"></span>
+      }
+    </div>
+  `, isInline: true, styles: [".tree-node-expander{display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;border-radius:3px;transition:background-color .15s;flex-shrink:0}.tree-node-expander:hover{background-color:#0000000d}.expander-icon{transition:transform .2s ease;transform:rotate(0)}.expander-icon-expanded{transform:rotate(90deg)}.expander-placeholder{width:16px;height:16px}.expander-spinner{display:inline-block;width:14px;height:14px;border:2px solid #f3f3f3;border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TreeNodeExpanderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-node-expander', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="tree-node-expander"
+         [class.tree-node-expander-loading]="node.isLoading()"
+         (click)="onExpanderClick($event)">
+      @if (node.isLoading()) {
+        <span class="expander-spinner"></span>
+      } @else if (node.hasChildren) {
+        <svg 
+          class="expander-icon"
+          [class.expander-icon-expanded]="node.isExpanded()"
+          width="16" 
+          height="16" 
+          viewBox="0 0 16 16">
+          <path d="M6 4l4 4-4 4" 
+                fill="none" 
+                stroke="currentColor" 
+                stroke-width="2" 
+                stroke-linecap="round"/>
+        </svg>
+      } @else {
+        <span class="expander-placeholder"></span>
+      }
+    </div>
+  `, styles: [".tree-node-expander{display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;border-radius:3px;transition:background-color .15s;flex-shrink:0}.tree-node-expander:hover{background-color:#0000000d}.expander-icon{transition:transform .2s ease;transform:rotate(0)}.expander-icon-expanded{transform:rotate(90deg)}.expander-placeholder{width:16px;height:16px}.expander-spinner{display:inline-block;width:14px;height:14px;border:2px solid #f3f3f3;border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { node: [{
+                type: Input,
+                args: [{ required: true }]
+            }], treeModel: [{
+                type: Input,
+                args: [{ required: true }]
+            }], toggle: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1ub2RlLWV4cGFuZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbmNlcHRvLXVzZXItY29udHJvbHMvc3JjL2xpYi9jb25jZXB0by10cmVlL2NvbXBvbmVudHMvdHJlZS1ub2RlLWV4cGFuZGVyL3RyZWUtbm9kZS1leHBhbmRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0VBQW9FO0FBQ3BFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFnRi9DLE1BQU0sT0FBTyx5QkFBeUI7SUFDVCxJQUFJLENBQVk7SUFDaEIsU0FBUyxDQUFhO0lBQ3ZDLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRTVDLGVBQWUsQ0FBQyxLQUFpQjtRQUMvQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO3dHQVJVLHlCQUF5Qjs0RkFBekIseUJBQXlCLCtKQXZFMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULDRyQkF6QlMsWUFBWTs7NEZBeUVYLHlCQUF5QjtrQkE1RXJDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFDTix1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVDs4QkFpRDBCLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLFNBQVM7c0JBQW5DLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNmLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8vIGxpYi9jb21wb25lbnRzL3RyZWUtbm9kZS1leHBhbmRlci90cmVlLW5vZGUtZXhwYW5kZXIuY29tcG9uZW50LnRzXHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFRyZWVOb2RlIH0gZnJvbSAnLi4vLi4vY29yZS9tb2RlbHMvdHJlZS1ub2RlLm1vZGVsJztcclxuaW1wb3J0IHsgVHJlZU1vZGVsIH0gZnJvbSAnLi4vLi4vY29yZS9tb2RlbHMvdHJlZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RyZWUtbm9kZS1leHBhbmRlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cInRyZWUtbm9kZS1leHBhbmRlclwiXHJcbiAgICAgICAgIFtjbGFzcy50cmVlLW5vZGUtZXhwYW5kZXItbG9hZGluZ109XCJub2RlLmlzTG9hZGluZygpXCJcclxuICAgICAgICAgKGNsaWNrKT1cIm9uRXhwYW5kZXJDbGljaygkZXZlbnQpXCI+XHJcbiAgICAgIEBpZiAobm9kZS5pc0xvYWRpbmcoKSkge1xyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZXhwYW5kZXItc3Bpbm5lclwiPjwvc3Bhbj5cclxuICAgICAgfSBAZWxzZSBpZiAobm9kZS5oYXNDaGlsZHJlbikge1xyXG4gICAgICAgIDxzdmcgXHJcbiAgICAgICAgICBjbGFzcz1cImV4cGFuZGVyLWljb25cIlxyXG4gICAgICAgICAgW2NsYXNzLmV4cGFuZGVyLWljb24tZXhwYW5kZWRdPVwibm9kZS5pc0V4cGFuZGVkKClcIlxyXG4gICAgICAgICAgd2lkdGg9XCIxNlwiIFxyXG4gICAgICAgICAgaGVpZ2h0PVwiMTZcIiBcclxuICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIj5cclxuICAgICAgICAgIDxwYXRoIGQ9XCJNNiA0bDQgNC00IDRcIiBcclxuICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCIgXHJcbiAgICAgICAgICAgICAgICBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBcclxuICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjJcIiBcclxuICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIi8+XHJcbiAgICAgICAgPC9zdmc+XHJcbiAgICAgIH0gQGVsc2Uge1xyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZXhwYW5kZXItcGxhY2Vob2xkZXJcIj48L3NwYW4+XHJcbiAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbYFxyXG4gICAgLnRyZWUtbm9kZS1leHBhbmRlciB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgICB3aWR0aDogMjBweDtcclxuICAgICAgaGVpZ2h0OiAyMHB4O1xyXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcclxuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjE1cztcclxuICAgICAgZmxleC1zaHJpbms6IDA7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC50cmVlLW5vZGUtZXhwYW5kZXI6aG92ZXIge1xyXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDUpO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAuZXhwYW5kZXItaWNvbiB7XHJcbiAgICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2U7XHJcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAuZXhwYW5kZXItaWNvbi1leHBhbmRlZCB7XHJcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLmV4cGFuZGVyLXBsYWNlaG9sZGVyIHtcclxuICAgICAgd2lkdGg6IDE2cHg7XHJcbiAgICAgIGhlaWdodDogMTZweDtcclxuICAgIH1cclxuICAgIFxyXG4gICAgLmV4cGFuZGVyLXNwaW5uZXIge1xyXG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAgIHdpZHRoOiAxNHB4O1xyXG4gICAgICBoZWlnaHQ6IDE0cHg7XHJcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICNmM2YzZjM7XHJcbiAgICAgIGJvcmRlci10b3A6IDJweCBzb2xpZCAjMjE5NmYzO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICAgIGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIEBrZXlmcmFtZXMgc3BpbiB7XHJcbiAgICAgIDAlIHsgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IH1cclxuICAgICAgMTAwJSB7IHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7IH1cclxuICAgIH1cclxuICBgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRyZWVOb2RlRXhwYW5kZXJDb21wb25lbnQge1xyXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIG5vZGUhOiBUcmVlTm9kZTtcclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB0cmVlTW9kZWwhOiBUcmVlTW9kZWw7XHJcbiAgQE91dHB1dCgpIHRvZ2dsZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBcclxuICBvbkV4cGFuZGVyQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy50b2dnbGUuZW1pdCgpO1xyXG4gIH1cclxufSJdfQ==