@solcre-org/core-ui 2.20.23 → 2.20.25

package/assets/i18n/es/common.json

@@ -49,7 +49,7 @@
     "logout": "Cerrar sesión",
     "users": "Usuarios",
     "clients": "Clientes",
-    "administration": "Administración"
+    "administration": "Configuración"
   },
   "dialog": {
     "confirm": "Confirmar",

package/fesm2022/solcre-org-core-ui.mjs

@@ -17674,12 +17674,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.20.23',
+    full: '2.20.25',
     major: 2,
     minor: 20,
-    patch: 23,
-    timestamp: '2026-02-13T16:34:08.285Z',
-    buildDate: '13/2/2026'
+    patch: 25,
+    timestamp: '2026-02-24T16:27:26.749Z',
+    buildDate: '24/2/2026'
 };
 
 class MainNavComponent {
@@ -22794,6 +22794,438 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                     }, template: "@if (showHeader()) {\n<div class=\"c-bookings-header\">\n  <button class=\"c-bookings-header__today\" (click)=\"onTodayClick()\">\n    {{ todayLabel() }}\n  </button>\n\n  <div class=\"c-bookings-header__date\">\n    <button class=\"c-bookings-header__date-arrow icon-arrow-left\"\n      [title]=\"viewMode() === 'week' ? 'Semana anterior' : 'D\u00EDa anterior'\" (click)=\"onPrevious()\"></button>\n    <span>{{ formattedDate() }}</span>\n    <button class=\"c-bookings-header__date-arrow icon-arrow-right\"\n      [title]=\"viewMode() === 'week' ? 'Semana siguiente' : 'D\u00EDa siguiente'\" (click)=\"onNext()\"></button>\n  </div>\n\n  <div class=\"c-bookings-header__view-toggle\">\n    <button class=\"c-bookings-header__view-btn\" [class.is-active]=\"viewMode() === 'day'\" (click)=\"setViewMode('day')\">\n      {{ dayLabel() }}\n    </button>\n    <button class=\"c-bookings-header__view-btn\" [class.is-active]=\"viewMode() === 'week'\" (click)=\"setViewMode('week')\">\n      {{ weekLabel() }}\n    </button>\n    <button class=\"c-bookings-header__view-btn\" [class.is-active]=\"viewMode() === 'month'\"\n      (click)=\"setViewMode('month')\">\n      {{ monthLabel() }}\n    </button>\n  </div>\n</div>\n} @if (viewMode() === 'day') {\n<!-- DAILY VIEW -->\n<div class=\"c-bookings-grid__wrapper\" [style.--cols]=\"columns().length\"\n  [style.--row-height-rem]=\"mergedConfig().rowHeightRem\" style=\"position: relative\">\n  @if (isToday() && currentTimePosition() !== null) {\n  <div class=\"c-bookings-grid__current-time-line\" [style.--time-position-rem]=\"currentTimePosition()\"></div>\n  } @if (showTimeColumn()) {\n  <div class=\"c-bookings-grid__times\">\n    <div class=\"c-bookings-grid__top\">\n      <div class=\"c-bookings-grid__title\">{{ timeColumnLabel() }}</div>\n    </div>\n\n    @for (slot of timeSlots(); track slot.time) {\n    <div class=\"c-bookings-grid__row\">\n      @if (slot.displayTime) {\n      <span class=\"c-bookings-grid__time\">{{ slot.time }}</span>\n      }\n    </div>\n    }\n  </div>\n  } @for (column of columns(); track column.id) {\n  <div class=\"c-bookings-grid__col\">\n    <div class=\"c-bookings-grid__top\">\n      <p class=\"c-bookings-grid__title\">{{ column.name }}</p>\n    </div>\n\n    @for (slot of timeSlots(); track slot.time) {\n    <div class=\"c-bookings-grid__row\">\n      @if (!isSlotOccupied(column.id, slot) && !mergedConfig().emptySlotEventsDisabled) {\n      @if (isSlotDisabled(column.id, slot)) {\n      <button class=\"c-bookings-grid__slot c-bookings-grid__slot--disabled\" disabled [title]=\"disabledSlotLabel()\">\n        {{ disabledSlotLabel() }}\n      </button>\n      } @else {\n      <button class=\"c-bookings-grid__slot\" [title]=\"emptySlotLabel()\" (click)=\"onSlotClick(column.id, slot)\">\n        {{ emptySlotLabel() }}\n      </button>\n      }\n      } @if (shouldShowEvent(column.id, slot)) { @let event =\n      getEventForSlot(column.id, slot); @if (event) {\n      <div [class]=\"getEventClasses(event)\" [attr.data-type]=\"event.type\" [attr.data-status]=\"event.status\"\n        [style.--rows]=\"getEventRowSpan(event)\" (mouseenter)=\"onEventHover($event, event)\" (mouseleave)=\"onEventLeave()\"\n        (click)=\"onEventClick(event, column)\">\n        <p class=\"c-bookings-grid__title\">\n          {{ event.title }}\n        </p>\n        <p class=\"c-bookings-grid__text\">\n          {{ event.startTime }} - {{ event.endTime }}\n        </p>\n        @if (event.subtitle) {\n        <p class=\"c-bookings-grid__text\">\n          {{ event.subtitle }}\n        </p>\n        }\n\n        @if (event.canCancel) {\n        <button class=\"c-bookings-grid__link c-link--underlined\"\n          (click)=\"$event.stopPropagation(); onCancelClick(event, column)\">\n          <span class=\"icon-cross-thin\"></span>\n          Cancelar\n        </button>\n        } @if (event.canApprove || event.canReject) {\n        <div class=\"c-bookings-grid__quick-actions\">\n          @if (event.canApprove) {\n          <button class=\"c-icon-btn--fill context:success icon-check\" title=\"Aprobar\"\n            [style.width.rem]=\"event.canApproveHeightRem\" [style.height.rem]=\"event.canApproveHeightRem\"\n            (click)=\"$event.stopPropagation(); onApproveClick(event, column)\"></button>\n          } @if (event.canReject) {\n          <button class=\"c-icon-btn--fill context:error icon-cross\" title=\"Rechazar\"\n            [style.width.rem]=\"event.canRejectHeightRem\" [style.height.rem]=\"event.canRejectHeightRem\"\n            (click)=\"$event.stopPropagation(); onRejectClick(event, column)\"></button>\n          }\n        </div>\n        }\n      </div>\n      } }\n    </div>\n    }\n  </div>\n  }\n</div>\n} @else if (viewMode() === 'week') {\n<!-- WEEKLY VIEW -->\n<div class=\"c-bookings-grid__wrapper c-bookings-grid__wrapper--weekly\" [style.--cols]=\"7\"\n  [style.--row-height-rem]=\"mergedConfig().rowHeightRem\" style=\"position: relative\">\n  @if (currentTimePosition() !== null && currentTimeDayIndex() >= 0) {\n  <div class=\"c-bookings-grid__current-time-line c-bookings-grid__current-time-line--weekly\"\n    [style.--time-position-rem]=\"currentTimePosition()\" [style.--day-index]=\"currentTimeDayIndex()\"></div>\n  } @if (showTimeColumn()) {\n  <div class=\"c-bookings-grid__times\">\n    <div class=\"c-bookings-grid__top c-bookings-grid__top--weekly\">\n      <div class=\"c-bookings-grid__title\">{{ timeColumnLabel() }}</div>\n    </div>\n\n    @for (slot of timeSlots(); track slot.time) {\n    <div class=\"c-bookings-grid__row\">\n      @if (slot.displayTime) {\n      <span class=\"c-bookings-grid__time\">{{ slot.time }}</span>\n      }\n    </div>\n    }\n  </div>\n  } @for (day of weekDays(); track day.date.getTime()) {\n  <div class=\"c-bookings-grid__col\" [class.c-bookings-grid__col--weekend]=\"day.isWeekend\">\n    <div class=\"c-bookings-grid__top c-bookings-grid__top--weekly\">\n      <div class=\"c-bookings-grid__day-header\" [class.is-today]=\"day.isToday\">\n        <span class=\"c-bookings-grid__day-name\">{{ day.dayName }}</span>\n        <span class=\"c-bookings-grid__day-number\" [class.is-today]=\"day.isToday\">{{ day.dayNumber }}</span>\n      </div>\n    </div>\n\n    @for (slot of timeSlots(); track slot.time) {\n    <div class=\"c-bookings-grid__row\">\n      @if (!isSlotOccupiedForDay(day.date, slot)) { @if\n      (isSlotDisabledForDay(day.date, slot)) {\n      <button class=\"c-bookings-grid__slot c-bookings-grid__slot--disabled\" disabled\n        [title]=\"disabledSlotLabel()\"></button>\n      } @else {\n      <button class=\"c-bookings-grid__slot\" [title]=\"emptySlotLabel()\"\n        (click)=\"onWeekSlotClick(day.date, slot)\"></button>\n      } } @if (shouldShowEventForDay(day.date, slot)) { @let event =\n      getEventForDaySlot(day.date, slot); @if (event) {\n      <div [class]=\"getEventClasses(event)\" [attr.data-type]=\"event.type\" [attr.data-status]=\"event.status\"\n        [style.--rows]=\"getEventRowSpan(event)\" (mouseenter)=\"onEventHover($event, event)\" (mouseleave)=\"onEventLeave()\"\n        (click)=\"onWeekEventClick(event, day.date)\">\n        <p class=\"c-bookings-grid__title\">\n          {{ event.subtitle || event.title }}\n        </p>\n        <p class=\"c-bookings-grid__text\">\n          {{ event.startTime }} - {{ event.endTime }}\n        </p>\n      </div>\n      } }\n    </div>\n    }\n  </div>\n  }\n</div>\n} @else if (viewMode() === 'month') {\n<!-- MONTHLY VIEW -->\n<div class=\"c-bookings-grid__wrapper c-bookings-grid__wrapper--monthly\">\n  <!-- Header Row -->\n  <div class=\"c-bookings-grid__header-row\">\n    @for (day of monthDays().slice(0, 7); track day.dayName) {\n    <div class=\"c-bookings-grid__header-cell\">\n      {{ day.dayName }}\n    </div>\n    }\n  </div>\n\n  <!-- Days Grid -->\n  <div class=\"c-bookings-grid__month-grid\">\n    @for (day of monthDays(); track day.date.getTime()) {\n    <div class=\"c-bookings-grid__month-cell\" [class.is-today]=\"day.isToday\" [class.is-weekend]=\"day.isWeekend\"\n      [class.is-other-month]=\"\n        day.date.getUTCMonth() !== selectedDate().getUTCMonth()\n      \" [class.is-disabled]=\"isDayDisabled(day.date)\" (click)=\"!isDayDisabled(day.date) && onMonthDayClick(day.date)\">\n      <div class=\"c-bookings-grid__month-day-number\">\n        {{ day.dayNumber }}\n      </div>\n\n      <div class=\"c-bookings-grid__month-events\">\n        @let dayEvents = getEventsForDay(day.date); @for (event of\n        dayEvents.slice(0, 3); track event.id) {\n        <div class=\"c-bookings-grid__month-event\" [attr.data-type]=\"event.type\" [attr.data-status]=\"event.status\"\n          [style.background-color]=\"event.metadata?.['color']\"\n          [style.border-left]=\"event.metadata?.['color'] ? '3px solid ' + event.metadata?.['color'] : ''\"\n          (click)=\"$event.stopPropagation(); onMonthEventClick(event, day.date)\">\n          <span class=\"c-bookings-grid__month-event-title\">{{\n            event.title\n            }}</span>\n        </div>\n        } @if (dayEvents.length > 3) {\n        <div class=\"c-bookings-grid__more-events\" (click)=\"openDayPopover(day.date, $event)\">\n          {{ dayEvents.length - 3 }} m\u00E1s\n        </div>\n        }\n      </div>\n    </div>\n    }\n  </div>\n\n  @if (expandedDay()) {\n  <div class=\"c-bookings-grid__popover-overlay\" (click)=\"closeDayPopover()\">\n    <div class=\"c-bookings-grid__popover\" (click)=\"$event.stopPropagation()\">\n      <div class=\"c-bookings-grid__popover-header\">\n        <div class=\"c-bookings-grid__popover-date\">\n          <span class=\"c-bookings-grid__popover-weekday\">{{\n            expandedDay() | date : \"EEE\" : \"UTC\" : locale() | uppercase\n            }}</span>\n          <span class=\"c-bookings-grid__popover-daynum\">{{\n            expandedDay() | date : \"d\" : \"UTC\"\n            }}</span>\n        </div>\n        <button class=\"c-bookings-grid__popover-close\" (click)=\"closeDayPopover()\">\n          <span class=\"icon-cross\"></span>\n        </button>\n      </div>\n      <div class=\"c-bookings-grid__popover-content\">\n        @for (event of getExpandedDayEvents(); track event.id) {\n        <div class=\"c-bookings-grid__month-event c-bookings-grid__month-event--popover\" [attr.data-type]=\"event.type\"\n          [attr.data-status]=\"event.status\" [style.background-color]=\"event.metadata?.['color']\"\n          [style.border-left]=\"event.metadata?.['color'] ? '3px solid ' + event.metadata?.['color'] : ''\"\n          (click)=\"onMonthEventClick(event, expandedDay()!)\">\n          <span class=\"c-bookings-grid__month-event-title\">{{\n            event.title\n            }}</span>\n        </div>\n        }\n      </div>\n    </div>\n  </div>\n  }\n</div>\n}", styles: [":host{display:block;width:100%;overflow:visible}.c-bookings-grid__month-cell.is-disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.c-bookings-grid__month-cell.is-disabled:hover{background-color:#f3f4f6}.c-bookings-grid__month-cell.is-disabled .c-bookings-grid__month-day-number{color:#9ca3af}.c-bookings-grid__slot--disabled{background-color:#f3f4f6;cursor:not-allowed}.c-bookings-grid__slot--disabled:hover{background-color:#f3f4f6}.c-bookings-grid__row{height:calc(var(--row-height-rem, 4) * 1rem)}\n"] }]
         }] });
 
+class TreeService {
+    setExpandedState(nodes, expanded) {
+        return nodes.map(node => {
+            if (node.children && node.children.length > 0) {
+                return {
+                    ...node,
+                    isExpanded: expanded,
+                    children: this.setExpandedState(node.children, expanded)
+                };
+            }
+            return node;
+        });
+    }
+    findNodeById(nodes, id) {
+        for (const node of nodes) {
+            if (node.id === id)
+                return node;
+            if (node.children) {
+                const found = this.findNodeById(node.children, id);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    findParent(nodes, childId) {
+        for (const node of nodes) {
+            if (node.children?.some(c => c.id === childId)) {
+                return node;
+            }
+            if (node.children) {
+                const found = this.findParent(node.children, childId);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    removeNode(nodes, nodeId) {
+        return nodes
+            .filter(n => n.id !== nodeId)
+            .map(n => ({
+            ...n,
+            children: n.children ? this.removeNode(n.children, nodeId) : undefined
+        }));
+    }
+    insertNode(nodes, nodeToInsert, targetId, position) {
+        if (position === 'inside') {
+            return nodes.map(n => {
+                if (n.id === targetId) {
+                    return {
+                        ...n,
+                        children: [...(n.children || []), nodeToInsert],
+                        isExpanded: true
+                    };
+                }
+                return {
+                    ...n,
+                    children: n.children ? this.insertNode(n.children, nodeToInsert, targetId, position) : undefined
+                };
+            });
+        }
+        const result = [];
+        for (const n of nodes) {
+            if (n.id === targetId) {
+                if (position === 'before') {
+                    result.push(nodeToInsert, n);
+                }
+                else {
+                    result.push(n, nodeToInsert);
+                }
+            }
+            else {
+                result.push({
+                    ...n,
+                    children: n.children ? this.insertNode(n.children, nodeToInsert, targetId, position) : undefined
+                });
+            }
+        }
+        return result;
+    }
+    getNodeDepth(nodes, nodeId, currentDepth = 0) {
+        for (const node of nodes) {
+            if (node.id === nodeId)
+                return currentDepth;
+            if (node.children) {
+                const depth = this.getNodeDepth(node.children, nodeId, currentDepth + 1);
+                if (depth >= 0)
+                    return depth;
+            }
+        }
+        return -1;
+    }
+    getTotalNodeCount(nodes) {
+        let count = 0;
+        for (const node of nodes) {
+            count++;
+            if (node.children) {
+                count += this.getTotalNodeCount(node.children);
+            }
+        }
+        return count;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TreeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TreeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class TreeNodeComponent {
+    node = input.required();
+    level = input(0);
+    config = input({});
+    nodeTemplate = input(undefined);
+    isDragOver = false;
+    dropPosition = null;
+    expanded = signal(false);
+    constructor() {
+        effect(() => {
+            this.expanded.set(this.node().isExpanded ?? false);
+        });
+    }
+    nodeToggled = output();
+    nodeClicked = output();
+    actionTriggered = output();
+    nodeDragStart = output();
+    nodeDragOver = output();
+    nodeDrop = output();
+    nodeDragEnd = output();
+    hasChildren = computed(() => {
+        return (this.node().children?.length ?? 0) > 0;
+    });
+    resolvedIcon = computed(() => {
+        const n = this.node();
+        const isExpanded = this.expanded();
+        if (n.icon)
+            return n.icon;
+        const resolver = this.config().iconResolver;
+        if (resolver)
+            return resolver({ ...n, isExpanded }, this.level());
+        if (this.hasChildren()) {
+            return isExpanded ? 'fa-solid fa-folder-open' : 'fa-solid fa-folder';
+        }
+        return 'fa-solid fa-file';
+    });
+    isAnimationsEnabled = computed(() => {
+        return this.config().enableAnimations !== false;
+    });
+    isDragDropEnabled = computed(() => {
+        return this.config().enableDragDrop === true;
+    });
+    visibleActions = computed(() => {
+        const configActions = this.config().actions || [];
+        const nodeActions = this.node().actions || [];
+        const merged = [...configActions];
+        for (const nodeAction of nodeActions) {
+            const existingIndex = merged.findIndex(a => a.key === nodeAction.key);
+            if (existingIndex >= 0) {
+                merged[existingIndex] = nodeAction;
+            }
+            else {
+                merged.push(nodeAction);
+            }
+        }
+        const n = this.node();
+        return merged.filter(action => {
+            if (action.shouldShow) {
+                return action.shouldShow(n);
+            }
+            return true;
+        });
+    });
+    nodeClasses = computed(() => {
+        const classes = ['c-tree-node'];
+        if (this.node().customClass) {
+            classes.push(this.node().customClass);
+        }
+        return classes.join(' ');
+    });
+    getActionButtonConfig(action) {
+        const disabled = this.isActionDisabled(action);
+        if (action.buttonConfig) {
+            return {
+                type: action.buttonConfig.type || ButtonType.ICON,
+                icon: action.buttonConfig.icon || action.icon || '',
+                ariaLabel: action.tooltip || action.label || action.key,
+                customClass: action.class || '',
+                disabled,
+                ...action.buttonConfig
+            };
+        }
+        return {
+            type: ButtonType.ICON,
+            icon: action.icon || '',
+            ariaLabel: action.tooltip || action.label || action.key,
+            customClass: action.class || '',
+            disabled
+        };
+    }
+    isActionDisabled(action) {
+        if (action.shouldDisable) {
+            return action.shouldDisable(this.node());
+        }
+        return false;
+    }
+    toggle() {
+        const currentNode = this.node();
+        if (this.hasChildren()) {
+            const newValue = !this.expanded();
+            currentNode.isExpanded = newValue;
+            this.expanded.set(newValue);
+            this.nodeToggled.emit(currentNode);
+        }
+    }
+    onNodeClick() {
+        if (this.config().expandOnClick && this.hasChildren()) {
+            this.toggle();
+        }
+        this.nodeClicked.emit(this.node());
+    }
+    onActionClick(action, event) {
+        event.originalEvent.stopPropagation();
+        if (!this.isActionDisabled(action)) {
+            action.callback(this.node());
+            this.actionTriggered.emit({ action, node: this.node() });
+        }
+    }
+    onDragStart(event) {
+        if (!this.isDragDropEnabled())
+            return;
+        const n = this.node();
+        if (n.draggable === false) {
+            event.preventDefault();
+            return;
+        }
+        event.dataTransfer?.setData('text/plain', String(n.id));
+        event.stopPropagation();
+        this.nodeDragStart.emit({ event, node: n });
+    }
+    onDragOver(event) {
+        if (!this.isDragDropEnabled())
+            return;
+        const n = this.node();
+        if (n.droppable === false)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const rect = event.currentTarget.getBoundingClientRect();
+        const y = event.clientY - rect.top;
+        const height = rect.height;
+        let position;
+        if (y < height * 0.25) {
+            position = 'before';
+        }
+        else if (y > height * 0.75) {
+            position = 'after';
+        }
+        else {
+            position = 'inside';
+        }
+        this.isDragOver = true;
+        this.dropPosition = position;
+        this.nodeDragOver.emit({ event, node: n, position });
+    }
+    onDragLeave(event) {
+        this.isDragOver = false;
+        this.dropPosition = null;
+    }
+    onDrop(event) {
+        if (!this.isDragDropEnabled())
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        const position = this.dropPosition || 'inside';
+        this.isDragOver = false;
+        this.dropPosition = null;
+        this.nodeDrop.emit({ event, node: this.node(), position });
+    }
+    onDragEnd(event) {
+        this.isDragOver = false;
+        this.dropPosition = null;
+        this.nodeDragEnd.emit({ event });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TreeNodeComponent, isStandalone: true, selector: "core-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeToggled: "nodeToggled", nodeClicked: "nodeClicked", actionTriggered: "actionTriggered", nodeDragStart: "nodeDragStart", nodeDragOver: "nodeDragOver", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd" }, ngImport: i0, template: "<li\n  [class]=\"nodeClasses()\"\n  [attr.data-level]=\"level()\"\n  [attr.data-node-id]=\"node().id\"\n  [attr.draggable]=\"isDragDropEnabled() && node().draggable !== false\"\n  (dragstart)=\"onDragStart($event)\"\n  (dragover)=\"onDragOver($event)\"\n  (dragleave)=\"onDragLeave($event)\"\n  (drop)=\"onDrop($event)\"\n  (dragend)=\"onDragEnd($event)\"\n  [class.is-drag-over]=\"isDragOver\"\n  [class.drop-before]=\"dropPosition === 'before'\"\n  [class.drop-after]=\"dropPosition === 'after'\"\n  [class.drop-inside]=\"dropPosition === 'inside'\"\n>\n  <div class=\"c-tree-node__row\">\n    <!-- Expand/Collapse toggle -->\n    <button\n      type=\"button\"\n      class=\"c-tree-node__toggle\"\n      [class.is-expanded]=\"expanded()\"\n      [class.is-leaf]=\"!hasChildren()\"\n      [disabled]=\"!hasChildren()\"\n      (click)=\"toggle()\"\n    >\n      @if (hasChildren()) {\n        <span class=\"c-tree-node__toggle-icon fa-solid fa-chevron-right\"></span>\n      }\n    </button>\n\n    <!-- Node icon (dynamic) -->\n    <span class=\"c-tree-node__icon\" [ngClass]=\"resolvedIcon()\"></span>\n\n    <!-- Node content -->\n    @if (nodeTemplate()) {\n      <div class=\"c-tree-node__content\" (click)=\"onNodeClick()\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            nodeTemplate()!;\n            context: { $implicit: node(), level: level() }\n          \"\n        >\n        </ng-container>\n      </div>\n    } @else {\n      <div class=\"c-tree-node__content\" (click)=\"onNodeClick()\">\n        <span class=\"c-tree-node__label\">{{ node().label }}</span>\n      </div>\n    }\n\n    <!-- Node actions (custom actions like generic-table) -->\n    @if (visibleActions().length > 0) {\n      <div class=\"c-tree-node__actions\">\n        @for (action of visibleActions(); track action.key) {\n          <core-generic-button\n            [config]=\"getActionButtonConfig(action)\"\n            (buttonClick)=\"onActionClick(action, $event)\"\n          >\n          </core-generic-button>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Children (recursive) -->\n  @if (hasChildren()) {\n    <ul\n      class=\"c-tree-node__children\"\n      [class.is-expanded]=\"expanded()\"\n      [class.is-animated]=\"isAnimationsEnabled()\"\n    >\n      @for (child of node().children; track child.id) {\n        <core-tree-node\n          [node]=\"child\"\n          [level]=\"level() + 1\"\n          [config]=\"config()\"\n          [nodeTemplate]=\"nodeTemplate()\"\n          (nodeToggled)=\"nodeToggled.emit($event)\"\n          (nodeClicked)=\"nodeClicked.emit($event)\"\n          (actionTriggered)=\"actionTriggered.emit($event)\"\n          (nodeDragStart)=\"nodeDragStart.emit($event)\"\n          (nodeDragOver)=\"nodeDragOver.emit($event)\"\n          (nodeDrop)=\"nodeDrop.emit($event)\"\n          (nodeDragEnd)=\"nodeDragEnd.emit($event)\"\n        />\n      }\n    </ul>\n  }\n</li>\n", styles: ["@charset \"UTF-8\";:host{display:block}.c-tree-node{list-style:none;position:relative;margin:0}.c-tree-node__row{display:flex;align-items:center;gap:.875rem;padding:1rem 1.5rem;padding-left:calc(1.5rem + var(--tree-level, 0) * 2rem);border-bottom:1px solid var(--color-neutral-200, #e5e7eb);transition:background-color .15s ease;min-height:3.75rem;background:var(--color-white, #fff);cursor:default}.c-tree-node__row:hover{background-color:var(--color-neutral-50, #f9fafb)}.c-tree-node__row:hover .c-tree-node__actions{opacity:1;pointer-events:auto}.c-tree-node[data-level=\"0\"]>.c-tree-node__row{--tree-level: 0}.c-tree-node[data-level=\"1\"]>.c-tree-node__row{--tree-level: 1}.c-tree-node[data-level=\"2\"]>.c-tree-node__row{--tree-level: 2}.c-tree-node[data-level=\"3\"]>.c-tree-node__row{--tree-level: 3}.c-tree-node[data-level=\"4\"]>.c-tree-node__row{--tree-level: 4}.c-tree-node[data-level=\"5\"]>.c-tree-node__row{--tree-level: 5}.c-tree-node[data-level=\"6\"]>.c-tree-node__row{--tree-level: 6}.c-tree-node[data-level=\"1\"]>.c-tree-node__row{background:var(--color-neutral-50, #fafbfc)}.c-tree-node[data-level=\"3\"]>.c-tree-node__row{background:var(--color-neutral-50, #fafbfc)}.c-tree-node[data-level=\"5\"]>.c-tree-node__row{background:var(--color-neutral-50, #fafbfc)}.c-tree-node__toggle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-neutral-500, #6b7280);flex-shrink:0;border-radius:.25rem;transition:background-color .15s ease,color .15s ease}.c-tree-node__toggle:hover:not(:disabled){background-color:var(--color-neutral-100, #f3f4f6);color:var(--color-neutral-700, #374151)}.c-tree-node__toggle:disabled{cursor:default;opacity:0}.c-tree-node__toggle-icon{font-size:.7em;transition:transform .25s cubic-bezier(.4,0,.2,1)}.c-tree-node__toggle.is-expanded .c-tree-node__toggle-icon{transform:rotate(90deg)}.c-tree-node__icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:var(--fz-100);color:var(--color-primary, #3b82f6);flex-shrink:0;transition:color .15s ease,transform .15s ease}.c-tree-node__row:hover .c-tree-node__icon{color:var(--color-primary-dark, #2563eb)}.c-tree-node__content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;cursor:pointer;-webkit-user-select:none;user-select:none}.c-tree-node__label{font-weight:600;color:var(--color-neutral-800, #1f2937);font-size:var(--fz-100);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-tree-node[data-level=\"1\"] .c-tree-node__label,.c-tree-node[data-level=\"2\"] .c-tree-node__label,.c-tree-node[data-level=\"3\"] .c-tree-node__label,.c-tree-node[data-level=\"4\"] .c-tree-node__label,.c-tree-node[data-level=\"5\"] .c-tree-node__label,.c-tree-node[data-level=\"6\"] .c-tree-node__label{font-weight:500;font-size:var(--fz-100);color:var(--color-neutral-700, #374151)}.c-tree-node__actions{display:flex;align-items:center;gap:.375rem;margin-left:auto;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .2s ease;padding-left:.5rem}.c-tree-node__children{list-style:none;padding:0;margin:0;overflow:hidden;max-height:0;opacity:0}.c-tree-node__children.is-expanded{max-height:none;opacity:1}.c-tree-node__children.is-animated{transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease .05s}.c-tree-node__children.is-animated.is-expanded{transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.c-tree-node[draggable=true]{cursor:grab}.c-tree-node[draggable=true]:active{cursor:grabbing}.c-tree-node.is-drag-over .c-tree-node__row{background-color:var(--color-primary-50, #eff6ff)}.c-tree-node.drop-before:before{content:\"\";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #3b82f6);z-index:1;animation:dropIndicatorFadeIn .15s ease forwards}.c-tree-node.drop-after:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary, #3b82f6);z-index:1;animation:dropIndicatorFadeIn .15s ease forwards}.c-tree-node.drop-inside>.c-tree-node__row{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px;border-radius:.25rem}@keyframes dropIndicatorFadeIn{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}:host-context(.c-tree--connectors) .c-tree-node:not([data-level=\"0\"]):before{content:\"\";position:absolute;left:calc(1.25rem + (var(--tree-level, 0) - 1) * 2rem + .75rem);top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--color-neutral-300, #d1d5db) 15%,var(--color-neutral-300, #d1d5db) 85%,transparent 100%);opacity:.5}\n"], dependencies: [{ kind: "component", type: TreeNodeComponent, selector: "core-tree-node", inputs: ["node", "level", "config", "nodeTemplate"], outputs: ["nodeToggled", "nodeClicked", "actionTriggered", "nodeDragStart", "nodeDragOver", "nodeDrop", "nodeDragEnd"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TreeNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-tree-node', standalone: true, imports: [CommonModule, TranslateModule, GenericButtonComponent], template: "<li\n  [class]=\"nodeClasses()\"\n  [attr.data-level]=\"level()\"\n  [attr.data-node-id]=\"node().id\"\n  [attr.draggable]=\"isDragDropEnabled() && node().draggable !== false\"\n  (dragstart)=\"onDragStart($event)\"\n  (dragover)=\"onDragOver($event)\"\n  (dragleave)=\"onDragLeave($event)\"\n  (drop)=\"onDrop($event)\"\n  (dragend)=\"onDragEnd($event)\"\n  [class.is-drag-over]=\"isDragOver\"\n  [class.drop-before]=\"dropPosition === 'before'\"\n  [class.drop-after]=\"dropPosition === 'after'\"\n  [class.drop-inside]=\"dropPosition === 'inside'\"\n>\n  <div class=\"c-tree-node__row\">\n    <!-- Expand/Collapse toggle -->\n    <button\n      type=\"button\"\n      class=\"c-tree-node__toggle\"\n      [class.is-expanded]=\"expanded()\"\n      [class.is-leaf]=\"!hasChildren()\"\n      [disabled]=\"!hasChildren()\"\n      (click)=\"toggle()\"\n    >\n      @if (hasChildren()) {\n        <span class=\"c-tree-node__toggle-icon fa-solid fa-chevron-right\"></span>\n      }\n    </button>\n\n    <!-- Node icon (dynamic) -->\n    <span class=\"c-tree-node__icon\" [ngClass]=\"resolvedIcon()\"></span>\n\n    <!-- Node content -->\n    @if (nodeTemplate()) {\n      <div class=\"c-tree-node__content\" (click)=\"onNodeClick()\">\n        <ng-container\n          *ngTemplateOutlet=\"\n            nodeTemplate()!;\n            context: { $implicit: node(), level: level() }\n          \"\n        >\n        </ng-container>\n      </div>\n    } @else {\n      <div class=\"c-tree-node__content\" (click)=\"onNodeClick()\">\n        <span class=\"c-tree-node__label\">{{ node().label }}</span>\n      </div>\n    }\n\n    <!-- Node actions (custom actions like generic-table) -->\n    @if (visibleActions().length > 0) {\n      <div class=\"c-tree-node__actions\">\n        @for (action of visibleActions(); track action.key) {\n          <core-generic-button\n            [config]=\"getActionButtonConfig(action)\"\n            (buttonClick)=\"onActionClick(action, $event)\"\n          >\n          </core-generic-button>\n        }\n      </div>\n    }\n  </div>\n\n  <!-- Children (recursive) -->\n  @if (hasChildren()) {\n    <ul\n      class=\"c-tree-node__children\"\n      [class.is-expanded]=\"expanded()\"\n      [class.is-animated]=\"isAnimationsEnabled()\"\n    >\n      @for (child of node().children; track child.id) {\n        <core-tree-node\n          [node]=\"child\"\n          [level]=\"level() + 1\"\n          [config]=\"config()\"\n          [nodeTemplate]=\"nodeTemplate()\"\n          (nodeToggled)=\"nodeToggled.emit($event)\"\n          (nodeClicked)=\"nodeClicked.emit($event)\"\n          (actionTriggered)=\"actionTriggered.emit($event)\"\n          (nodeDragStart)=\"nodeDragStart.emit($event)\"\n          (nodeDragOver)=\"nodeDragOver.emit($event)\"\n          (nodeDrop)=\"nodeDrop.emit($event)\"\n          (nodeDragEnd)=\"nodeDragEnd.emit($event)\"\n        />\n      }\n    </ul>\n  }\n</li>\n", styles: ["@charset \"UTF-8\";:host{display:block}.c-tree-node{list-style:none;position:relative;margin:0}.c-tree-node__row{display:flex;align-items:center;gap:.875rem;padding:1rem 1.5rem;padding-left:calc(1.5rem + var(--tree-level, 0) * 2rem);border-bottom:1px solid var(--color-neutral-200, #e5e7eb);transition:background-color .15s ease;min-height:3.75rem;background:var(--color-white, #fff);cursor:default}.c-tree-node__row:hover{background-color:var(--color-neutral-50, #f9fafb)}.c-tree-node__row:hover .c-tree-node__actions{opacity:1;pointer-events:auto}.c-tree-node[data-level=\"0\"]>.c-tree-node__row{--tree-level: 0}.c-tree-node[data-level=\"1\"]>.c-tree-node__row{--tree-level: 1}.c-tree-node[data-level=\"2\"]>.c-tree-node__row{--tree-level: 2}.c-tree-node[data-level=\"3\"]>.c-tree-node__row{--tree-level: 3}.c-tree-node[data-level=\"4\"]>.c-tree-node__row{--tree-level: 4}.c-tree-node[data-level=\"5\"]>.c-tree-node__row{--tree-level: 5}.c-tree-node[data-level=\"6\"]>.c-tree-node__row{--tree-level: 6}.c-tree-node[data-level=\"1\"]>.c-tree-node__row{background:var(--color-neutral-50, #fafbfc)}.c-tree-node[data-level=\"3\"]>.c-tree-node__row{background:var(--color-neutral-50, #fafbfc)}.c-tree-node[data-level=\"5\"]>.c-tree-node__row{background:var(--color-neutral-50, #fafbfc)}.c-tree-node__toggle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-neutral-500, #6b7280);flex-shrink:0;border-radius:.25rem;transition:background-color .15s ease,color .15s ease}.c-tree-node__toggle:hover:not(:disabled){background-color:var(--color-neutral-100, #f3f4f6);color:var(--color-neutral-700, #374151)}.c-tree-node__toggle:disabled{cursor:default;opacity:0}.c-tree-node__toggle-icon{font-size:.7em;transition:transform .25s cubic-bezier(.4,0,.2,1)}.c-tree-node__toggle.is-expanded .c-tree-node__toggle-icon{transform:rotate(90deg)}.c-tree-node__icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:var(--fz-100);color:var(--color-primary, #3b82f6);flex-shrink:0;transition:color .15s ease,transform .15s ease}.c-tree-node__row:hover .c-tree-node__icon{color:var(--color-primary-dark, #2563eb)}.c-tree-node__content{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;cursor:pointer;-webkit-user-select:none;user-select:none}.c-tree-node__label{font-weight:600;color:var(--color-neutral-800, #1f2937);font-size:var(--fz-100);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-tree-node[data-level=\"1\"] .c-tree-node__label,.c-tree-node[data-level=\"2\"] .c-tree-node__label,.c-tree-node[data-level=\"3\"] .c-tree-node__label,.c-tree-node[data-level=\"4\"] .c-tree-node__label,.c-tree-node[data-level=\"5\"] .c-tree-node__label,.c-tree-node[data-level=\"6\"] .c-tree-node__label{font-weight:500;font-size:var(--fz-100);color:var(--color-neutral-700, #374151)}.c-tree-node__actions{display:flex;align-items:center;gap:.375rem;margin-left:auto;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .2s ease;padding-left:.5rem}.c-tree-node__children{list-style:none;padding:0;margin:0;overflow:hidden;max-height:0;opacity:0}.c-tree-node__children.is-expanded{max-height:none;opacity:1}.c-tree-node__children.is-animated{transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease .05s}.c-tree-node__children.is-animated.is-expanded{transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.c-tree-node[draggable=true]{cursor:grab}.c-tree-node[draggable=true]:active{cursor:grabbing}.c-tree-node.is-drag-over .c-tree-node__row{background-color:var(--color-primary-50, #eff6ff)}.c-tree-node.drop-before:before{content:\"\";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #3b82f6);z-index:1;animation:dropIndicatorFadeIn .15s ease forwards}.c-tree-node.drop-after:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary, #3b82f6);z-index:1;animation:dropIndicatorFadeIn .15s ease forwards}.c-tree-node.drop-inside>.c-tree-node__row{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px;border-radius:.25rem}@keyframes dropIndicatorFadeIn{0%{opacity:0;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}:host-context(.c-tree--connectors) .c-tree-node:not([data-level=\"0\"]):before{content:\"\";position:absolute;left:calc(1.25rem + (var(--tree-level, 0) - 1) * 2rem + .75rem);top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--color-neutral-300, #d1d5db) 15%,var(--color-neutral-300, #d1d5db) 85%,transparent 100%);opacity:.5}\n"] }]
+        }], ctorParameters: () => [] });
+
+class GenericTreeComponent {
+    treeService = inject(TreeService);
+    customNodeTemplate;
+    nodes = input.required();
+    config = input({});
+    customClass = input('');
+    emptyMessage = input('common.no_results');
+    emptyIcon = input('fa-solid fa-folder-open');
+    nodeToggled = output();
+    nodeClicked = output();
+    actionTriggered = output();
+    nodeDrop = output();
+    nodesChanged = output();
+    isAllExpanded = signal(false);
+    draggedNodeId = signal(null);
+    _expansionInitialized = signal(false);
+    constructor() {
+        effect(() => {
+            const currentNodes = this.nodes();
+            const expandByDefault = this.mergedConfig().expandAllByDefault;
+            if (currentNodes.length > 0 && expandByDefault && !untracked(() => this._expansionInitialized())) {
+                this._expansionInitialized.set(true);
+                const updated = untracked(() => this.treeService.setExpandedState(currentNodes, true));
+                this.isAllExpanded.set(true);
+                queueMicrotask(() => this.nodesChanged.emit(updated));
+            }
+            if (currentNodes.length === 0) {
+                untracked(() => this._expansionInitialized.set(false));
+            }
+        });
+    }
+    mergedConfig = computed(() => {
+        const defaults = {
+            enableDragDrop: false,
+            enableAnimations: true,
+            showExpandToggle: true,
+            showConnectors: false,
+            emptyMessage: this.emptyMessage(),
+            emptyIcon: this.emptyIcon(),
+            expandAllByDefault: false,
+            maxDropDepth: 0,
+            actions: []
+        };
+        return { ...defaults, ...this.config() };
+    });
+    hasNodes = computed(() => this.nodes().length > 0);
+    treeClasses = computed(() => {
+        const classes = ['c-tree'];
+        if (this.mergedConfig().showConnectors) {
+            classes.push('c-tree--connectors');
+        }
+        if (this.mergedConfig().enableDragDrop) {
+            classes.push('c-tree--draggable');
+        }
+        const custom = this.customClass();
+        if (custom) {
+            classes.push(custom);
+        }
+        return classes.join(' ');
+    });
+    effectiveNodeTemplate = computed(() => {
+        return this.mergedConfig().nodeTemplate || this.customNodeTemplate || undefined;
+    });
+    toggleExpandAll() {
+        const newState = !this.isAllExpanded();
+        const updated = this.treeService.setExpandedState(this.nodes(), newState);
+        this.isAllExpanded.set(newState);
+        this.nodesChanged.emit(updated);
+    }
+    expandAll() {
+        const updated = this.treeService.setExpandedState(this.nodes(), true);
+        this.isAllExpanded.set(true);
+        this.nodesChanged.emit(updated);
+    }
+    collapseAll() {
+        const updated = this.treeService.setExpandedState(this.nodes(), false);
+        this.isAllExpanded.set(false);
+        this.nodesChanged.emit(updated);
+    }
+    onNodeToggled(node) {
+        this.nodeToggled.emit(node);
+    }
+    onNodeClicked(node) {
+        this.nodeClicked.emit(node);
+    }
+    onActionTriggered(event) {
+        this.actionTriggered.emit(event);
+    }
+    onDragStart(event) {
+        this.draggedNodeId.set(event.node.id);
+    }
+    onDragEnd() {
+        this.draggedNodeId.set(null);
+    }
+    onNodeDrop(event) {
+        const draggedId = this.draggedNodeId();
+        if (draggedId === null || draggedId === event.node.id)
+            return;
+        const draggedNode = this.treeService.findNodeById(this.nodes(), draggedId);
+        if (!draggedNode)
+            return;
+        const maxDepth = this.mergedConfig().maxDropDepth;
+        if (maxDepth && maxDepth > 0 && event.position === 'inside') {
+            const targetDepth = this.treeService.getNodeDepth(this.nodes(), event.node.id);
+            if (targetDepth >= maxDepth)
+                return;
+        }
+        let updatedNodes = this.treeService.removeNode(this.nodes(), draggedId);
+        updatedNodes = this.treeService.insertNode(updatedNodes, draggedNode, event.node.id, event.position);
+        const dropEvent = {
+            draggedNode,
+            targetNode: event.node,
+            position: event.position,
+            updatedNodes
+        };
+        this.nodeDrop.emit(dropEvent);
+        this.nodesChanged.emit(updatedNodes);
+        this.draggedNodeId.set(null);
+    }
+    trackByNodeId(index, node) {
+        return node.id;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTreeComponent, isStandalone: true, selector: "core-generic-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyIcon: { classPropertyName: "emptyIcon", publicName: "emptyIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeToggled: "nodeToggled", nodeClicked: "nodeClicked", actionTriggered: "actionTriggered", nodeDrop: "nodeDrop", nodesChanged: "nodesChanged" }, queries: [{ propertyName: "customNodeTemplate", first: true, predicate: ["nodeTemplate"], descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-tree-container\" [class]=\"customClass()\">\n  @if (hasNodes()) {\n    <ul [class]=\"treeClasses()\">\n      @for (node of nodes(); track trackByNodeId($index, node)) {\n        <core-tree-node\n          [node]=\"node\"\n          [level]=\"0\"\n          [config]=\"mergedConfig()\"\n          [nodeTemplate]=\"effectiveNodeTemplate()\"\n          (nodeToggled)=\"onNodeToggled($event)\"\n          (nodeClicked)=\"onNodeClicked($event)\"\n          (actionTriggered)=\"onActionTriggered($event)\"\n          (nodeDragStart)=\"onDragStart($event)\"\n          (nodeDragOver)=\"($event)\"\n          (nodeDrop)=\"onNodeDrop($event)\"\n          (nodeDragEnd)=\"onDragEnd()\"\n        />\n      }\n    </ul>\n  } @else {\n    <div class=\"c-tree-empty\">\n      <span class=\"{{ mergedConfig().emptyIcon }} c-tree-empty__icon\"></span>\n      <p class=\"c-tree-empty__text\">\n        {{ mergedConfig().emptyMessage! | translate }}\n      </p>\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block}.c-tree-container{background:var(--color-white, #fff);border-radius:var(--app-br, .5rem);border:1px solid var(--color-neutral-200, #e5e7eb);overflow:hidden}.c-tree{list-style:none;padding:0;margin:0}.c-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.c-tree-empty__icon{font-size:3rem;color:var(--color-neutral-400, #9ca3af);margin-bottom:1rem;opacity:.6}.c-tree-empty__text{margin:0;font-size:.875rem;color:var(--color-neutral-500, #6b7280)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: TreeNodeComponent, selector: "core-tree-node", inputs: ["node", "level", "config", "nodeTemplate"], outputs: ["nodeToggled", "nodeClicked", "actionTriggered", "nodeDragStart", "nodeDragOver", "nodeDrop", "nodeDragEnd"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-generic-tree', standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        TreeNodeComponent
+                    ], hostDirectives: [CoreHostDirective], template: "<div class=\"c-tree-container\" [class]=\"customClass()\">\n  @if (hasNodes()) {\n    <ul [class]=\"treeClasses()\">\n      @for (node of nodes(); track trackByNodeId($index, node)) {\n        <core-tree-node\n          [node]=\"node\"\n          [level]=\"0\"\n          [config]=\"mergedConfig()\"\n          [nodeTemplate]=\"effectiveNodeTemplate()\"\n          (nodeToggled)=\"onNodeToggled($event)\"\n          (nodeClicked)=\"onNodeClicked($event)\"\n          (actionTriggered)=\"onActionTriggered($event)\"\n          (nodeDragStart)=\"onDragStart($event)\"\n          (nodeDragOver)=\"($event)\"\n          (nodeDrop)=\"onNodeDrop($event)\"\n          (nodeDragEnd)=\"onDragEnd()\"\n        />\n      }\n    </ul>\n  } @else {\n    <div class=\"c-tree-empty\">\n      <span class=\"{{ mergedConfig().emptyIcon }} c-tree-empty__icon\"></span>\n      <p class=\"c-tree-empty__text\">\n        {{ mergedConfig().emptyMessage! | translate }}\n      </p>\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block}.c-tree-container{background:var(--color-white, #fff);border-radius:var(--app-br, .5rem);border:1px solid var(--color-neutral-200, #e5e7eb);overflow:hidden}.c-tree{list-style:none;padding:0;margin:0}.c-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.c-tree-empty__icon{font-size:3rem;color:var(--color-neutral-400, #9ca3af);margin-bottom:1rem;opacity:.6}.c-tree-empty__text{margin:0;font-size:.875rem;color:var(--color-neutral-500, #6b7280)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { customNodeTemplate: [{
+                type: ContentChild,
+                args: ['nodeTemplate']
+            }] } });
+
 class CacheBustingInterceptor {
     intercept(req, next) {
         if (req.url.includes('/assets/i18n/') && req.url.endsWith('.json')) {
@@ -23075,5 +23507,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AD_AUTH_CONFIG, AD_AUTH_INTERCEPTOR_CONFIG, ALL_COUNTRY_CODES, ActiveFiltersComponent, AdAuthService, AdInteractionType, AdLoginButtonComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CalendarEventType, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ColorPickerFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, CustomClassService, DEFAULT_AD_AUTH_INTERCEPTOR_CONFIG, DEFAULT_COUNTRIES, DEFAULT_SCHEDULER_CONFIG, DataListComponent, DataListItemComponent, DataStoreService, DateFieldComponent, DateRangeFieldComponent, DateUtility, DatetimeFieldComponent, DayState, DayType, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, FixedActionPosition, FixedActionsMobileModalComponent, FixedActionsMobileModalService, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericCalendarComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericFixedActionsComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSchedulerComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericSwitchComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MODEL_REFERENCE_SORT_KEY, MainNavComponent, MainNavService, ManualRefreshService, MobileHeaderComponent, MobileResolutionService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsCustomActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, RedirectUrlService, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableFixedActionsService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, WeekDay, adAuthGuard, adAuthInterceptor, adGuestGuard, adRoleGuard, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideAdAuth, provideAdAuthInterceptor, provideAdAuthWithInterceptor, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
+export { AD_AUTH_CONFIG, AD_AUTH_INTERCEPTOR_CONFIG, ALL_COUNTRY_CODES, ActiveFiltersComponent, AdAuthService, AdInteractionType, AdLoginButtonComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CalendarEventType, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ColorPickerFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, CustomClassService, DEFAULT_AD_AUTH_INTERCEPTOR_CONFIG, DEFAULT_COUNTRIES, DEFAULT_SCHEDULER_CONFIG, DataListComponent, DataListItemComponent, DataStoreService, DateFieldComponent, DateRangeFieldComponent, DateUtility, DatetimeFieldComponent, DayState, DayType, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, FixedActionPosition, FixedActionsMobileModalComponent, FixedActionsMobileModalService, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericCalendarComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericFixedActionsComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSchedulerComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericSwitchComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GenericTreeComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MODEL_REFERENCE_SORT_KEY, MainNavComponent, MainNavService, ManualRefreshService, MobileHeaderComponent, MobileResolutionService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsCustomActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, RedirectUrlService, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableFixedActionsService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, TreeNodeComponent, TreeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, WeekDay, adAuthGuard, adAuthInterceptor, adGuestGuard, adRoleGuard, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideAdAuth, provideAdAuthInterceptor, provideAdAuthWithInterceptor, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map