@solcre-org/core-ui 2.20.22 → 2.20.24

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, ViewChild, Pipe, Injectable, ElementRef, untracked, HostListener, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, viewChild, ChangeDetectorRef, afterNextRender, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
+import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, HostListener, ViewChild, ViewEncapsulation, Pipe, Injectable, ElementRef, untracked, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, viewChild, ChangeDetectorRef, afterNextRender, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i3 from '@ngx-translate/core';
@@ -7,7 +7,7 @@ import { TranslateModule, TranslateService, TranslateLoader } from '@ngx-transla
 import * as i3$1 from '@angular/forms';
 import { FormControl, Validators, FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
 import * as i5 from '@ng-select/ng-select';
-import { NgSelectModule, NgSelectComponent } from '@ng-select/ng-select';
+import { NgSelectModule } from '@ng-select/ng-select';
 import { AuthService, ApiService } from '@solcre-org/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { distinctUntilChanged, debounceTime, tap as tap$1, map as map$1, filter, catchError as catchError$1 } from 'rxjs/operators';
@@ -1345,13 +1345,17 @@ var DocumentPayloadMode;
 })(DocumentPayloadMode || (DocumentPayloadMode = {}));
 
 class SelectFieldComponent extends BaseFieldComponent {
-    ngSelect;
+    elRef;
+    searchInputRef;
     field = input.required();
     selectionChange = output();
     isInitialized = signal(false);
     hasValue = signal(false);
     userHasInteracted = signal(false);
     lastDynamicValue = undefined;
+    isOpen = signal(false);
+    searchTerm = signal('');
+    highlightedIndex = signal(-1);
     computedValue = computed(() => {
         const value = this.value();
         if (this.field().multiple && !Array.isArray(value)) {
@@ -1359,9 +1363,26 @@ class SelectFieldComponent extends BaseFieldComponent {
         }
         return value;
     });
+    filteredOptions = computed(() => {
+        const options = this.field().options ?? [];
+        const term = this.searchTerm().toLowerCase().trim();
+        if (!term)
+            return options;
+        return options.filter(opt => opt.label.toLowerCase().includes(term));
+    });
+    selectedItems = computed(() => {
+        const value = this.computedValue();
+        const options = this.field().options ?? [];
+        if (value === null || value === undefined || value === '')
+            return [];
+        if (this.field().multiple && Array.isArray(value)) {
+            return options.filter(opt => value.some((v) => String(opt.value) === String(v)));
+        }
+        const found = options.find(opt => String(opt.value) === String(value));
+        return found ? [found] : [];
+    });
     isPlaceholderVisible = computed(() => {
-        const hasVal = this.hasValue();
-        return !hasVal;
+        return !this.hasValue();
     });
     isSearchable = computed(() => {
         return this.field().searchable ?? false;
@@ -1369,8 +1390,17 @@ class SelectFieldComponent extends BaseFieldComponent {
     isDisabled = computed(() => {
         return this.mode() === ModalMode.VIEW || this.evaluateReadonly() || this.evaluateDisabled();
     });
-    constructor() {
+    onDocumentClick(event) {
+        if (this.isOpen() && this.elRef) {
+            const target = event.target;
+            if (!this.elRef.nativeElement.contains(target)) {
+                this.closeDropdown();
+            }
+        }
+    }
+    constructor(elRef) {
         super();
+        this.elRef = elRef;
         effect(() => {
             const signalValue = this.value();
             if (signalValue && signalValue !== '' && signalValue !== null && signalValue !== undefined) {
@@ -1400,7 +1430,7 @@ class SelectFieldComponent extends BaseFieldComponent {
                     if (newOpts.length === 0 && this.field().multiple && Array.isArray(this.formControl().value)) {
                         setTimeout(() => {
                             this.formControl().setValue([], { emitEvent: false });
-                            this.ngSelect?.clearModel();
+                            this.hasValue.set(false);
                         }, 0);
                     }
                 }
@@ -1548,9 +1578,9 @@ class SelectFieldComponent extends BaseFieldComponent {
     isOptionSelected(optionValue) {
         const currentValue = this.computedValue();
         if (this.field().multiple && Array.isArray(currentValue)) {
-            return currentValue.includes(optionValue);
+            return currentValue.some((v) => String(v) === String(optionValue));
         }
-        return currentValue === optionValue;
+        return String(currentValue) === String(optionValue);
     }
     onBlurInput() {
         this.onBlur();
@@ -1631,15 +1661,142 @@ class SelectFieldComponent extends BaseFieldComponent {
     onSelectClear() {
         this.hasValue.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SelectFieldComponent, isStandalone: true, selector: "core-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Todo: Ng select + c-entry-select -->\n\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div\n    class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n    [class.is-placeholder]=\"isPlaceholderVisible()\"\n    [class.is-invalid]=\"hasError()\"\n    [class.disabled]=\"isDisabled()\"\n  >\n    <ng-select\n      [items]=\"field().options ?? []\"\n      bindValue=\"value\"\n      bindLabel=\"label\"\n      [multiple]=\"field().multiple\"\n      [formControl]=\"formControl()\"\n      [compareWith]=\"compareWith\"\n      [class.has-error]=\"hasError()\"\n      [class.disabled]=\"isDisabled()\"\n      [readonly]=\"isReadonly()\"\n      [clearable]=\"field().clearable\"\n      [searchable]=\"isSearchable()\"\n      (blur)=\"onBlurInput()\"\n      (change)=\"onSelectChange($event)\"\n      (clear)=\"onSelectClear()\"\n      [placeholder]=\"\n        isPlaceholderVisible() ? (field().placeholder ?? '' | translate) : ''\n      \"\n    >\n      <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n        {{ item.label | translate }}\n      </ng-template>\n      <ng-template ng-label-tmp let-item=\"item\">\n        <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n        {{ item.label | translate }}\n      </ng-template>\n      <ng-template ng-notfound-tmp>\n        <span class=\"ng-select-notfound\">{{\n          \"modal.field.serverSelect.noResults\" | translate\n        }}</span>\n      </ng-template>\n    </ng-select>\n    <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    toggleDropdown(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.isDisabled() || this.isReadonly())
+            return;
+        if (this.isOpen()) {
+            this.closeDropdown();
+        }
+        else {
+            this.openDropdown();
+        }
+    }
+    openDropdown() {
+        this.isOpen.set(true);
+        this.searchTerm.set('');
+        this.highlightedIndex.set(-1);
+        if (this.isSearchable()) {
+            setTimeout(() => this.searchInputRef?.nativeElement?.focus(), 0);
+        }
+    }
+    closeDropdown() {
+        this.isOpen.set(false);
+        this.searchTerm.set('');
+        this.highlightedIndex.set(-1);
+    }
+    onSearchInput(event) {
+        const value = event.target.value;
+        this.searchTerm.set(value);
+        this.highlightedIndex.set(0);
+    }
+    selectOption(option, event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        if (this.field().multiple) {
+            const current = Array.isArray(this.computedValue()) ? [...this.computedValue()] : [];
+            const idx = current.findIndex((v) => String(v) === String(option.value));
+            if (idx >= 0) {
+                current.splice(idx, 1);
+            }
+            else {
+                current.push(option.value);
+            }
+            this.formControl().setValue(current);
+            this.formControl().markAsDirty();
+            this.onValueChange(current);
+            this.searchTerm.set('');
+        }
+        else {
+            this.formControl().setValue(option.value);
+            this.formControl().markAsDirty();
+            this.onValueChange(option.value);
+            this.closeDropdown();
+        }
+    }
+    removeItem(item, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.field().multiple) {
+            const current = Array.isArray(this.computedValue()) ? [...this.computedValue()] : [];
+            const filtered = current.filter((v) => String(v) !== String(item.value));
+            this.formControl().setValue(filtered);
+            this.formControl().markAsDirty();
+            this.onValueChange(filtered);
+        }
+    }
+    onClear(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const emptyValue = this.field().multiple ? [] : null;
+        this.formControl().setValue(emptyValue);
+        this.formControl().markAsDirty();
+        this.hasValue.set(false);
+        this.onValueChange(emptyValue);
+        this.closeDropdown();
+    }
+    onKeydown(event) {
+        const options = this.filteredOptions();
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                if (!this.isOpen()) {
+                    this.openDropdown();
+                }
+                else {
+                    this.highlightedIndex.set(Math.min(this.highlightedIndex() + 1, options.length - 1));
+                }
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (this.isOpen()) {
+                    this.highlightedIndex.set(Math.max(this.highlightedIndex() - 1, 0));
+                }
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (this.isOpen() && this.highlightedIndex() >= 0 && this.highlightedIndex() < options.length) {
+                    this.selectOption(options[this.highlightedIndex()]);
+                }
+                else if (!this.isOpen()) {
+                    this.openDropdown();
+                }
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.closeDropdown();
+                break;
+            case 'Tab':
+                this.closeDropdown();
+                break;
+            case 'Backspace':
+            case 'Delete':
+                if (this.field().multiple && this.searchTerm() === '') {
+                    const current = Array.isArray(this.computedValue()) ? [...this.computedValue()] : [];
+                    if (current.length > 0) {
+                        event.preventDefault();
+                        current.pop();
+                        this.formControl().setValue(current);
+                        this.formControl().markAsDirty();
+                        this.onValueChange(current);
+                    }
+                }
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SelectFieldComponent, isStandalone: true, selector: "core-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "searchInputRef", first: true, predicate: ["searchInput"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div\n    class=\"c-entry-input c-entry-input--native-select\"\n    [class.is-placeholder]=\"isPlaceholderVisible()\"\n    [class.is-invalid]=\"hasError()\"\n    [class.is-disabled]=\"isDisabled()\"\n    [class.is-open]=\"isOpen()\"\n    [class.has-value]=\"!isPlaceholderVisible()\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    <!-- Selected values / search input area -->\n    <div class=\"c-native-select__control\" (click)=\"toggleDropdown($event)\">\n      @if (field().multiple) {\n        @if (selectedItems().length > 0 || (isSearchable() && isOpen())) {\n          <!-- Multi-select: chips + inline search -->\n          <div class=\"c-native-select__values\">\n            @for (item of selectedItems(); track item.value) {\n              <span class=\"c-native-select__chip\">\n                {{ item.label | translate }}\n                @if (!isDisabled() && !isReadonly()) {\n                  <span\n                    class=\"c-native-select__chip-remove\"\n                    (click)=\"removeItem(item, $event)\"\n                    role=\"button\"\n                    aria-label=\"Remove\"\n                  ><span class=\"c-native-select__chip-remove-icon\"></span></span>\n                }\n              </span>\n            }\n            @if (isSearchable() && isOpen()) {\n              <input\n                #searchInput\n                type=\"text\"\n                class=\"c-native-select__search\"\n                [value]=\"searchTerm()\"\n                (input)=\"onSearchInput($event)\"\n                (blur)=\"onBlurInput()\"\n                autocomplete=\"off\"\n              />\n            }\n          </div>\n        } @else {\n          <span class=\"c-native-select__placeholder\">{{ (field().placeholder ?? '') | translate }}</span>\n        }\n      } @else {\n        <!-- Single select -->\n        @if (isSearchable() && isOpen()) {\n          <input\n            #searchInput\n            type=\"text\"\n            class=\"c-native-select__search\"\n            [value]=\"searchTerm()\"\n            (input)=\"onSearchInput($event)\"\n            (blur)=\"onBlurInput()\"\n            autocomplete=\"off\"\n          />\n        } @else if (selectedItems().length > 0) {\n          <span class=\"c-native-select__single-value\">{{ selectedItems()[0].label | translate }}</span>\n        } @else {\n          <span class=\"c-native-select__placeholder\">{{ (field().placeholder ?? '') | translate }}</span>\n        }\n      }\n    </div>\n\n    <!-- Clear button -->\n    @if (field().clearable !== false && !isPlaceholderVisible() && !isDisabled() && !isReadonly()) {\n      <span\n        class=\"c-native-select__clear\"\n        (click)=\"onClear($event)\"\n        role=\"button\"\n        aria-label=\"Clear\"\n      ><span class=\"c-native-select__clear-icon\"></span></span>\n    }\n\n    <!-- Arrow icon -->\n    <span\n      class=\"c-entry-input__addon icon-select-arrow\"\n      [class.is-flipped]=\"isOpen()\"\n      (click)=\"toggleDropdown($event)\"\n    ></span>\n\n    <!-- Dropdown panel -->\n    @if (isOpen()) {\n      <div class=\"c-native-select__dropdown\">\n        <div class=\"c-native-select__options\">\n          @if (filteredOptions().length === 0) {\n            <div class=\"c-native-select__no-results\">\n              {{ 'modal.field.serverSelect.noResults' | translate }}\n            </div>\n          } @else {\n            @for (option of filteredOptions(); track option.value; let i = $index) {\n              <div\n                class=\"c-native-select__option\"\n                [class.is-selected]=\"isOptionSelected(option.value)\"\n                [class.is-highlighted]=\"highlightedIndex() === i\"\n                (click)=\"selectOption(option, $event)\"\n                (mouseenter)=\"highlightedIndex.set(i)\"\n              >\n                {{ option.label | translate }}\n              </div>\n            }\n          }\n        </div>\n      </div>\n    }\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-select-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<!-- Todo: Ng select + c-entry-select -->\n\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div\n    class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n    [class.is-placeholder]=\"isPlaceholderVisible()\"\n    [class.is-invalid]=\"hasError()\"\n    [class.disabled]=\"isDisabled()\"\n  >\n    <ng-select\n      [items]=\"field().options ?? []\"\n      bindValue=\"value\"\n      bindLabel=\"label\"\n      [multiple]=\"field().multiple\"\n      [formControl]=\"formControl()\"\n      [compareWith]=\"compareWith\"\n      [class.has-error]=\"hasError()\"\n      [class.disabled]=\"isDisabled()\"\n      [readonly]=\"isReadonly()\"\n      [clearable]=\"field().clearable\"\n      [searchable]=\"isSearchable()\"\n      (blur)=\"onBlurInput()\"\n      (change)=\"onSelectChange($event)\"\n      (clear)=\"onSelectClear()\"\n      [placeholder]=\"\n        isPlaceholderVisible() ? (field().placeholder ?? '' | translate) : ''\n      \"\n    >\n      <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n        {{ item.label | translate }}\n      </ng-template>\n      <ng-template ng-label-tmp let-item=\"item\">\n        <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n        {{ item.label | translate }}\n      </ng-template>\n      <ng-template ng-notfound-tmp>\n        <span class=\"ng-select-notfound\">{{\n          \"modal.field.serverSelect.noResults\" | translate\n        }}</span>\n      </ng-template>\n    </ng-select>\n    <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { ngSelect: [{
+            args: [{ selector: 'core-select-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], encapsulation: ViewEncapsulation.None, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div\n    class=\"c-entry-input c-entry-input--native-select\"\n    [class.is-placeholder]=\"isPlaceholderVisible()\"\n    [class.is-invalid]=\"hasError()\"\n    [class.is-disabled]=\"isDisabled()\"\n    [class.is-open]=\"isOpen()\"\n    [class.has-value]=\"!isPlaceholderVisible()\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    <!-- Selected values / search input area -->\n    <div class=\"c-native-select__control\" (click)=\"toggleDropdown($event)\">\n      @if (field().multiple) {\n        @if (selectedItems().length > 0 || (isSearchable() && isOpen())) {\n          <!-- Multi-select: chips + inline search -->\n          <div class=\"c-native-select__values\">\n            @for (item of selectedItems(); track item.value) {\n              <span class=\"c-native-select__chip\">\n                {{ item.label | translate }}\n                @if (!isDisabled() && !isReadonly()) {\n                  <span\n                    class=\"c-native-select__chip-remove\"\n                    (click)=\"removeItem(item, $event)\"\n                    role=\"button\"\n                    aria-label=\"Remove\"\n                  ><span class=\"c-native-select__chip-remove-icon\"></span></span>\n                }\n              </span>\n            }\n            @if (isSearchable() && isOpen()) {\n              <input\n                #searchInput\n                type=\"text\"\n                class=\"c-native-select__search\"\n                [value]=\"searchTerm()\"\n                (input)=\"onSearchInput($event)\"\n                (blur)=\"onBlurInput()\"\n                autocomplete=\"off\"\n              />\n            }\n          </div>\n        } @else {\n          <span class=\"c-native-select__placeholder\">{{ (field().placeholder ?? '') | translate }}</span>\n        }\n      } @else {\n        <!-- Single select -->\n        @if (isSearchable() && isOpen()) {\n          <input\n            #searchInput\n            type=\"text\"\n            class=\"c-native-select__search\"\n            [value]=\"searchTerm()\"\n            (input)=\"onSearchInput($event)\"\n            (blur)=\"onBlurInput()\"\n            autocomplete=\"off\"\n          />\n        } @else if (selectedItems().length > 0) {\n          <span class=\"c-native-select__single-value\">{{ selectedItems()[0].label | translate }}</span>\n        } @else {\n          <span class=\"c-native-select__placeholder\">{{ (field().placeholder ?? '') | translate }}</span>\n        }\n      }\n    </div>\n\n    <!-- Clear button -->\n    @if (field().clearable !== false && !isPlaceholderVisible() && !isDisabled() && !isReadonly()) {\n      <span\n        class=\"c-native-select__clear\"\n        (click)=\"onClear($event)\"\n        role=\"button\"\n        aria-label=\"Clear\"\n      ><span class=\"c-native-select__clear-icon\"></span></span>\n    }\n\n    <!-- Arrow icon -->\n    <span\n      class=\"c-entry-input__addon icon-select-arrow\"\n      [class.is-flipped]=\"isOpen()\"\n      (click)=\"toggleDropdown($event)\"\n    ></span>\n\n    <!-- Dropdown panel -->\n    @if (isOpen()) {\n      <div class=\"c-native-select__dropdown\">\n        <div class=\"c-native-select__options\">\n          @if (filteredOptions().length === 0) {\n            <div class=\"c-native-select__no-results\">\n              {{ 'modal.field.serverSelect.noResults' | translate }}\n            </div>\n          } @else {\n            @for (option of filteredOptions(); track option.value; let i = $index) {\n              <div\n                class=\"c-native-select__option\"\n                [class.is-selected]=\"isOptionSelected(option.value)\"\n                [class.is-highlighted]=\"highlightedIndex() === i\"\n                (click)=\"selectOption(option, $event)\"\n                (mouseenter)=\"highlightedIndex.set(i)\"\n              >\n                {{ option.label | translate }}\n              </div>\n            }\n          }\n        </div>\n      </div>\n    }\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { searchInputRef: [{
                 type: ViewChild,
-                args: [NgSelectComponent]
+                args: ['searchInput']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
             }] } });
 
 var AlertType;
@@ -2223,11 +2380,11 @@ class DocumentFieldComponent extends BaseFieldComponent {
         this.documentTypeControl.setValue('');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DocumentFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DocumentFieldComponent, isStandalone: true, selector: "core-document-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <core-select-field\n        [field]=\"documentFieldConfig()\"\n        [value]=\"currentDocumentType()\"\n        [mode]=\"mode()\"\n        (valueChange)=\"onDocumentTypeChangeFromSelect($event)\"\n      ></core-select-field>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input\n          type=\"text\"\n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\"\n        />\n      </span>\n    </div>\n    @if (hasError()) {\n      <core-field-errors [errors]=\"errors()\"></core-field-errors>\n    }\n  </label>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: SelectFieldComponent, selector: "core-select-field", inputs: ["field"], outputs: ["selectionChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DocumentFieldComponent, isStandalone: true, selector: "core-document-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <core-select-field\n        [field]=\"documentFieldConfig()\"\n        [value]=\"currentDocumentType()\"\n        [mode]=\"mode()\"\n        (valueChange)=\"onDocumentTypeChangeFromSelect($event)\"\n      ></core-select-field>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input\n          type=\"text\"\n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\"\n        />\n      </span>\n    </div>\n    @if (hasError()) {\n      <core-field-errors [errors]=\"errors()\"></core-field-errors>\n    }\n  </label>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "component", type: SelectFieldComponent, selector: "core-select-field", inputs: ["field"], outputs: ["selectionChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DocumentFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-document-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent, NgSelectModule, SelectFieldComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <core-select-field\n        [field]=\"documentFieldConfig()\"\n        [value]=\"currentDocumentType()\"\n        [mode]=\"mode()\"\n        (valueChange)=\"onDocumentTypeChangeFromSelect($event)\"\n      ></core-select-field>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input\n          type=\"text\"\n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\"\n        />\n      </span>\n    </div>\n    @if (hasError()) {\n      <core-field-errors [errors]=\"errors()\"></core-field-errors>\n    }\n  </label>\n</div>\n" }]
+            args: [{ selector: 'core-document-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent, SelectFieldComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <core-select-field\n        [field]=\"documentFieldConfig()\"\n        [value]=\"currentDocumentType()\"\n        [mode]=\"mode()\"\n        (valueChange)=\"onDocumentTypeChangeFromSelect($event)\"\n      ></core-select-field>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input\n          type=\"text\"\n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\"\n        />\n      </span>\n    </div>\n    @if (hasError()) {\n      <core-field-errors [errors]=\"errors()\"></core-field-errors>\n    }\n  </label>\n</div>\n" }]
         }], ctorParameters: () => [] });
 
 // icon-compat.pipe.ts
@@ -17517,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.22',
+    full: '2.20.24',
     major: 2,
     minor: 20,
-    patch: 22,
-    timestamp: '2026-02-12T15:32:19.681Z',
-    buildDate: '12/2/2026'
+    patch: 24,
+    timestamp: '2026-02-24T16:07:06.271Z',
+    buildDate: '24/2/2026'
 };
 
 class MainNavComponent {
@@ -22637,6 +22794,415 @@ 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) {
+        for (const node of nodes) {
+            if (node.children && node.children.length > 0) {
+                node.isExpanded = expanded;
+                this.setExpandedState(node.children, expanded);
+            }
+        }
+    }
+    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);
+    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();
+        this.treeService.setExpandedState(this.nodes(), newState);
+        this.isAllExpanded.set(newState);
+    }
+    expandAll() {
+        this.treeService.setExpandedState(this.nodes(), true);
+        this.isAllExpanded.set(true);
+    }
+    collapseAll() {
+        this.treeService.setExpandedState(this.nodes(), false);
+        this.isAllExpanded.set(false);
+    }
+    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"] }]
+        }], propDecorators: { customNodeTemplate: [{
+                type: ContentChild,
+                args: ['nodeTemplate']
+            }] } });
+
 class CacheBustingInterceptor {
     intercept(req, next) {
         if (req.url.includes('/assets/i18n/') && req.url.endsWith('.json')) {
@@ -22918,5 +23484,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