sapenlinea-components 0.1.49 → 0.1.50

package/fesm2022/sapenlinea-components.mjs

@@ -2264,6 +2264,7 @@ class ToastHelper {
 
 class ModalForm {
     isFull = input(false, ...(ngDevMode ? [{ debugName: "isFull" }] : []));
+    scrollBody = input(false, ...(ngDevMode ? [{ debugName: "scrollBody" }] : []));
     title = input('Formulario', ...(ngDevMode ? [{ debugName: "title" }] : []));
     subtitle = input('', ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
     submitLabel = input('Guardar', ...(ngDevMode ? [{ debugName: "submitLabel" }] : []));
@@ -2329,12 +2330,12 @@ class ModalForm {
         this.evidenceChange.emit(file);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ModalForm, isStandalone: true, selector: "lib-modal-form", inputs: { isFull: { classPropertyName: "isFull", publicName: "isFull", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, submitLabel: { classPropertyName: "submitLabel", publicName: "submitLabel", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, showActionsLeft: { classPropertyName: "showActionsLeft", publicName: "showActionsLeft", isSignal: true, isRequired: false, transformFunction: null }, evidenceLabel: { classPropertyName: "evidenceLabel", publicName: "evidenceLabel", isSignal: true, isRequired: false, transformFunction: null }, evidenceHelperText: { classPropertyName: "evidenceHelperText", publicName: "evidenceHelperText", isSignal: true, isRequired: false, transformFunction: null }, evidenceAccept: { classPropertyName: "evidenceAccept", publicName: "evidenceAccept", isSignal: true, isRequired: false, transformFunction: null }, maxSizeMB: { classPropertyName: "maxSizeMB", publicName: "maxSizeMB", isSignal: true, isRequired: false, transformFunction: null }, hiddenFooterActions: { classPropertyName: "hiddenFooterActions", publicName: "hiddenFooterActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSubmit: "onSubmit", onCancel: "onCancel", evidenceChange: "evidenceChange" }, ngImport: i0, template: "<div class=\"modal-form-container\" [class.expanded]=\"isFull()\">\r\n  <div class=\"header-content\">\r\n    <div class=\"header-top\">\r\n      <div class=\"header-text\">\r\n        <h1>{{ title() }}</h1>\r\n        @if(subtitle()){\r\n          <p>{{ subtitle() }}</p>\r\n        }\r\n      </div>\r\n  \r\n        <button class=\"close-btn\" type=\"button\" (click)=\"onCancel.emit()\">\r\n          \u2715\r\n        </button>\r\n    </div>\r\n  </div>\r\n\r\n  @if (steps() && steps().length > 1) {\r\n  <div class=\"steps\">\r\n    @for (step of steps(); track $index) {\r\n    <div class=\"step\" [class.step-active]=\"currentStep() === $index + 1\"\r\n      [class.step-completed]=\"currentStep() > $index + 1\">\r\n      @if (currentStep() > $index + 1) {\r\n      <span class=\"check-icon\">\u2714</span>\r\n      }\r\n      <span>Paso {{ $index + 1 }}: {{ step.label }}</span>\r\n    </div>\r\n\r\n    @if ($index < steps().length - 1) { <span class=\"separator\">\u203A</span>\r\n      } }\r\n  </div>\r\n  }\r\n\r\n  <div class=\"divider\"></div>\r\n\r\n  <div class=\"body-content\">\r\n    @if (!steps() || !steps().length) {\r\n    <ng-content></ng-content>\r\n    } @else {\r\n    <!-- Render din\u00E1mico del paso actual -->\r\n    <lib-wizard-form [form]=\"form()\" [currentStep]=\"currentStep()\" [steps]=\"steps()\"\r\n      (canContinue)=\"canContinue.set($event)\"></lib-wizard-form>\r\n    }\r\n  </div>\r\n\r\n  @if (!hiddenFooterActions()) {\r\n  <div class=\"actions\">\r\n    @if (showActionsLeft()){\r\n    <div class=\"actions-left\">\r\n      <p class=\"file-type\">{{ evidenceHelperText() }}</p>\r\n      <button type=\"button\" class=\"btn-outline\" (click)=\"fileInput.click()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n          class=\"upload-icon icon icon-tabler icons-tabler-outline icon-tabler-cloud-upload\" width=\"24\" height=\"24\"\r\n          viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\">\r\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n          <path d=\"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1\" />\r\n          <path d=\"M9 15l3 -3l3 3\" />\r\n          <path d=\"M12 12l0 9\" />\r\n        </svg>\r\n        <span class=\"label-button\">\r\n          {{ evidenceFileName() || evidenceLabel() }}\r\n        </span>\r\n      </button>\r\n      <input #fileInput type=\"file\" hidden [accept]=\"evidenceAccept()\" (change)=\"onFileSelected($event)\" />\r\n    </div>\r\n    }\r\n\r\n    <div class=\"actions-right\">\r\n      @if (!steps() || steps().length <= 1) { <button type=\"button\" class=\"btn--ghost\" (click)=\"onCancel.emit()\">\r\n        Cancelar\r\n        </button>\r\n        } @else if (currentStep() === 1) {\r\n        <button type=\"button\" class=\"btn--ghost\" (click)=\"onCancel.emit()\">\r\n          Cancelar\r\n        </button>\r\n        } @else {\r\n        <button type=\"button\" class=\"btn--ghost\" (click)=\"prevStep()\">\r\n          Volver\r\n        </button>\r\n        }\r\n\r\n        <button type=\"button\" class=\"btn\" (click)=\"!steps() || !steps().length ? submitForm() :\r\n           currentStep() === steps().length ? submitForm() : nextStep()\" [disabled]=\"!canContinue()\">\r\n          {{ !steps() || !steps().length ? submitLabel() : currentStep() ===\r\n          steps().length ? submitLabel() : 'Continuar' }}\r\n        </button>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [":host{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;padding:12px;box-sizing:border-box;overflow-y:auto}.modal-form-container{background-color:#ebe8d6;width:100%;max-width:1200px;max-height:90dvh;display:flex;flex-direction:column;align-items:stretch;padding:24px 48px;border-radius:24px;box-shadow:0 10px 25px #00000026}.header-content{display:flex;flex-direction:column;gap:6px;padding:16px 0;position:sticky;top:0;z-index:10}.header-top{display:flex;justify-content:space-between;align-items:center}.header-text{display:flex;flex-direction:column;gap:6px}.close-btn{background:transparent;border:none;font-size:2rem;font-weight:500;cursor:pointer;color:#596300;padding:4px 10px;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.close-btn:hover{background-color:#00000010;transform:scale(1.1)}.header-content h1{font-size:2.4rem;font-weight:700;text-transform:capitalize;color:#1c1c12}.header-content p{font-size:1.4rem;font-weight:300;color:#454733}.divider{width:calc(100% + 100px);margin-left:-52px;height:1px;background-color:#7878612c;margin-top:16px}.body-content{flex:1}.body-content::-webkit-scrollbar{width:6px;background:transparent}.body-content::-webkit-scrollbar-track{background:transparent}.body-content::-webkit-scrollbar-thumb{background:#00000059;border-radius:6px}.body-content::-webkit-scrollbar-thumb:hover{background:#00000080}.steps{display:flex;flex-direction:row;gap:16px;justify-content:flex-start;align-items:center}.step{padding:12px;font-size:1.4rem;font-weight:600;text-align:center;border-radius:8px;height:32px;display:flex;align-items:center;justify-content:center;color:#40484c;border:1px solid #c7c7ad;box-shadow:none;transition:box-shadow .3s ease,background-color .3s ease,border-color .3s ease;position:relative}.separator{font-size:1.6rem;color:#61661f}.step-active{box-shadow:0 2px 4px #0003;background-color:#f5f5e0;border-color:#a3a375;border:none}.step-completed{box-shadow:none;background-color:#dee58f;border:none;color:#61661f;justify-content:center;gap:8px}.check-icon{align-content:center;justify-content:center;color:#61661f}.actions{display:flex;justify-content:space-between;align-items:end;width:100%;margin-top:8px;padding:8px 0;position:sticky;bottom:0;z-index:10}.modal-form-container.expanded .actions{padding:8px 48px}.actions-left{display:flex;flex-direction:column;gap:4px}.actions-right{display:flex;gap:10px;margin-left:auto}.btn-outline{display:flex;justify-content:center;gap:12px;align-items:center;background:transparent;padding:8px 16px;border-radius:30px;border:none;cursor:pointer;font-size:1.4rem;font-weight:500;color:#6a750a;border:1px solid #6A750A;max-width:260px;width:100%;overflow:hidden;text-transform:capitalize}.btn-outline:hover{background-color:#d8eb2ca7;border:1px solid #d8eb2ca7}.upload-icon{width:28px;height:28px;color:#6a750a;cursor:pointer;transition:transform .2s ease,color .2s ease}.label-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex:1}.file-type{margin-left:8px;font-size:11px;color:#8a8a8a}.btn,.btn--ghost{font-size:1.4rem;border:0;border-radius:40px;padding:14px 24px;background-color:#596300;color:#fff;cursor:pointer;transition:background-color .3s ease;text-transform:capitalize}.btn--ghost{background-color:#dee58f;color:#61661f}.btn:hover{background-color:#3e4503}.btn:disabled{background-color:#0000001a;color:#00000043;cursor:default}.btn--ghost:hover{background-color:#c9d171}.modal-form-container.expanded{position:relative;width:100%;max-width:100dvw;height:100%;max-height:100dvh;background-color:#ebe8d6;display:flex;flex-direction:column;align-items:stretch;padding:18px 0 14px;border-radius:24px}.modal-form-container.expanded .header-content,.modal-form-container.expanded .actions{padding:8px 24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WizardForm, selector: "lib-wizard-form", inputs: ["form", "currentStep", "steps"], outputs: ["canContinue"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ModalForm, isStandalone: true, selector: "lib-modal-form", inputs: { isFull: { classPropertyName: "isFull", publicName: "isFull", isSignal: true, isRequired: false, transformFunction: null }, scrollBody: { classPropertyName: "scrollBody", publicName: "scrollBody", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, submitLabel: { classPropertyName: "submitLabel", publicName: "submitLabel", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, showActionsLeft: { classPropertyName: "showActionsLeft", publicName: "showActionsLeft", isSignal: true, isRequired: false, transformFunction: null }, evidenceLabel: { classPropertyName: "evidenceLabel", publicName: "evidenceLabel", isSignal: true, isRequired: false, transformFunction: null }, evidenceHelperText: { classPropertyName: "evidenceHelperText", publicName: "evidenceHelperText", isSignal: true, isRequired: false, transformFunction: null }, evidenceAccept: { classPropertyName: "evidenceAccept", publicName: "evidenceAccept", isSignal: true, isRequired: false, transformFunction: null }, maxSizeMB: { classPropertyName: "maxSizeMB", publicName: "maxSizeMB", isSignal: true, isRequired: false, transformFunction: null }, hiddenFooterActions: { classPropertyName: "hiddenFooterActions", publicName: "hiddenFooterActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSubmit: "onSubmit", onCancel: "onCancel", evidenceChange: "evidenceChange" }, ngImport: i0, template: "<div class=\"modal-form-container\" [class.expanded]=\"isFull()\">\r\n  <div class=\"header-content\">\r\n    <div class=\"header-top\">\r\n      <div class=\"header-text\">\r\n        <h1>{{ title() }}</h1>\r\n        @if(subtitle()){\r\n          <p>{{ subtitle() }}</p>\r\n        }\r\n      </div>\r\n  \r\n        <button class=\"close-btn\" type=\"button\" (click)=\"onCancel.emit()\">\r\n          \u2715\r\n        </button>\r\n    </div>\r\n  </div>\r\n\r\n  @if (steps() && steps().length > 1) {\r\n  <div class=\"steps\">\r\n    @for (step of steps(); track $index) {\r\n    <div class=\"step\" [class.step-active]=\"currentStep() === $index + 1\"\r\n      [class.step-completed]=\"currentStep() > $index + 1\">\r\n      @if (currentStep() > $index + 1) {\r\n      <span class=\"check-icon\">\u2714</span>\r\n      }\r\n      <span>Paso {{ $index + 1 }}: {{ step.label }}</span>\r\n    </div>\r\n\r\n    @if ($index < steps().length - 1) { <span class=\"separator\">\u203A</span>\r\n      } }\r\n  </div>\r\n  }\r\n\r\n  <div class=\"divider\"></div>\r\n\r\n  <div class=\"body-content\" [class.scrollable]=\"scrollBody()\">\r\n    @if (!steps() || !steps().length) {\r\n    <ng-content></ng-content>\r\n    } @else {\r\n    <!-- Render din\u00E1mico del paso actual -->\r\n    <lib-wizard-form [form]=\"form()\" [currentStep]=\"currentStep()\" [steps]=\"steps()\"\r\n      (canContinue)=\"canContinue.set($event)\"></lib-wizard-form>\r\n    }\r\n  </div>\r\n\r\n  @if (!hiddenFooterActions()) {\r\n  <div class=\"actions\">\r\n    @if (showActionsLeft()){\r\n    <div class=\"actions-left\">\r\n      <p class=\"file-type\">{{ evidenceHelperText() }}</p>\r\n      <button type=\"button\" class=\"btn-outline\" (click)=\"fileInput.click()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n          class=\"upload-icon icon icon-tabler icons-tabler-outline icon-tabler-cloud-upload\" width=\"24\" height=\"24\"\r\n          viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\">\r\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n          <path d=\"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1\" />\r\n          <path d=\"M9 15l3 -3l3 3\" />\r\n          <path d=\"M12 12l0 9\" />\r\n        </svg>\r\n        <span class=\"label-button\">\r\n          {{ evidenceFileName() || evidenceLabel() }}\r\n        </span>\r\n      </button>\r\n      <input #fileInput type=\"file\" hidden [accept]=\"evidenceAccept()\" (change)=\"onFileSelected($event)\" />\r\n    </div>\r\n    }\r\n\r\n    <div class=\"actions-right\">\r\n      @if (!steps() || steps().length <= 1) { <button type=\"button\" class=\"btn--ghost\" (click)=\"onCancel.emit()\">\r\n        Cancelar\r\n        </button>\r\n        } @else if (currentStep() === 1) {\r\n        <button type=\"button\" class=\"btn--ghost\" (click)=\"onCancel.emit()\">\r\n          Cancelar\r\n        </button>\r\n        } @else {\r\n        <button type=\"button\" class=\"btn--ghost\" (click)=\"prevStep()\">\r\n          Volver\r\n        </button>\r\n        }\r\n\r\n        <button type=\"button\" class=\"btn\" (click)=\"!steps() || !steps().length ? submitForm() :\r\n           currentStep() === steps().length ? submitForm() : nextStep()\" [disabled]=\"!canContinue()\">\r\n          {{ !steps() || !steps().length ? submitLabel() : currentStep() ===\r\n          steps().length ? submitLabel() : 'Continuar' }}\r\n        </button>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [":host{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;padding:12px;box-sizing:border-box;overflow-y:auto}.modal-form-container{background-color:#ebe8d6;width:100%;max-width:1200px;max-height:90dvh;display:flex;flex-direction:column;align-items:stretch;padding:24px 48px;border-radius:24px;box-shadow:0 10px 25px #00000026}.header-content{display:flex;flex-direction:column;gap:6px;padding:16px 0;position:sticky;top:0;z-index:10}.header-top{display:flex;justify-content:space-between;align-items:center}.header-text{display:flex;flex-direction:column;gap:6px}.close-btn{background:transparent;border:none;font-size:2rem;font-weight:500;cursor:pointer;color:#596300;padding:4px 10px;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.close-btn:hover{background-color:#00000010;transform:scale(1.1)}.header-content h1{font-size:2.4rem;font-weight:700;text-transform:capitalize;color:#1c1c12}.header-content p{font-size:1.4rem;font-weight:300;color:#454733}.divider{width:calc(100% + 100px);margin-left:-52px;height:1px;background-color:#7878612c;margin-top:16px}.body-content{flex:1 1 auto;min-height:0}.body-content.scrollable{overflow-y:auto}.body-content::-webkit-scrollbar{width:6px;background:transparent}.body-content::-webkit-scrollbar-track{background:transparent}.body-content::-webkit-scrollbar-thumb{background:#00000059;border-radius:6px}.body-content::-webkit-scrollbar-thumb:hover{background:#00000080}.steps{display:flex;flex-direction:row;gap:16px;justify-content:flex-start;align-items:center}.step{padding:12px;font-size:1.4rem;font-weight:600;text-align:center;border-radius:8px;height:32px;display:flex;align-items:center;justify-content:center;color:#40484c;border:1px solid #c7c7ad;box-shadow:none;transition:box-shadow .3s ease,background-color .3s ease,border-color .3s ease;position:relative}.separator{font-size:1.6rem;color:#61661f}.step-active{box-shadow:0 2px 4px #0003;background-color:#f5f5e0;border-color:#a3a375;border:none}.step-completed{box-shadow:none;background-color:#dee58f;border:none;color:#61661f;justify-content:center;gap:8px}.check-icon{align-content:center;justify-content:center;color:#61661f}.actions{display:flex;justify-content:space-between;align-items:end;width:100%;margin-top:8px;padding:8px 0;position:sticky;bottom:0;z-index:10}.modal-form-container.expanded .actions{padding:8px 48px}.actions-left{display:flex;flex-direction:column;gap:4px}.actions-right{display:flex;gap:10px;margin-left:auto}.btn-outline{display:flex;justify-content:center;gap:12px;align-items:center;background:transparent;padding:8px 16px;border-radius:30px;border:none;cursor:pointer;font-size:1.4rem;font-weight:500;color:#6a750a;border:1px solid #6A750A;max-width:260px;width:100%;overflow:hidden;text-transform:capitalize}.btn-outline:hover{background-color:#d8eb2ca7;border:1px solid #d8eb2ca7}.upload-icon{width:28px;height:28px;color:#6a750a;cursor:pointer;transition:transform .2s ease,color .2s ease}.label-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex:1}.file-type{margin-left:8px;font-size:11px;color:#8a8a8a}.btn,.btn--ghost{font-size:1.4rem;border:0;border-radius:40px;padding:14px 24px;background-color:#596300;color:#fff;cursor:pointer;transition:background-color .3s ease;text-transform:capitalize}.btn--ghost{background-color:#dee58f;color:#61661f}.btn:hover{background-color:#3e4503}.btn:disabled{background-color:#0000001a;color:#00000043;cursor:default}.btn--ghost:hover{background-color:#c9d171}.modal-form-container.expanded{position:relative;width:100%;max-width:100dvw;height:100%;max-height:100dvh;background-color:#ebe8d6;display:flex;flex-direction:column;align-items:stretch;padding:18px 0 14px;border-radius:24px}.modal-form-container.expanded .header-content,.modal-form-container.expanded .actions{padding:8px 24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WizardForm, selector: "lib-wizard-form", inputs: ["form", "currentStep", "steps"], outputs: ["canContinue"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ModalForm, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-modal-form', standalone: true, imports: [CommonModule, WizardForm], template: "<div class=\"modal-form-container\" [class.expanded]=\"isFull()\">\r\n  <div class=\"header-content\">\r\n    <div class=\"header-top\">\r\n      <div class=\"header-text\">\r\n        <h1>{{ title() }}</h1>\r\n        @if(subtitle()){\r\n          <p>{{ subtitle() }}</p>\r\n        }\r\n      </div>\r\n  \r\n        <button class=\"close-btn\" type=\"button\" (click)=\"onCancel.emit()\">\r\n          \u2715\r\n        </button>\r\n    </div>\r\n  </div>\r\n\r\n  @if (steps() && steps().length > 1) {\r\n  <div class=\"steps\">\r\n    @for (step of steps(); track $index) {\r\n    <div class=\"step\" [class.step-active]=\"currentStep() === $index + 1\"\r\n      [class.step-completed]=\"currentStep() > $index + 1\">\r\n      @if (currentStep() > $index + 1) {\r\n      <span class=\"check-icon\">\u2714</span>\r\n      }\r\n      <span>Paso {{ $index + 1 }}: {{ step.label }}</span>\r\n    </div>\r\n\r\n    @if ($index < steps().length - 1) { <span class=\"separator\">\u203A</span>\r\n      } }\r\n  </div>\r\n  }\r\n\r\n  <div class=\"divider\"></div>\r\n\r\n  <div class=\"body-content\">\r\n    @if (!steps() || !steps().length) {\r\n    <ng-content></ng-content>\r\n    } @else {\r\n    <!-- Render din\u00E1mico del paso actual -->\r\n    <lib-wizard-form [form]=\"form()\" [currentStep]=\"currentStep()\" [steps]=\"steps()\"\r\n      (canContinue)=\"canContinue.set($event)\"></lib-wizard-form>\r\n    }\r\n  </div>\r\n\r\n  @if (!hiddenFooterActions()) {\r\n  <div class=\"actions\">\r\n    @if (showActionsLeft()){\r\n    <div class=\"actions-left\">\r\n      <p class=\"file-type\">{{ evidenceHelperText() }}</p>\r\n      <button type=\"button\" class=\"btn-outline\" (click)=\"fileInput.click()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n          class=\"upload-icon icon icon-tabler icons-tabler-outline icon-tabler-cloud-upload\" width=\"24\" height=\"24\"\r\n          viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\">\r\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n          <path d=\"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1\" />\r\n          <path d=\"M9 15l3 -3l3 3\" />\r\n          <path d=\"M12 12l0 9\" />\r\n        </svg>\r\n        <span class=\"label-button\">\r\n          {{ evidenceFileName() || evidenceLabel() }}\r\n        </span>\r\n      </button>\r\n      <input #fileInput type=\"file\" hidden [accept]=\"evidenceAccept()\" (change)=\"onFileSelected($event)\" />\r\n    </div>\r\n    }\r\n\r\n    <div class=\"actions-right\">\r\n      @if (!steps() || steps().length <= 1) { <button type=\"button\" class=\"btn--ghost\" (click)=\"onCancel.emit()\">\r\n        Cancelar\r\n        </button>\r\n        } @else if (currentStep() === 1) {\r\n        <button type=\"button\" class=\"btn--ghost\" (click)=\"onCancel.emit()\">\r\n          Cancelar\r\n        </button>\r\n        } @else {\r\n        <button type=\"button\" class=\"btn--ghost\" (click)=\"prevStep()\">\r\n          Volver\r\n        </button>\r\n        }\r\n\r\n        <button type=\"button\" class=\"btn\" (click)=\"!steps() || !steps().length ? submitForm() :\r\n           currentStep() === steps().length ? submitForm() : nextStep()\" [disabled]=\"!canContinue()\">\r\n          {{ !steps() || !steps().length ? submitLabel() : currentStep() ===\r\n          steps().length ? submitLabel() : 'Continuar' }}\r\n        </button>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [":host{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;padding:12px;box-sizing:border-box;overflow-y:auto}.modal-form-container{background-color:#ebe8d6;width:100%;max-width:1200px;max-height:90dvh;display:flex;flex-direction:column;align-items:stretch;padding:24px 48px;border-radius:24px;box-shadow:0 10px 25px #00000026}.header-content{display:flex;flex-direction:column;gap:6px;padding:16px 0;position:sticky;top:0;z-index:10}.header-top{display:flex;justify-content:space-between;align-items:center}.header-text{display:flex;flex-direction:column;gap:6px}.close-btn{background:transparent;border:none;font-size:2rem;font-weight:500;cursor:pointer;color:#596300;padding:4px 10px;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.close-btn:hover{background-color:#00000010;transform:scale(1.1)}.header-content h1{font-size:2.4rem;font-weight:700;text-transform:capitalize;color:#1c1c12}.header-content p{font-size:1.4rem;font-weight:300;color:#454733}.divider{width:calc(100% + 100px);margin-left:-52px;height:1px;background-color:#7878612c;margin-top:16px}.body-content{flex:1}.body-content::-webkit-scrollbar{width:6px;background:transparent}.body-content::-webkit-scrollbar-track{background:transparent}.body-content::-webkit-scrollbar-thumb{background:#00000059;border-radius:6px}.body-content::-webkit-scrollbar-thumb:hover{background:#00000080}.steps{display:flex;flex-direction:row;gap:16px;justify-content:flex-start;align-items:center}.step{padding:12px;font-size:1.4rem;font-weight:600;text-align:center;border-radius:8px;height:32px;display:flex;align-items:center;justify-content:center;color:#40484c;border:1px solid #c7c7ad;box-shadow:none;transition:box-shadow .3s ease,background-color .3s ease,border-color .3s ease;position:relative}.separator{font-size:1.6rem;color:#61661f}.step-active{box-shadow:0 2px 4px #0003;background-color:#f5f5e0;border-color:#a3a375;border:none}.step-completed{box-shadow:none;background-color:#dee58f;border:none;color:#61661f;justify-content:center;gap:8px}.check-icon{align-content:center;justify-content:center;color:#61661f}.actions{display:flex;justify-content:space-between;align-items:end;width:100%;margin-top:8px;padding:8px 0;position:sticky;bottom:0;z-index:10}.modal-form-container.expanded .actions{padding:8px 48px}.actions-left{display:flex;flex-direction:column;gap:4px}.actions-right{display:flex;gap:10px;margin-left:auto}.btn-outline{display:flex;justify-content:center;gap:12px;align-items:center;background:transparent;padding:8px 16px;border-radius:30px;border:none;cursor:pointer;font-size:1.4rem;font-weight:500;color:#6a750a;border:1px solid #6A750A;max-width:260px;width:100%;overflow:hidden;text-transform:capitalize}.btn-outline:hover{background-color:#d8eb2ca7;border:1px solid #d8eb2ca7}.upload-icon{width:28px;height:28px;color:#6a750a;cursor:pointer;transition:transform .2s ease,color .2s ease}.label-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex:1}.file-type{margin-left:8px;font-size:11px;color:#8a8a8a}.btn,.btn--ghost{font-size:1.4rem;border:0;border-radius:40px;padding:14px 24px;background-color:#596300;color:#fff;cursor:pointer;transition:background-color .3s ease;text-transform:capitalize}.btn--ghost{background-color:#dee58f;color:#61661f}.btn:hover{background-color:#3e4503}.btn:disabled{background-color:#0000001a;color:#00000043;cursor:default}.btn--ghost:hover{background-color:#c9d171}.modal-form-container.expanded{position:relative;width:100%;max-width:100dvw;height:100%;max-height:100dvh;background-color:#ebe8d6;display:flex;flex-direction:column;align-items:stretch;padding:18px 0 14px;border-radius:24px}.modal-form-container.expanded .header-content,.modal-form-container.expanded .actions{padding:8px 24px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { isFull: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFull", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], submitLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitLabel", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], onSubmit: [{ type: i0.Output, args: ["onSubmit"] }], onCancel: [{ type: i0.Output, args: ["onCancel"] }], evidenceChange: [{ type: i0.Output, args: ["evidenceChange"] }], showActionsLeft: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActionsLeft", required: false }] }], evidenceLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "evidenceLabel", required: false }] }], evidenceHelperText: [{ type: i0.Input, args: [{ isSignal: true, alias: "evidenceHelperText", required: false }] }], evidenceAccept: [{ type: i0.Input, args: [{ isSignal: true, alias: "evidenceAccept", required: false }] }], maxSizeMB: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSizeMB", required: false }] }], hiddenFooterActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenFooterActions", required: false }] }] } });
+            args: [{ selector: 'lib-modal-form', standalone: true, imports: [CommonModule, WizardForm], template: "<div class=\"modal-form-container\" [class.expanded]=\"isFull()\">\r\n  <div class=\"header-content\">\r\n    <div class=\"header-top\">\r\n      <div class=\"header-text\">\r\n        <h1>{{ title() }}</h1>\r\n        @if(subtitle()){\r\n          <p>{{ subtitle() }}</p>\r\n        }\r\n      </div>\r\n  \r\n        <button class=\"close-btn\" type=\"button\" (click)=\"onCancel.emit()\">\r\n          \u2715\r\n        </button>\r\n    </div>\r\n  </div>\r\n\r\n  @if (steps() && steps().length > 1) {\r\n  <div class=\"steps\">\r\n    @for (step of steps(); track $index) {\r\n    <div class=\"step\" [class.step-active]=\"currentStep() === $index + 1\"\r\n      [class.step-completed]=\"currentStep() > $index + 1\">\r\n      @if (currentStep() > $index + 1) {\r\n      <span class=\"check-icon\">\u2714</span>\r\n      }\r\n      <span>Paso {{ $index + 1 }}: {{ step.label }}</span>\r\n    </div>\r\n\r\n    @if ($index < steps().length - 1) { <span class=\"separator\">\u203A</span>\r\n      } }\r\n  </div>\r\n  }\r\n\r\n  <div class=\"divider\"></div>\r\n\r\n  <div class=\"body-content\" [class.scrollable]=\"scrollBody()\">\r\n    @if (!steps() || !steps().length) {\r\n    <ng-content></ng-content>\r\n    } @else {\r\n    <!-- Render din\u00E1mico del paso actual -->\r\n    <lib-wizard-form [form]=\"form()\" [currentStep]=\"currentStep()\" [steps]=\"steps()\"\r\n      (canContinue)=\"canContinue.set($event)\"></lib-wizard-form>\r\n    }\r\n  </div>\r\n\r\n  @if (!hiddenFooterActions()) {\r\n  <div class=\"actions\">\r\n    @if (showActionsLeft()){\r\n    <div class=\"actions-left\">\r\n      <p class=\"file-type\">{{ evidenceHelperText() }}</p>\r\n      <button type=\"button\" class=\"btn-outline\" (click)=\"fileInput.click()\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n          class=\"upload-icon icon icon-tabler icons-tabler-outline icon-tabler-cloud-upload\" width=\"24\" height=\"24\"\r\n          viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\">\r\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n          <path d=\"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1\" />\r\n          <path d=\"M9 15l3 -3l3 3\" />\r\n          <path d=\"M12 12l0 9\" />\r\n        </svg>\r\n        <span class=\"label-button\">\r\n          {{ evidenceFileName() || evidenceLabel() }}\r\n        </span>\r\n      </button>\r\n      <input #fileInput type=\"file\" hidden [accept]=\"evidenceAccept()\" (change)=\"onFileSelected($event)\" />\r\n    </div>\r\n    }\r\n\r\n    <div class=\"actions-right\">\r\n      @if (!steps() || steps().length <= 1) { <button type=\"button\" class=\"btn--ghost\" (click)=\"onCancel.emit()\">\r\n        Cancelar\r\n        </button>\r\n        } @else if (currentStep() === 1) {\r\n        <button type=\"button\" class=\"btn--ghost\" (click)=\"onCancel.emit()\">\r\n          Cancelar\r\n        </button>\r\n        } @else {\r\n        <button type=\"button\" class=\"btn--ghost\" (click)=\"prevStep()\">\r\n          Volver\r\n        </button>\r\n        }\r\n\r\n        <button type=\"button\" class=\"btn\" (click)=\"!steps() || !steps().length ? submitForm() :\r\n           currentStep() === steps().length ? submitForm() : nextStep()\" [disabled]=\"!canContinue()\">\r\n          {{ !steps() || !steps().length ? submitLabel() : currentStep() ===\r\n          steps().length ? submitLabel() : 'Continuar' }}\r\n        </button>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [":host{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;padding:12px;box-sizing:border-box;overflow-y:auto}.modal-form-container{background-color:#ebe8d6;width:100%;max-width:1200px;max-height:90dvh;display:flex;flex-direction:column;align-items:stretch;padding:24px 48px;border-radius:24px;box-shadow:0 10px 25px #00000026}.header-content{display:flex;flex-direction:column;gap:6px;padding:16px 0;position:sticky;top:0;z-index:10}.header-top{display:flex;justify-content:space-between;align-items:center}.header-text{display:flex;flex-direction:column;gap:6px}.close-btn{background:transparent;border:none;font-size:2rem;font-weight:500;cursor:pointer;color:#596300;padding:4px 10px;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.close-btn:hover{background-color:#00000010;transform:scale(1.1)}.header-content h1{font-size:2.4rem;font-weight:700;text-transform:capitalize;color:#1c1c12}.header-content p{font-size:1.4rem;font-weight:300;color:#454733}.divider{width:calc(100% + 100px);margin-left:-52px;height:1px;background-color:#7878612c;margin-top:16px}.body-content{flex:1 1 auto;min-height:0}.body-content.scrollable{overflow-y:auto}.body-content::-webkit-scrollbar{width:6px;background:transparent}.body-content::-webkit-scrollbar-track{background:transparent}.body-content::-webkit-scrollbar-thumb{background:#00000059;border-radius:6px}.body-content::-webkit-scrollbar-thumb:hover{background:#00000080}.steps{display:flex;flex-direction:row;gap:16px;justify-content:flex-start;align-items:center}.step{padding:12px;font-size:1.4rem;font-weight:600;text-align:center;border-radius:8px;height:32px;display:flex;align-items:center;justify-content:center;color:#40484c;border:1px solid #c7c7ad;box-shadow:none;transition:box-shadow .3s ease,background-color .3s ease,border-color .3s ease;position:relative}.separator{font-size:1.6rem;color:#61661f}.step-active{box-shadow:0 2px 4px #0003;background-color:#f5f5e0;border-color:#a3a375;border:none}.step-completed{box-shadow:none;background-color:#dee58f;border:none;color:#61661f;justify-content:center;gap:8px}.check-icon{align-content:center;justify-content:center;color:#61661f}.actions{display:flex;justify-content:space-between;align-items:end;width:100%;margin-top:8px;padding:8px 0;position:sticky;bottom:0;z-index:10}.modal-form-container.expanded .actions{padding:8px 48px}.actions-left{display:flex;flex-direction:column;gap:4px}.actions-right{display:flex;gap:10px;margin-left:auto}.btn-outline{display:flex;justify-content:center;gap:12px;align-items:center;background:transparent;padding:8px 16px;border-radius:30px;border:none;cursor:pointer;font-size:1.4rem;font-weight:500;color:#6a750a;border:1px solid #6A750A;max-width:260px;width:100%;overflow:hidden;text-transform:capitalize}.btn-outline:hover{background-color:#d8eb2ca7;border:1px solid #d8eb2ca7}.upload-icon{width:28px;height:28px;color:#6a750a;cursor:pointer;transition:transform .2s ease,color .2s ease}.label-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex:1}.file-type{margin-left:8px;font-size:11px;color:#8a8a8a}.btn,.btn--ghost{font-size:1.4rem;border:0;border-radius:40px;padding:14px 24px;background-color:#596300;color:#fff;cursor:pointer;transition:background-color .3s ease;text-transform:capitalize}.btn--ghost{background-color:#dee58f;color:#61661f}.btn:hover{background-color:#3e4503}.btn:disabled{background-color:#0000001a;color:#00000043;cursor:default}.btn--ghost:hover{background-color:#c9d171}.modal-form-container.expanded{position:relative;width:100%;max-width:100dvw;height:100%;max-height:100dvh;background-color:#ebe8d6;display:flex;flex-direction:column;align-items:stretch;padding:18px 0 14px;border-radius:24px}.modal-form-container.expanded .header-content,.modal-form-container.expanded .actions{padding:8px 24px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { isFull: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFull", required: false }] }], scrollBody: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollBody", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], submitLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitLabel", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], onSubmit: [{ type: i0.Output, args: ["onSubmit"] }], onCancel: [{ type: i0.Output, args: ["onCancel"] }], evidenceChange: [{ type: i0.Output, args: ["evidenceChange"] }], showActionsLeft: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActionsLeft", required: false }] }], evidenceLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "evidenceLabel", required: false }] }], evidenceHelperText: [{ type: i0.Input, args: [{ isSignal: true, alias: "evidenceHelperText", required: false }] }], evidenceAccept: [{ type: i0.Input, args: [{ isSignal: true, alias: "evidenceAccept", required: false }] }], maxSizeMB: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSizeMB", required: false }] }], hiddenFooterActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenFooterActions", required: false }] }] } });
 
 class DialogAlertComponent {
     title = 'Mensaje';
@@ -3016,6 +3017,8 @@ class TitleFilters {
     selectedTextFilters = signal({}, ...(ngDevMode ? [{ debugName: "selectedTextFilters" }] : []));
     buttonMode = input('toggle', ...(ngDevMode ? [{ debugName: "buttonMode" }] : []));
     filterButtonClicked = output();
+    showButtonBack = input(false, ...(ngDevMode ? [{ debugName: "showButtonBack" }] : []));
+    clickButtonBack = output();
     emitAllFilters(textFilters, dateFilters) {
         this.filtersChange.emit({
             ...textFilters,
@@ -3100,19 +3103,22 @@ class TitleFilters {
         // 👉 Si es el último → aplicar filtros
         this.onApplyFilters();
     }
+    clickButton() {
+        this.clickButtonBack.emit();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TitleFilters, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TitleFilters, isStandalone: true, selector: "lib-title-filters", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, filtersConfig: { classPropertyName: "filtersConfig", publicName: "filtersConfig", isSignal: true, isRequired: false, transformFunction: null }, buttonMode: { classPropertyName: "buttonMode", publicName: "buttonMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtersChange: "filtersChange", applyFilters: "applyFilters", clearFilters: "clearFilters", filterButtonClicked: "filterButtonClicked" }, viewQueries: [{ propertyName: "filtersContainer", first: true, predicate: ["filtersContainer"], descendants: true, read: ElementRef }, { propertyName: "submitBtn", first: true, predicate: ["submitBtn"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"header-container-table\">\r\n    <div class=\"filters-dashboard-table\">\r\n        <div class=\"title-table\">{{ title() }}</div>\r\n\r\n        @if (buttonMode() === 'toggle') {\r\n        <div class=\"button-small-primary\" (click)=\"toggleFilters()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                class=\"icon icon-tabler icons-tabler-outline icon-tabler-filter\">\r\n                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n                <path\r\n                    d=\"M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z\" />\r\n            </svg>\r\n            <div class=\"label\">Filtros</div>\r\n        </div>\r\n        }\r\n        @if (buttonMode() === 'action') {\r\n        <div class=\"button-small-primary\" (click)=\"onFilterButtonClick()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 20 20\">\r\n                <path fill=\"#fff\"\r\n                    d=\"M10.85 16.608v1.684a8.3 8.3 0 0 0 4.433-1.842L14.1 15.258a6.6 6.6 0 0 1-3.25 1.35M3.358 10c0-3.375 2.525-6.175 5.792-6.608V1.708C4.958 2.15 1.692 5.7 1.692 10s3.266 7.85 7.458 8.292v-1.684C5.883 16.175 3.358 13.375 3.358 10m13.267-.833h1.683a8.3 8.3 0 0 0-1.841-4.434l-1.192 1.192a6.56 6.56 0 0 1 1.35 3.242M15.283 3.55a8.3 8.3 0 0 0-4.433-1.842v1.684a6.6 6.6 0 0 1 3.25 1.35zm-.008 10.533 1.192 1.184a8.3 8.3 0 0 0 1.841-4.434h-1.683a6.6 6.6 0 0 1-1.35 3.25\" />\r\n                <path fill=\"#fff\"\r\n                    d=\"M13.333 9.25c0-2.075-1.583-3.417-3.333-3.417S6.667 7.175 6.667 9.25c0 1.383 1.108 3.025 3.333 4.917 2.225-1.892 3.333-3.534 3.333-4.917M10 10a.893.893 0 0 1 0-1.783A.893.893 0 0 1 10 10\" />\r\n            </svg>\r\n            <div class=\"label\">Ir al Mapa</div>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    @if (showFilters()) {\r\n    <div class=\"filters-container\" #filtersContainer>\r\n        <div class=\"filters-wrapper\">\r\n\r\n            @for (config of normalizedFiltersConfig(); track $index) {\r\n            @switch (config.type) {\r\n            @case ('text') {\r\n            <lib-input-text-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('number') {\r\n            <lib-input-number-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('select') {\r\n            <lib-input-select-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('date') {\r\n            <lib-date-time-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (dateSelected)=\"onDateSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            }\r\n            }\r\n\r\n            <div class=\"actions\">\r\n                <div #submitBtn tabindex=\"0\" class=\"button-small-primary\" (click)=\"onApplyFilters()\"\r\n                    (keydown.enter)=\"onApplyFilters()\">\r\n                    <div class=\"label\">Aplicar Filtros</div>\r\n                </div>\r\n\r\n                <div class=\"button-text\" (click)=\"clearAllFilters()\">\r\n                    Borrar Filtros\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    }\r\n</div>", styles: [".header-container-table{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;width:100%;position:relative}.filters-dashboard-table{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;flex-shrink:0;width:100%;position:relative}.title-table{color:var(--schemes-on-surface, #171c1f);font-family:var(--headline-large-font, \"Roboto-SemiBold\", sans-serif);font-size:32px;line-height:40px;font-weight:600;position:relative}.filters-container{display:flex;flex-direction:row;gap:24px;margin-top:12px;position:relative;flex-wrap:wrap}.filters-wrapper{display:flex;position:relative;align-items:center;margin-top:4px;z-index:1000;flex-wrap:wrap;gap:10px}.actions{display:flex;gap:10px}.button-text{display:flex;background-color:transparent;color:#61661f;padding:0 12px;font-size:1.3rem;font-weight:500;border:1px solid #61661F;border-radius:20px;cursor:pointer;justify-content:center;align-items:center;position:relative;flex-shrink:0}.button-text:hover{background-color:#d8eb2ca7;border:1px solid #d8eb2ca7}.button-small-primary{background-color:var(--primary, #596300);padding:10px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;flex-shrink:0;position:relative;border:none;border-radius:99px;cursor:pointer}.button-small-primary:hover{background-color:var(--on-secondary-container, #61661F)}.button-small-primary:active{background-color:#737928}.icon{color:var(--surface, #fafae8);flex-shrink:0;width:20px;height:20px;position:relative;overflow:visible}.button-small-primary .label{color:var(--schemes-on-primary, #ffffff);text-align:left;font-family:var( --theme-label-large-font-family, \"Roboto-Medium\", sans-serif );font-size:var(--theme-label-large-font-size, 1.4rem);line-height:var(--theme-label-large-line-height, 20px);letter-spacing:var(--theme-label-large-letter-spacing, .1px);font-weight:var(--theme-label-large-font-weight, 500);position:relative;display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "component", type: InputNumberFilter, selector: "lib-input-number-filter", inputs: ["filters", "clearTrigger"], outputs: ["filterSelected", "valueChange", "enterPressed"] }, { kind: "component", type: InputTextFilter, selector: "lib-input-text-filter", inputs: ["filters", "clearTrigger"], outputs: ["filterSelected", "valueChange", "enterPressed"] }, { kind: "component", type: InputSelectFilter, selector: "lib-input-select-filter", inputs: ["filters", "clearTrigger"], outputs: ["filterSelected", "valueChange", "enterPressed"] }, { kind: "component", type: DateTimeFilter, selector: "lib-date-time-filter", inputs: ["filters", "clearTrigger"], outputs: ["dateSelected", "dateChange", "enterPressed"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TitleFilters, isStandalone: true, selector: "lib-title-filters", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, filtersConfig: { classPropertyName: "filtersConfig", publicName: "filtersConfig", isSignal: true, isRequired: false, transformFunction: null }, buttonMode: { classPropertyName: "buttonMode", publicName: "buttonMode", isSignal: true, isRequired: false, transformFunction: null }, showButtonBack: { classPropertyName: "showButtonBack", publicName: "showButtonBack", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtersChange: "filtersChange", applyFilters: "applyFilters", clearFilters: "clearFilters", filterButtonClicked: "filterButtonClicked", clickButtonBack: "clickButtonBack" }, viewQueries: [{ propertyName: "filtersContainer", first: true, predicate: ["filtersContainer"], descendants: true, read: ElementRef }, { propertyName: "submitBtn", first: true, predicate: ["submitBtn"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"header-container-table\">\r\n    <div class=\"filters-dashboard-table\">\r\n        <div class=\"left-title\">\r\n            @if(showButtonBack()) {\r\n                <div class=\"button-back\" (click)=\"clickButton()\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-arrow-left\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M5 12l14 0\" /><path d=\"M5 12l6 6\" /><path d=\"M5 12l6 -6\" /></svg>\r\n                </div>\r\n            }\r\n            <div class=\"title-table\">{{ title() }}</div>\r\n        </div>\r\n\r\n        @if (buttonMode() === 'toggle') {\r\n        <div class=\"button-small-primary\" (click)=\"toggleFilters()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                class=\"icon icon-tabler icons-tabler-outline icon-tabler-filter\">\r\n                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n                <path\r\n                    d=\"M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z\" />\r\n            </svg>\r\n            <div class=\"label\">Filtros</div>\r\n        </div>\r\n        }\r\n        @if (buttonMode() === 'action') {\r\n        <div class=\"button-small-primary\" (click)=\"onFilterButtonClick()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 20 20\">\r\n                <path fill=\"#fff\"\r\n                    d=\"M10.85 16.608v1.684a8.3 8.3 0 0 0 4.433-1.842L14.1 15.258a6.6 6.6 0 0 1-3.25 1.35M3.358 10c0-3.375 2.525-6.175 5.792-6.608V1.708C4.958 2.15 1.692 5.7 1.692 10s3.266 7.85 7.458 8.292v-1.684C5.883 16.175 3.358 13.375 3.358 10m13.267-.833h1.683a8.3 8.3 0 0 0-1.841-4.434l-1.192 1.192a6.56 6.56 0 0 1 1.35 3.242M15.283 3.55a8.3 8.3 0 0 0-4.433-1.842v1.684a6.6 6.6 0 0 1 3.25 1.35zm-.008 10.533 1.192 1.184a8.3 8.3 0 0 0 1.841-4.434h-1.683a6.6 6.6 0 0 1-1.35 3.25\" />\r\n                <path fill=\"#fff\"\r\n                    d=\"M13.333 9.25c0-2.075-1.583-3.417-3.333-3.417S6.667 7.175 6.667 9.25c0 1.383 1.108 3.025 3.333 4.917 2.225-1.892 3.333-3.534 3.333-4.917M10 10a.893.893 0 0 1 0-1.783A.893.893 0 0 1 10 10\" />\r\n            </svg>\r\n            <div class=\"label\">Ir al Mapa</div>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    @if (showFilters()) {\r\n    <div class=\"filters-container\" #filtersContainer>\r\n        <div class=\"filters-wrapper\">\r\n\r\n            @for (config of normalizedFiltersConfig(); track $index) {\r\n            @switch (config.type) {\r\n            @case ('text') {\r\n            <lib-input-text-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('number') {\r\n            <lib-input-number-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('select') {\r\n            <lib-input-select-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('date') {\r\n            <lib-date-time-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (dateSelected)=\"onDateSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            }\r\n            }\r\n\r\n            <div class=\"actions\">\r\n                <div #submitBtn tabindex=\"0\" class=\"button-small-primary\" (click)=\"onApplyFilters()\"\r\n                    (keydown.enter)=\"onApplyFilters()\">\r\n                    <div class=\"label\">Aplicar Filtros</div>\r\n                </div>\r\n\r\n                <div class=\"button-text\" (click)=\"clearAllFilters()\">\r\n                    Borrar Filtros\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    }\r\n</div>", styles: [".header-container-table{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;width:100%;position:relative}.filters-dashboard-table{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;flex-shrink:0;width:100%;position:relative}.left-title{display:flex;flex-direction:row;gap:8px}.button-back{display:flex;align-items:center;justify-content:center;cursor:pointer}.button-back svg{width:28px;height:28px;color:#171c1f}.title-table{color:var(--schemes-on-surface, #171c1f);font-family:var(--headline-large-font, \"Roboto-SemiBold\", sans-serif);font-size:32px;line-height:40px;font-weight:600;position:relative}.filters-container{display:flex;flex-direction:row;gap:24px;margin-top:12px;position:relative;flex-wrap:wrap}.filters-wrapper{display:flex;position:relative;align-items:center;margin-top:4px;z-index:1000;flex-wrap:wrap;gap:10px}.actions{display:flex;gap:10px}.button-text{display:flex;background-color:transparent;color:#61661f;padding:0 12px;font-size:1.3rem;font-weight:500;border:1px solid #61661F;border-radius:20px;cursor:pointer;justify-content:center;align-items:center;position:relative;flex-shrink:0}.button-text:hover{background-color:#d8eb2ca7;border:1px solid #d8eb2ca7}.button-small-primary{background-color:var(--primary, #596300);padding:10px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;flex-shrink:0;position:relative;border:none;border-radius:99px;cursor:pointer}.button-small-primary:hover{background-color:var(--on-secondary-container, #61661F)}.button-small-primary:active{background-color:#737928}.icon{color:var(--surface, #fafae8);flex-shrink:0;width:20px;height:20px;position:relative;overflow:visible}.button-small-primary .label{color:var(--schemes-on-primary, #ffffff);text-align:left;font-family:var( --theme-label-large-font-family, \"Roboto-Medium\", sans-serif );font-size:var(--theme-label-large-font-size, 1.4rem);line-height:var(--theme-label-large-line-height, 20px);letter-spacing:var(--theme-label-large-letter-spacing, .1px);font-weight:var(--theme-label-large-font-weight, 500);position:relative;display:flex;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "component", type: InputNumberFilter, selector: "lib-input-number-filter", inputs: ["filters", "clearTrigger"], outputs: ["filterSelected", "valueChange", "enterPressed"] }, { kind: "component", type: InputTextFilter, selector: "lib-input-text-filter", inputs: ["filters", "clearTrigger"], outputs: ["filterSelected", "valueChange", "enterPressed"] }, { kind: "component", type: InputSelectFilter, selector: "lib-input-select-filter", inputs: ["filters", "clearTrigger"], outputs: ["filterSelected", "valueChange", "enterPressed"] }, { kind: "component", type: DateTimeFilter, selector: "lib-date-time-filter", inputs: ["filters", "clearTrigger"], outputs: ["dateSelected", "dateChange", "enterPressed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TitleFilters, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-title-filters', imports: [InputNumberFilter, InputTextFilter, InputSelectFilter, DateTimeFilter], template: "<div class=\"header-container-table\">\r\n    <div class=\"filters-dashboard-table\">\r\n        <div class=\"title-table\">{{ title() }}</div>\r\n\r\n        @if (buttonMode() === 'toggle') {\r\n        <div class=\"button-small-primary\" (click)=\"toggleFilters()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                class=\"icon icon-tabler icons-tabler-outline icon-tabler-filter\">\r\n                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n                <path\r\n                    d=\"M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z\" />\r\n            </svg>\r\n            <div class=\"label\">Filtros</div>\r\n        </div>\r\n        }\r\n        @if (buttonMode() === 'action') {\r\n        <div class=\"button-small-primary\" (click)=\"onFilterButtonClick()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 20 20\">\r\n                <path fill=\"#fff\"\r\n                    d=\"M10.85 16.608v1.684a8.3 8.3 0 0 0 4.433-1.842L14.1 15.258a6.6 6.6 0 0 1-3.25 1.35M3.358 10c0-3.375 2.525-6.175 5.792-6.608V1.708C4.958 2.15 1.692 5.7 1.692 10s3.266 7.85 7.458 8.292v-1.684C5.883 16.175 3.358 13.375 3.358 10m13.267-.833h1.683a8.3 8.3 0 0 0-1.841-4.434l-1.192 1.192a6.56 6.56 0 0 1 1.35 3.242M15.283 3.55a8.3 8.3 0 0 0-4.433-1.842v1.684a6.6 6.6 0 0 1 3.25 1.35zm-.008 10.533 1.192 1.184a8.3 8.3 0 0 0 1.841-4.434h-1.683a6.6 6.6 0 0 1-1.35 3.25\" />\r\n                <path fill=\"#fff\"\r\n                    d=\"M13.333 9.25c0-2.075-1.583-3.417-3.333-3.417S6.667 7.175 6.667 9.25c0 1.383 1.108 3.025 3.333 4.917 2.225-1.892 3.333-3.534 3.333-4.917M10 10a.893.893 0 0 1 0-1.783A.893.893 0 0 1 10 10\" />\r\n            </svg>\r\n            <div class=\"label\">Ir al Mapa</div>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    @if (showFilters()) {\r\n    <div class=\"filters-container\" #filtersContainer>\r\n        <div class=\"filters-wrapper\">\r\n\r\n            @for (config of normalizedFiltersConfig(); track $index) {\r\n            @switch (config.type) {\r\n            @case ('text') {\r\n            <lib-input-text-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('number') {\r\n            <lib-input-number-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('select') {\r\n            <lib-input-select-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('date') {\r\n            <lib-date-time-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (dateSelected)=\"onDateSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            }\r\n            }\r\n\r\n            <div class=\"actions\">\r\n                <div #submitBtn tabindex=\"0\" class=\"button-small-primary\" (click)=\"onApplyFilters()\"\r\n                    (keydown.enter)=\"onApplyFilters()\">\r\n                    <div class=\"label\">Aplicar Filtros</div>\r\n                </div>\r\n\r\n                <div class=\"button-text\" (click)=\"clearAllFilters()\">\r\n                    Borrar Filtros\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    }\r\n</div>", styles: [".header-container-table{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;width:100%;position:relative}.filters-dashboard-table{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;flex-shrink:0;width:100%;position:relative}.title-table{color:var(--schemes-on-surface, #171c1f);font-family:var(--headline-large-font, \"Roboto-SemiBold\", sans-serif);font-size:32px;line-height:40px;font-weight:600;position:relative}.filters-container{display:flex;flex-direction:row;gap:24px;margin-top:12px;position:relative;flex-wrap:wrap}.filters-wrapper{display:flex;position:relative;align-items:center;margin-top:4px;z-index:1000;flex-wrap:wrap;gap:10px}.actions{display:flex;gap:10px}.button-text{display:flex;background-color:transparent;color:#61661f;padding:0 12px;font-size:1.3rem;font-weight:500;border:1px solid #61661F;border-radius:20px;cursor:pointer;justify-content:center;align-items:center;position:relative;flex-shrink:0}.button-text:hover{background-color:#d8eb2ca7;border:1px solid #d8eb2ca7}.button-small-primary{background-color:var(--primary, #596300);padding:10px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;flex-shrink:0;position:relative;border:none;border-radius:99px;cursor:pointer}.button-small-primary:hover{background-color:var(--on-secondary-container, #61661F)}.button-small-primary:active{background-color:#737928}.icon{color:var(--surface, #fafae8);flex-shrink:0;width:20px;height:20px;position:relative;overflow:visible}.button-small-primary .label{color:var(--schemes-on-primary, #ffffff);text-align:left;font-family:var( --theme-label-large-font-family, \"Roboto-Medium\", sans-serif );font-size:var(--theme-label-large-font-size, 1.4rem);line-height:var(--theme-label-large-line-height, 20px);letter-spacing:var(--theme-label-large-letter-spacing, .1px);font-weight:var(--theme-label-large-font-weight, 500);position:relative;display:flex;align-items:center;justify-content:flex-start}\n"] }]
+            args: [{ selector: 'lib-title-filters', imports: [InputNumberFilter, InputTextFilter, InputSelectFilter, DateTimeFilter], template: "<div class=\"header-container-table\">\r\n    <div class=\"filters-dashboard-table\">\r\n        <div class=\"left-title\">\r\n            @if(showButtonBack()) {\r\n                <div class=\"button-back\" (click)=\"clickButton()\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon icon-tabler icons-tabler-outline icon-tabler-arrow-left\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M5 12l14 0\" /><path d=\"M5 12l6 6\" /><path d=\"M5 12l6 -6\" /></svg>\r\n                </div>\r\n            }\r\n            <div class=\"title-table\">{{ title() }}</div>\r\n        </div>\r\n\r\n        @if (buttonMode() === 'toggle') {\r\n        <div class=\"button-small-primary\" (click)=\"toggleFilters()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                class=\"icon icon-tabler icons-tabler-outline icon-tabler-filter\">\r\n                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n                <path\r\n                    d=\"M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z\" />\r\n            </svg>\r\n            <div class=\"label\">Filtros</div>\r\n        </div>\r\n        }\r\n        @if (buttonMode() === 'action') {\r\n        <div class=\"button-small-primary\" (click)=\"onFilterButtonClick()\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 20 20\">\r\n                <path fill=\"#fff\"\r\n                    d=\"M10.85 16.608v1.684a8.3 8.3 0 0 0 4.433-1.842L14.1 15.258a6.6 6.6 0 0 1-3.25 1.35M3.358 10c0-3.375 2.525-6.175 5.792-6.608V1.708C4.958 2.15 1.692 5.7 1.692 10s3.266 7.85 7.458 8.292v-1.684C5.883 16.175 3.358 13.375 3.358 10m13.267-.833h1.683a8.3 8.3 0 0 0-1.841-4.434l-1.192 1.192a6.56 6.56 0 0 1 1.35 3.242M15.283 3.55a8.3 8.3 0 0 0-4.433-1.842v1.684a6.6 6.6 0 0 1 3.25 1.35zm-.008 10.533 1.192 1.184a8.3 8.3 0 0 0 1.841-4.434h-1.683a6.6 6.6 0 0 1-1.35 3.25\" />\r\n                <path fill=\"#fff\"\r\n                    d=\"M13.333 9.25c0-2.075-1.583-3.417-3.333-3.417S6.667 7.175 6.667 9.25c0 1.383 1.108 3.025 3.333 4.917 2.225-1.892 3.333-3.534 3.333-4.917M10 10a.893.893 0 0 1 0-1.783A.893.893 0 0 1 10 10\" />\r\n            </svg>\r\n            <div class=\"label\">Ir al Mapa</div>\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    @if (showFilters()) {\r\n    <div class=\"filters-container\" #filtersContainer>\r\n        <div class=\"filters-wrapper\">\r\n\r\n            @for (config of normalizedFiltersConfig(); track $index) {\r\n            @switch (config.type) {\r\n            @case ('text') {\r\n            <lib-input-text-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('number') {\r\n            <lib-input-number-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('select') {\r\n            <lib-input-select-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (filterSelected)=\"onFilterSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            @case ('date') {\r\n            <lib-date-time-filter [filters]=\"config.filters\" [clearTrigger]=\"clearFilterTrigger()\"\r\n                (dateSelected)=\"onDateSelected($event)\" (enterPressed)=\"focusNextFilter()\" />\r\n            }\r\n            }\r\n            }\r\n\r\n            <div class=\"actions\">\r\n                <div #submitBtn tabindex=\"0\" class=\"button-small-primary\" (click)=\"onApplyFilters()\"\r\n                    (keydown.enter)=\"onApplyFilters()\">\r\n                    <div class=\"label\">Aplicar Filtros</div>\r\n                </div>\r\n\r\n                <div class=\"button-text\" (click)=\"clearAllFilters()\">\r\n                    Borrar Filtros\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    }\r\n</div>", styles: [".header-container-table{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;width:100%;position:relative}.filters-dashboard-table{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;flex-shrink:0;width:100%;position:relative}.left-title{display:flex;flex-direction:row;gap:8px}.button-back{display:flex;align-items:center;justify-content:center;cursor:pointer}.button-back svg{width:28px;height:28px;color:#171c1f}.title-table{color:var(--schemes-on-surface, #171c1f);font-family:var(--headline-large-font, \"Roboto-SemiBold\", sans-serif);font-size:32px;line-height:40px;font-weight:600;position:relative}.filters-container{display:flex;flex-direction:row;gap:24px;margin-top:12px;position:relative;flex-wrap:wrap}.filters-wrapper{display:flex;position:relative;align-items:center;margin-top:4px;z-index:1000;flex-wrap:wrap;gap:10px}.actions{display:flex;gap:10px}.button-text{display:flex;background-color:transparent;color:#61661f;padding:0 12px;font-size:1.3rem;font-weight:500;border:1px solid #61661F;border-radius:20px;cursor:pointer;justify-content:center;align-items:center;position:relative;flex-shrink:0}.button-text:hover{background-color:#d8eb2ca7;border:1px solid #d8eb2ca7}.button-small-primary{background-color:var(--primary, #596300);padding:10px 16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;flex-shrink:0;position:relative;border:none;border-radius:99px;cursor:pointer}.button-small-primary:hover{background-color:var(--on-secondary-container, #61661F)}.button-small-primary:active{background-color:#737928}.icon{color:var(--surface, #fafae8);flex-shrink:0;width:20px;height:20px;position:relative;overflow:visible}.button-small-primary .label{color:var(--schemes-on-primary, #ffffff);text-align:left;font-family:var( --theme-label-large-font-family, \"Roboto-Medium\", sans-serif );font-size:var(--theme-label-large-font-size, 1.4rem);line-height:var(--theme-label-large-line-height, 20px);letter-spacing:var(--theme-label-large-letter-spacing, .1px);font-weight:var(--theme-label-large-font-weight, 500);position:relative;display:flex;align-items:center;justify-content:flex-start}\n"] }]
         }], propDecorators: { filtersContainer: [{
                 type: ViewChild,
                 args: ['filtersContainer', { read: ElementRef }]
             }], submitBtn: [{
                 type: ViewChild,
                 args: ['submitBtn', { read: ElementRef }]
-            }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], filtersConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersConfig", required: false }] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], applyFilters: [{ type: i0.Output, args: ["applyFilters"] }], clearFilters: [{ type: i0.Output, args: ["clearFilters"] }], buttonMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonMode", required: false }] }], filterButtonClicked: [{ type: i0.Output, args: ["filterButtonClicked"] }] } });
+            }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], filtersConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersConfig", required: false }] }], filtersChange: [{ type: i0.Output, args: ["filtersChange"] }], applyFilters: [{ type: i0.Output, args: ["applyFilters"] }], clearFilters: [{ type: i0.Output, args: ["clearFilters"] }], buttonMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonMode", required: false }] }], filterButtonClicked: [{ type: i0.Output, args: ["filterButtonClicked"] }], showButtonBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtonBack", required: false }] }], clickButtonBack: [{ type: i0.Output, args: ["clickButtonBack"] }] } });
 
 class NotificationModal {
     messageInput;