@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1317-c → 1.5.1317-e

package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs

@@ -233,11 +233,11 @@ class BmbCheckExternalLinkButtonComponent {
         this.buttonKeyPress.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbCheckExternalLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbCheckExternalLinkButtonComponent, isStandalone: true, selector: "bmb-check-external-link-button", inputs: { idElement: { classPropertyName: "idElement", publicName: "idElement", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, buttonName: { classPropertyName: "buttonName", publicName: "buttonName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonPress: "buttonPress", buttonClick: "buttonClick", buttonKeyPress: "buttonKeyPress" }, queries: [{ propertyName: "commonTemplate", first: true, predicate: ["commonTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #commonTemplate>\n  <ng-content />\n</ng-template>\n<span class=\"bmb_check-external-link-button\">\n  @if (isButton(!!link())) {\n    <button\n      type=\"button\"\n      role=\"button\"\n      [name]=\"buttonName()\"\n      [attr.aria-label]=\"buttonName()\"\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      (click)=\"handleClick($event)\"\n      (mousedown)=\"handlePress($event)\"\n      [ngClass]=\"{\n        'bmb_check-external-link-button-element-disabled': disabled()\n      }\"\n      [disabled]=\"disabled()\"\n      type=\"button\"\n      (keypress)=\"handleKeyPress($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </button>\n  } @else if (isExternalLink(link())) {\n    <a\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      [href]=\"link()\"\n      [target]=\"target()\"\n      rel=\"noopener noreferrer\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </a>\n  } @else {\n    <a\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      [routerLink]=\"link()\"\n      routerLinkActive=\"bmb-active-link\"\n      [routerLinkActiveOptions]=\"{ exact: true }\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </a>\n  }\n</span>\n", styles: [".bmb_check-external-link-button:has(.bmb_icon-figure){display:inline-block}.bmb_check-external-link-button-element{padding:0;text-decoration:none;cursor:pointer;display:inline-flex;color:currentColor}.bmb_check-external-link-button-element-disabled{cursor:not-allowed;opacity:.5}.bmb_check-external-link-button-element:has(img){height:100%;width:100%}.bmb_check-external-link-button-element:focus,.bmb_check-external-link-button-element:focus-visible{outline:0 none}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbCheckExternalLinkButtonComponent, isStandalone: true, selector: "bmb-check-external-link-button", inputs: { idElement: { classPropertyName: "idElement", publicName: "idElement", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, buttonName: { classPropertyName: "buttonName", publicName: "buttonName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonPress: "buttonPress", buttonClick: "buttonClick", buttonKeyPress: "buttonKeyPress" }, queries: [{ propertyName: "commonTemplate", first: true, predicate: ["commonTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #commonTemplate>\n  <ng-content />\n</ng-template>\n\n<span class=\"bmb_check-external-link-button\">\n  @if (isButton(!!link())) {\n    <button\n      type=\"button\"\n      role=\"button\"\n      [name]=\"buttonName()\"\n      [attr.aria-label]=\"buttonName()\"\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      (click)=\"handleClick($event)\"\n      (mousedown)=\"handlePress($event)\"\n      [ngClass]=\"{\n        'bmb_check-external-link-button-element-disabled': disabled()\n      }\"\n      [disabled]=\"disabled()\"\n      type=\"button\"\n      (keypress)=\"handleKeyPress($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </button>\n  } @else if (isExternalLink(link())) {\n    <a\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      [href]=\"link()\"\n      [target]=\"target()\"\n      rel=\"noopener noreferrer\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </a>\n  } @else {\n    <a\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      [routerLink]=\"link()\"\n      routerLinkActive=\"bmb-active-link\"\n      [routerLinkActiveOptions]=\"{ exact: true }\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </a>\n  }\n</span>\n", styles: [".bmb_check-external-link-button{display:flex}.bmb_check-external-link-button:has(.bmb_icon-figure){display:inline-block;line-height:0}.bmb_check-external-link-button-element{padding:0;text-decoration:none;cursor:pointer;display:inline-flex;color:currentColor}.bmb_check-external-link-button-element-disabled{cursor:not-allowed;opacity:.5}.bmb_check-external-link-button-element:has(img){height:100%;width:100%}.bmb_check-external-link-button-element:focus,.bmb_check-external-link-button-element:focus-visible{outline:0 none}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbCheckExternalLinkButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-check-external-link-button', standalone: true, imports: [RouterModule, CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #commonTemplate>\n  <ng-content />\n</ng-template>\n<span class=\"bmb_check-external-link-button\">\n  @if (isButton(!!link())) {\n    <button\n      type=\"button\"\n      role=\"button\"\n      [name]=\"buttonName()\"\n      [attr.aria-label]=\"buttonName()\"\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      (click)=\"handleClick($event)\"\n      (mousedown)=\"handlePress($event)\"\n      [ngClass]=\"{\n        'bmb_check-external-link-button-element-disabled': disabled()\n      }\"\n      [disabled]=\"disabled()\"\n      type=\"button\"\n      (keypress)=\"handleKeyPress($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </button>\n  } @else if (isExternalLink(link())) {\n    <a\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      [href]=\"link()\"\n      [target]=\"target()\"\n      rel=\"noopener noreferrer\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </a>\n  } @else {\n    <a\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      [routerLink]=\"link()\"\n      routerLinkActive=\"bmb-active-link\"\n      [routerLinkActiveOptions]=\"{ exact: true }\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </a>\n  }\n</span>\n", styles: [".bmb_check-external-link-button:has(.bmb_icon-figure){display:inline-block}.bmb_check-external-link-button-element{padding:0;text-decoration:none;cursor:pointer;display:inline-flex;color:currentColor}.bmb_check-external-link-button-element-disabled{cursor:not-allowed;opacity:.5}.bmb_check-external-link-button-element:has(img){height:100%;width:100%}.bmb_check-external-link-button-element:focus,.bmb_check-external-link-button-element:focus-visible{outline:0 none}\n"] }]
+            args: [{ selector: 'bmb-check-external-link-button', standalone: true, imports: [RouterModule, CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #commonTemplate>\n  <ng-content />\n</ng-template>\n\n<span class=\"bmb_check-external-link-button\">\n  @if (isButton(!!link())) {\n    <button\n      type=\"button\"\n      role=\"button\"\n      [name]=\"buttonName()\"\n      [attr.aria-label]=\"buttonName()\"\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      (click)=\"handleClick($event)\"\n      (mousedown)=\"handlePress($event)\"\n      [ngClass]=\"{\n        'bmb_check-external-link-button-element-disabled': disabled()\n      }\"\n      [disabled]=\"disabled()\"\n      type=\"button\"\n      (keypress)=\"handleKeyPress($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </button>\n  } @else if (isExternalLink(link())) {\n    <a\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      [href]=\"link()\"\n      [target]=\"target()\"\n      rel=\"noopener noreferrer\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </a>\n  } @else {\n    <a\n      class=\"bmb_check-external-link-button-element\"\n      [id]=\"idElement()\"\n      [routerLink]=\"link()\"\n      routerLinkActive=\"bmb-active-link\"\n      [routerLinkActiveOptions]=\"{ exact: true }\"\n    >\n      <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n    </a>\n  }\n</span>\n", styles: [".bmb_check-external-link-button{display:flex}.bmb_check-external-link-button:has(.bmb_icon-figure){display:inline-block;line-height:0}.bmb_check-external-link-button-element{padding:0;text-decoration:none;cursor:pointer;display:inline-flex;color:currentColor}.bmb_check-external-link-button-element-disabled{cursor:not-allowed;opacity:.5}.bmb_check-external-link-button-element:has(img){height:100%;width:100%}.bmb_check-external-link-button-element:focus,.bmb_check-external-link-button-element:focus-visible{outline:0 none}\n"] }]
         }], propDecorators: { commonTemplate: [{
                 type: ContentChild,
                 args: ['commonTemplate']
@@ -345,6 +345,7 @@ class BmbInputValidatorComponent {
         this.helperMessage = input('');
         this.errorMessage = input('');
         this.customValidation = input();
+        this.isMultipleFile = input(true);
         this.showError = model(false);
         this.control = model();
     }
@@ -480,7 +481,7 @@ class BmbInputValidatorComponent {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbInputValidatorComponent, isStandalone: true, selector: "bmb-input-validator", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, jsonFormat: { classPropertyName: "jsonFormat", publicName: "jsonFormat", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, showMaxTextLength: { classPropertyName: "showMaxTextLength", publicName: "showMaxTextLength", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange" }, ngImport: i0, template: "<section\n  #inputValidation\n  class=\"bmb_input-validator\"\n  [ngClass]=\"{ disabled: control()?.disabled }\"\n>\n  <span\n    class=\"bmb_input-validator-wrapper\"\n    [ngClass]=\"getClasses('bmb_input-validator')\"\n  >\n    @if (\n      !!label() ||\n      isRequired() ||\n      !!tooltip() ||\n      (type() === 'text-area' && showMaxTextLength())\n    ) {\n      <label class=\"bmb_input-validator-label\" [htmlFor]=\"inputId()\">\n        {{ label() }}\n        @if (isFieldRequired()) {\n          <small class=\"bmb_input-validator-label-required\">*</small>\n        }\n        @if (!!tooltip()) {\n          <bmb-tooltip\n            class=\"bmb_input-validator-label-tooltip\"\n            [text]=\"tooltip()\"\n            [align]=\"tooltipPosition().align\"\n            [justify]=\"tooltipPosition().justify\"\n            [icon]=\"'help'\"\n            [size]=\"20\"\n          />\n        }\n        @if (type() === 'text-area' && showMaxTextLength()) {\n          <span class=\"bmb_input-validator-label-max\">\n            {{ control()?.value?.toString().length }}/{{ maxLength() || '-' }}\n          </span>\n        }\n      </label>\n    }\n    <ng-content />\n  </span>\n  @if (!!helperMessage() || showError()) {\n    <div class=\"bmb_input-validator-support\">\n      @if (showError()) {\n        <p class=\"bmb_input-validator-support-error\">\n          {{ getErrorMessage() }}\n        </p>\n      } @else if (!!helperMessage()) {\n        <p [class]=\"'bmb_input-validator-support-helper-' + appearance()\">\n          {{ helperMessage() }}\n        </p>\n      }\n    </div>\n  }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-validator{-webkit-user-select:none;user-select:none}.bmb_input-validator-wrapper{display:block;position:relative}.bmb_input-validator-direction-before{display:inline-flex;flex-direction:row;cursor:pointer}.bmb_input-validator-direction-after{display:inline-flex;flex-direction:row-reverse;cursor:pointer;align-items:center}.bmb_input-validator-label{display:flex;position:relative;padding:var(--bmb-spacing-s);gap:var(--bmb-spacing-s);font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-100)}.bmb_input-validator-label-required{color:var(--input-error)}.bmb_input-validator-label-tooltip{color:var(--general_contrasts-50)}.bmb_input-validator-label-max{margin-left:auto;padding-right:var(--bmb-spacing-s)}.bmb_input-validator-support{display:flex;padding:var(--bmb-spacing-s)}.bmb_input-validator-support-helper-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_input-validator-support-helper-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-50)}.bmb_input-validator-support-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--input-error)}.bmb_input-validator.disabled{pointer-events:none;opacity:.5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbTooltipComponent, selector: "bmb-tooltip", inputs: ["text", "title", "icon", "size", "align", "justify", "isFill"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbInputValidatorComponent, isStandalone: true, selector: "bmb-input-validator", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, jsonFormat: { classPropertyName: "jsonFormat", publicName: "jsonFormat", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, showMaxTextLength: { classPropertyName: "showMaxTextLength", publicName: "showMaxTextLength", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, isMultipleFile: { classPropertyName: "isMultipleFile", publicName: "isMultipleFile", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange" }, ngImport: i0, template: "<section\n  #inputValidation\n  class=\"bmb_input-validator\"\n  [ngClass]=\"{ disabled: control()?.disabled }\"\n>\n  <span\n    class=\"bmb_input-validator-wrapper\"\n    [ngClass]=\"getClasses('bmb_input-validator')\"\n  >\n    @if (\n      !!label() ||\n      isRequired() ||\n      !!tooltip() ||\n      (type() === 'text-area' && showMaxTextLength())\n    ) {\n      <label class=\"bmb_input-validator-label\" [htmlFor]=\"inputId()\">\n        {{ label() }}\n        @if (isFieldRequired()) {\n          <small class=\"bmb_input-validator-label-required\">*</small>\n        }\n        @if (!!tooltip()) {\n          <bmb-tooltip\n            class=\"bmb_input-validator-label-tooltip\"\n            [text]=\"tooltip()\"\n            [align]=\"tooltipPosition().align\"\n            [justify]=\"tooltipPosition().justify\"\n            [icon]=\"'help'\"\n            [size]=\"20\"\n          />\n        }\n        @if (type() === 'text-area' && showMaxTextLength()) {\n          <span class=\"bmb_input-validator-label-max\">\n            {{ control()?.value?.toString().length }}/{{ maxLength() || '-' }}\n          </span>\n        }\n      </label>\n    }\n    <ng-content />\n  </span>\n  @if (!!helperMessage() || showError()) {\n    <div class=\"bmb_input-validator-support\">\n      @if (showError()) {\n        <p class=\"bmb_input-validator-support-error\">\n          {{ getErrorMessage() }}\n        </p>\n      } @else if (!!helperMessage()) {\n        <p [class]=\"'bmb_input-validator-support-helper-' + appearance()\">\n          {{ helperMessage() }}\n        </p>\n      }\n    </div>\n  }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-validator{-webkit-user-select:none;user-select:none}.bmb_input-validator-wrapper{display:block;position:relative}.bmb_input-validator-direction-before{display:inline-flex;flex-direction:row;cursor:pointer}.bmb_input-validator-direction-after{display:inline-flex;flex-direction:row-reverse;cursor:pointer;align-items:center}.bmb_input-validator-label{display:flex;position:relative;padding:var(--bmb-spacing-s);gap:var(--bmb-spacing-s);font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-100)}.bmb_input-validator-label-required{color:var(--input-error)}.bmb_input-validator-label-tooltip{color:var(--general_contrasts-50)}.bmb_input-validator-label-max{margin-left:auto;padding-right:var(--bmb-spacing-s)}.bmb_input-validator-support{display:flex;padding:var(--bmb-spacing-s)}.bmb_input-validator-support-helper-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_input-validator-support-helper-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-50)}.bmb_input-validator-support-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--input-error)}.bmb_input-validator.disabled{pointer-events:none;opacity:.5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbTooltipComponent, selector: "bmb-tooltip", inputs: ["text", "title", "icon", "size", "align", "justify", "isFill"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputValidatorComponent, decorators: [{
             type: Component,
@@ -490,19 +491,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 const showError = (control) => {
     return (control?.invalid && (control?.touched || control?.dirty)) || false;
 };
-const newFormControlByType = (type = 'text') => {
+const newFormControlByType = (type = 'text', isMultipleFile = false) => {
     if (type === 'radio' ||
         type === 'checkbox' ||
         type === 'phone' ||
         type === 'number' ||
         type === 'switch')
         return new FormControl(null);
+    if (type === 'file')
+        return new FormControl(isMultipleFile ? [null] : null);
     return new FormControl('');
 };
-const assignNewFormControl = (name, control, type = 'text') => {
+const assignNewFormControl = (name, control, type = 'text', isMultipleFile = false) => {
     if (!control) {
         console.warn(`[bmb-input - ${name}] -`, 'The assigned control was not valid, a new formControl was generated.');
-        return newFormControlByType(type);
+        return newFormControlByType(type, isMultipleFile);
     }
     return null;
 };
@@ -575,7 +578,7 @@ class BmbCheckboxComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbCheckboxComponent, isStandalone: true, selector: "bmb-checkbox", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", checked: "checkedChange", showError: "showErrorChange", indeterminate: "indeterminateChange", inputId: "inputIdChange", change: "change" }, ngImport: i0, template: "<bmb-input-validator\n  type=\"checkbox\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [label]=\"label()\"\n  [labelPosition]=\"labelPosition()\"\n  [checked]=\"checked()!\"\n  [value]=\"value()\"\n  [errorMessage]=\"errorMessage()\"\n  [showError]=\"shouldShowError\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"required()\"\n  [isDisabled]=\"disabled()\"\n  [customValidation]=\"customValidation()\"\n  [control]=\"control()\"\n>\n  <span class=\"bmb_checkbox\">\n    <input\n      class=\"bmb_checkbox-input\"\n      [ngClass]=\"{\n        'bmb_checkbox-input-indeterminate': indeterminate()\n      }\"\n      type=\"checkbox\"\n      [id]=\"inputId()\"\n      [formControl]=\"control()\"\n      [name]=\"name()\"\n      [attr.aria-describedby]=\"ariaDescribedby()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [attr.value]=\"value()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [required]=\"required()\"\n      [indeterminate]=\"indeterminate()\"\n      (change)=\"handleChange($event)\"\n      (keydown)=\"handleKeyDown($event)\"\n      [tabindex]=\"disabled() ? -1 : 0\"\n    />\n    <label\n      class=\"bmb_checkbox-mark\"\n      [htmlFor]=\"inputId()\"\n      [ngClass]=\"{ 'bmb_checkbox-mark-error': shouldShowError }\"\n    ></label>\n  </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_checkbox-input{opacity:0;height:0;width:0;position:absolute}.bmb_checkbox-input:is(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:is(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.625rem;width:.25rem;border:solid var(--white-primary);border-width:0 .125rem .125rem 0;transform:rotate(45deg);top:-2px}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate)+.bmb_checkbox-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.125rem;width:.75rem;position:absolute;background-color:var(--white-primary);margin:0;top:6px;left:1px}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:not(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input-indeterminate:not(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-mark{cursor:pointer;display:flex;position:relative;height:1.125rem;width:1.125rem;margin:.1875rem;background-color:transparent;border:.125rem solid var(--general_contrasts-75);border-radius:var(--bmb-radius-xs)}.bmb_checkbox-mark:after{content:\"\";display:none;position:absolute}.bmb_checkbox-mark-error{border-color:var(--input-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbCheckboxComponent, isStandalone: true, selector: "bmb-checkbox", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", checked: "checkedChange", showError: "showErrorChange", indeterminate: "indeterminateChange", inputId: "inputIdChange", change: "change" }, ngImport: i0, template: "<bmb-input-validator\n  type=\"checkbox\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [label]=\"label()\"\n  [labelPosition]=\"labelPosition()\"\n  [checked]=\"checked()!\"\n  [value]=\"value()\"\n  [errorMessage]=\"errorMessage()\"\n  [showError]=\"shouldShowError\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"required()\"\n  [isDisabled]=\"disabled()\"\n  [customValidation]=\"customValidation()\"\n  [control]=\"control()\"\n>\n  <span class=\"bmb_checkbox\">\n    <input\n      class=\"bmb_checkbox-input\"\n      [ngClass]=\"{\n        'bmb_checkbox-input-indeterminate': indeterminate()\n      }\"\n      type=\"checkbox\"\n      [id]=\"inputId()\"\n      [formControl]=\"control()\"\n      [name]=\"name()\"\n      [attr.aria-describedby]=\"ariaDescribedby()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [attr.value]=\"value()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [required]=\"required()\"\n      [indeterminate]=\"indeterminate()\"\n      (change)=\"handleChange($event)\"\n      (keydown)=\"handleKeyDown($event)\"\n      [tabindex]=\"disabled() ? -1 : 0\"\n    />\n    <label\n      class=\"bmb_checkbox-mark\"\n      [htmlFor]=\"inputId()\"\n      [ngClass]=\"{ 'bmb_checkbox-mark-error': shouldShowError }\"\n    ></label>\n  </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_checkbox-input{opacity:0;height:0;width:0;position:absolute}.bmb_checkbox-input:is(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:is(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:is(:checked)+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.625rem;width:.25rem;border:solid var(--white-primary);border-width:0 .125rem .125rem 0;transform:rotate(45deg);top:-2px}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input:not(:checked):not(.bmb_checkbox-input-indeterminate)+.bmb_checkbox-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark{background-color:var(--buttons-active-switch);border-color:var(--buttons-active-switch)}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:after{display:block;position:relative;margin:.125rem auto 0;height:.125rem;width:.75rem;position:absolute;background-color:var(--white-primary);margin:0;top:6px;left:1px}.bmb_checkbox-input-indeterminate+.bmb_checkbox-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-input-indeterminate:not(:checked):focus+.bmb_checkbox-mark:before,.bmb_checkbox-input-indeterminate:not(:checked):focus-visible+.bmb_checkbox-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_checkbox-mark{cursor:pointer;display:flex;position:relative;height:1.125rem;width:1.125rem;margin:.1875rem;background-color:transparent;border:.125rem solid var(--general_contrasts-75);border-radius:var(--bmb-radius-xs)}.bmb_checkbox-mark:after{content:\"\";display:none;position:absolute}.bmb_checkbox-mark-error{border-color:var(--input-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbCheckboxComponent, decorators: [{
             type: Component,
@@ -917,14 +920,18 @@ var balance_overview$1 = {
 	value_secondary: "$0"
 };
 var calendar$1 = {
-	title: "Mi Calendario",
+	title: "Mi calendario",
 	today: "Hoy",
 	month: "Mes",
 	week: "Semana",
 	day: "Día",
 	calendar: "Calendario",
 	subtitle: "Selecciona los calendarios que quieres ver",
-	filter_save: "Guardar"
+	filter_save: "Guardar",
+	modal: {
+		title: "Calendarios y notificaciones",
+		notification_label: "Activar notificaciones de horario (recibirás una notificación 10 minutos antes de tu próxima clase)"
+	}
 };
 var chat_bar$1 = {
 	placeholder: "¿Qué deseas encontrar hoy?",
@@ -989,6 +996,34 @@ var notification_card$1 = {
 		primary_text: "No tienes elementos para mostrar"
 	}
 };
+var dropdown$1 = {
+	menu: {
+		filter_placeholder: "Selecciona una opción"
+	}
+};
+var text_editor$1 = {
+	prompt: {
+		link: {
+			link_label: "Insertar enlace",
+			link_placeholder: "https://example.com",
+			link_helper: "Ingresa la URL a la que deseas enlazar.",
+			target_label: "Selecciona destino",
+			target_placeholder: "Selecciona una opción",
+			target_helper: "Selecciona el destino del enlace.",
+			rel_label: "Agregar atributo rel (noopener noreferrer)"
+		},
+		image: {
+			image_label: "Insertar imagen",
+			image_placeholder: "https://example.com/image.jpg",
+			image_helper: "Ingresa la URL de la imagen que deseas insertar.",
+			alt_label: "Texto alternativo",
+			alt_helper: "Ingresa el texto alternativo para la imagen.",
+			alt_placeholder: "Texto alternativo de la imagen"
+		},
+		primary_button: "Insertar",
+		secondary_button: "Cancelar"
+	}
+};
 var es = {
 	account_statement: account_statement$1,
 	advertisement_card: advertisement_card$1,
@@ -1010,7 +1045,9 @@ var es = {
 	totp: totp$1,
 	user_profile: user_profile$1,
 	user_summary: user_summary$1,
-	notification_card: notification_card$1
+	notification_card: notification_card$1,
+	dropdown: dropdown$1,
+	text_editor: text_editor$1
 };
 
 var account_statement = {
@@ -1065,7 +1102,11 @@ var calendar = {
 	day: "Day",
 	calendar: "Calendar",
 	subtitle: "Select the calendars you want to view",
-	filter_save: "Save"
+	filter_save: "Save",
+	modal: {
+		title: "Calendars and Notifications",
+		notification_label: "Enable schedule notifications (you will receive a notification 10 minutes before your next class)"
+	}
 };
 var chat_bar = {
 	placeholder: "What would you like to find today?",
@@ -1130,6 +1171,34 @@ var notification_card = {
 		primary_text: "You have no notifications to show"
 	}
 };
+var dropdown = {
+	menu: {
+		filter_placeholder: "Select an option"
+	}
+};
+var text_editor = {
+	prompt: {
+		link: {
+			link_label: "Insert Link",
+			link_placeholder: "https://example.com",
+			link_helper: "Enter the URL you want to link to.",
+			target_label: "Select Target",
+			target_placeholder: "Select an option",
+			target_helper: "Select the target of the link.",
+			rel_label: "Add rel attribute (noopener noreferrer)"
+		},
+		image: {
+			image_label: "Insert Image",
+			image_placeholder: "https://example.com/image.jpg",
+			image_helper: "Enter the URL of the image you want to insert.",
+			alt_label: "Alternative Text",
+			alt_helper: "Provide alternative text for the image.",
+			alt_placeholder: "Describe the image"
+		},
+		primary_button: "Insert",
+		secondary_button: "Cancel"
+	}
+};
 var en = {
 	account_statement: account_statement,
 	advertisement_card: advertisement_card,
@@ -1151,7 +1220,9 @@ var en = {
 	totp: totp,
 	user_profile: user_profile,
 	user_summary: user_summary,
-	notification_card: notification_card
+	notification_card: notification_card,
+	dropdown: dropdown,
+	text_editor: text_editor
 };
 
 class BmbTranslationsService {
@@ -1325,7 +1396,7 @@ class BmbLayoutItemDirective {
         this.isDynamicItem = input(false);
     }
     get elementClass() {
-        const classes = [];
+        const classes = ['bmb_layout-item'];
         if (this.colSm())
             classes.push(`bmb_col-sm-${this.colSm()}`);
         if (this.colLg())
@@ -1779,7 +1850,7 @@ class BmbProjectedContentComponent {
                 });
                 Object.keys(this.outputContext()).forEach((key) => {
                     if (instance[key] && instance[key].subscribe) {
-                        instance[key].subscribe(() => {
+                        instance[key].subscribe((event) => {
                             this.outputContext()[key](event);
                         });
                     }
@@ -2303,6 +2374,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class BmbVerticalLayoutItemDirective {
     constructor() {
         this.rowGrow = input(0);
+        this.isFullWidth = input(true);
         effect(() => {
             if (this.rowGrow() !== 0) {
                 this.flex = `${this.rowGrow()} 0 0%`;
@@ -2311,12 +2383,14 @@ class BmbVerticalLayoutItemDirective {
     }
     get elementClass() {
         const classes = ['bmb_vertical-layout-item'];
-        if (this.rowGrow())
+        if (this.isFullWidth())
             classes.push('bmb_vertical-layout-item-full');
+        if (this.rowGrow())
+            classes.push('bmb_vertical-layout-item-scroll');
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbVerticalLayoutItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: BmbVerticalLayoutItemDirective, isStandalone: true, selector: "[bmbVerticalLayoutItem]", inputs: { rowGrow: { classPropertyName: "rowGrow", publicName: "rowGrow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.flex": "this.flex", "class": "this.elementClass" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: BmbVerticalLayoutItemDirective, isStandalone: true, selector: "[bmbVerticalLayoutItem]", inputs: { rowGrow: { classPropertyName: "rowGrow", publicName: "rowGrow", isSignal: true, isRequired: false, transformFunction: null }, isFullWidth: { classPropertyName: "isFullWidth", publicName: "isFullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.flex": "this.flex", "class": "this.elementClass" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbVerticalLayoutItemDirective, decorators: [{
             type: Directive,
@@ -2755,10 +2829,14 @@ class BmbDropdownContentComponent {
         this.items = model([]);
         this.isKeyboardEvent = model(false); //Internal
         this.enableFilter = input(false);
+        this.customFilterFunction = input(null);
         this.clickedItem = output();
         this.isOpen = model(false); //remove this
         this.filteredItems = computed(() => {
             if (this.enableFilter() && this.filterString() !== '') {
+                if (this.customFilterFunction()) {
+                    return this.items().filter((item) => this.customFilterFunction()(item, this.filterString()));
+                }
                 return this.items().filter((item) => {
                     return (item.text.toLocaleLowerCase().includes(this.filterString()) ||
                         item.value?.toLocaleLowerCase().includes(this.filterString()) ||
@@ -2786,7 +2864,7 @@ class BmbDropdownContentComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropdownContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbDropdownContentComponent, isStandalone: true, selector: "bmb-dropdown-content", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, isKeyboardEvent: { classPropertyName: "isKeyboardEvent", publicName: "isKeyboardEvent", isSignal: true, isRequired: false, transformFunction: null }, enableFilter: { classPropertyName: "enableFilter", publicName: "enableFilter", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", isKeyboardEvent: "isKeyboardEventChange", clickedItem: "clickedItem", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n  <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n    @if (enableFilter()) {\n      <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n        <input\n          type=\"text\"\n          class=\"bmb_dropdown-content-item-filter-input\"\n          placeholder=\"Select an option\"\n          (input)=\"filterList($event)\"\n        />\n        <bmb-icon\n          class=\"bmb_dropdown-content-item-filter-icon\"\n          icon=\"search\"\n          [size]=\"24\"\n        />\n      </li>\n    }\n    @for (item of filteredItems(); track $index) {\n      <li\n        class=\"bmb_dropdown-content-item\"\n        [ngClass]=\"{\n          'bmb_dropdown-content-item-selected': isSelected(item.value!)\n        }\"\n        [id]=\"item.idItem\"\n      >\n        <bmb-check-external-link-button\n          [link]=\"item.url!\"\n          [target]=\"item.target!\"\n          (buttonClick)=\"handleDropdown(item)\"\n        >\n          @if (!!item.icon) {\n            <bmb-icon\n              class=\"bmb_dropdown-content-item-icon\"\n              [icon]=\"item.icon\"\n              [size]=\"24\"\n              [dotNotification]=\"item.dotNotification\"\n            />\n          }\n          <span class=\"bmb_dropdown-content-item-text\">\n            {{ item.text }}\n          </span>\n        </bmb-check-external-link-button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbDropdownContentComponent, isStandalone: true, selector: "bmb-dropdown-content", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, isKeyboardEvent: { classPropertyName: "isKeyboardEvent", publicName: "isKeyboardEvent", isSignal: true, isRequired: false, transformFunction: null }, enableFilter: { classPropertyName: "enableFilter", publicName: "enableFilter", isSignal: true, isRequired: false, transformFunction: null }, customFilterFunction: { classPropertyName: "customFilterFunction", publicName: "customFilterFunction", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", isKeyboardEvent: "isKeyboardEventChange", clickedItem: "clickedItem", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n  <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n    @if (enableFilter()) {\n      <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n        <input\n          type=\"text\"\n          class=\"bmb_dropdown-content-item-filter-input\"\n          [placeholder]=\"'dropdown.menu.filter_placeholder' | translate\"\n          (input)=\"filterList($event)\"\n        />\n        <bmb-icon\n          class=\"bmb_dropdown-content-item-filter-icon\"\n          icon=\"search\"\n          [size]=\"24\"\n        />\n      </li>\n    }\n    @for (item of filteredItems(); track $index) {\n      <li\n        class=\"bmb_dropdown-content-item\"\n        [ngClass]=\"{\n          'bmb_dropdown-content-item-selected': isSelected(item.value!)\n        }\"\n        [id]=\"item.idItem\"\n      >\n        <bmb-check-external-link-button\n          [link]=\"item.url!\"\n          [target]=\"item.target!\"\n          (buttonClick)=\"handleDropdown(item)\"\n        >\n          @if (!!item.icon) {\n            <bmb-icon\n              class=\"bmb_dropdown-content-item-icon\"\n              [icon]=\"item.icon\"\n              [size]=\"24\"\n              [dotNotification]=\"item.dotNotification\"\n            />\n          }\n          <span class=\"bmb_dropdown-content-item-text\">\n            {{ item.text }}\n          </span>\n        </bmb-check-external-link-button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0;background-color:var(--containers-main)}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropdownContentComponent, decorators: [{
             type: Component,
@@ -2794,7 +2872,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CommonModule,
                         BmbCheckExternalLinkButtonComponent,
                         BmbIconComponent,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n  <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n    @if (enableFilter()) {\n      <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n        <input\n          type=\"text\"\n          class=\"bmb_dropdown-content-item-filter-input\"\n          placeholder=\"Select an option\"\n          (input)=\"filterList($event)\"\n        />\n        <bmb-icon\n          class=\"bmb_dropdown-content-item-filter-icon\"\n          icon=\"search\"\n          [size]=\"24\"\n        />\n      </li>\n    }\n    @for (item of filteredItems(); track $index) {\n      <li\n        class=\"bmb_dropdown-content-item\"\n        [ngClass]=\"{\n          'bmb_dropdown-content-item-selected': isSelected(item.value!)\n        }\"\n        [id]=\"item.idItem\"\n      >\n        <bmb-check-external-link-button\n          [link]=\"item.url!\"\n          [target]=\"item.target!\"\n          (buttonClick)=\"handleDropdown(item)\"\n        >\n          @if (!!item.icon) {\n            <bmb-icon\n              class=\"bmb_dropdown-content-item-icon\"\n              [icon]=\"item.icon\"\n              [size]=\"24\"\n              [dotNotification]=\"item.dotNotification\"\n            />\n          }\n          <span class=\"bmb_dropdown-content-item-text\">\n            {{ item.text }}\n          </span>\n        </bmb-check-external-link-button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"] }]
+                        TranslatePipe,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n  <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n    @if (enableFilter()) {\n      <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n        <input\n          type=\"text\"\n          class=\"bmb_dropdown-content-item-filter-input\"\n          [placeholder]=\"'dropdown.menu.filter_placeholder' | translate\"\n          (input)=\"filterList($event)\"\n        />\n        <bmb-icon\n          class=\"bmb_dropdown-content-item-filter-icon\"\n          icon=\"search\"\n          [size]=\"24\"\n        />\n      </li>\n    }\n    @for (item of filteredItems(); track $index) {\n      <li\n        class=\"bmb_dropdown-content-item\"\n        [ngClass]=\"{\n          'bmb_dropdown-content-item-selected': isSelected(item.value!)\n        }\"\n        [id]=\"item.idItem\"\n      >\n        <bmb-check-external-link-button\n          [link]=\"item.url!\"\n          [target]=\"item.target!\"\n          (buttonClick)=\"handleDropdown(item)\"\n        >\n          @if (!!item.icon) {\n            <bmb-icon\n              class=\"bmb_dropdown-content-item-icon\"\n              [icon]=\"item.icon\"\n              [size]=\"24\"\n              [dotNotification]=\"item.dotNotification\"\n            />\n          }\n          <span class=\"bmb_dropdown-content-item-text\">\n            {{ item.text }}\n          </span>\n        </bmb-check-external-link-button>\n      </li>\n    }\n  </ul>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0;background-color:var(--containers-main)}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"] }]
         }] });
 
 class BmbDropdownMenuComponent {
@@ -2840,31 +2919,23 @@ class BmbTextLinkComponent {
         this.link = input.required();
         this.disabled = input(false);
     }
-    getClasses() {
-        const principalClassName = 'bmb_text-link';
-        const classes = [principalClassName];
-        if (this.textLinkStyle() === 'underlined')
-            classes.push(`${principalClassName}-underlined`);
-        if (this.disabled())
-            classes.push(`${principalClassName}-disabled`);
-        return classes;
-    }
-    getPositionClass(principalClassName, isIcon, position) {
-        const classes = [principalClassName];
-        if (isIcon)
-            classes.push(`${principalClassName}-position_${position}`);
-        return classes;
+    get positionClass() {
+        if (this.textLinkStyle() === 'icon')
+            return 'bmb_text-link-item-position_'.concat(this.iconPosition());
+        return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTextLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbTextLinkComponent, isStandalone: true, selector: "bmb-text-link", inputs: { textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: true, transformFunction: null }, textLinkStyle: { classPropertyName: "textLinkStyle", publicName: "textLinkStyle", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span [ngClass]=\"getClasses()\">\n  <bmb-check-external-link-button\n    class=\"bmb_text-link-item\"\n    [link]=\"link()\"\n    [target]=\"target()\"\n  >\n    <span\n      [ngClass]=\"\n        getPositionClass(\n          'bmb_text-link-item',\n          textLinkStyle() === 'icon',\n          iconPosition()\n        )\n      \"\n    >\n      @if (textLinkStyle() === 'icon' && !!icon()) {\n        <bmb-icon\n          [ngClass]=\"\n            getPositionClass(\n              'bmb_text-link-item-icon',\n              textLinkStyle() === 'icon',\n              iconPosition()\n            )\n          \"\n          [icon]=\"icon()\"\n          [alt]=\"textLink()\"\n        />\n      }\n      <span>{{ textLink() }}</span>\n    </span>\n  </bmb-check-external-link-button>\n</span>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-link-disabled{opacity:.5;pointer-events:none}.bmb_text-link .bmb_check-external-link-button-element{position:relative;padding:.125rem 0;text-decoration:none;display:inline-flex;align-items:center;color:var(--general_contrasts-main-selection);line-height:2}.bmb_text-link .bmb_check-external-link-button-element:after{content:\"\";position:absolute;left:0;right:0;bottom:.3125rem;height:.0625rem;background:var(--general_contrasts-main-selection);transform:scaleX(0);transition:transform .2s ease}.bmb_text-link .bmb_check-external-link-button-element:hover:after{transform:scaleX(1)}.bmb_text-link .bmb_check-external-link-button-element span{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_text-link-item-position_left{display:inline-flex;flex-direction:row;align-items:center}.bmb_text-link-item-position_right{display:inline-flex;flex-direction:row-reverse;align-items:center}.bmb_text-link-item-icon{font-size:1.25rem}.bmb_text-link-item-icon-position_left{padding-right:.5rem}.bmb_text-link-item-icon-position_right{padding-left:.5rem}.bmb_text-link-underlined .bmb_check-external-link-button-element{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-decoration:underline}.bmb_text-link-underlined .bmb_check-external-link-button-element:after{content:\"\";left:0;right:0;transform:scaleX(0)}.bmb_text-link-underlined .bmb_check-external-link-button-element:hover:after{transform:scaleX(0)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbTextLinkComponent, isStandalone: true, selector: "bmb-text-link", inputs: { textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: true, transformFunction: null }, textLinkStyle: { classPropertyName: "textLinkStyle", publicName: "textLinkStyle", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bmb-check-external-link-button\n  class=\"bmb_text-link\"\n  [ngClass]=\"{\n    'bmb_text-link-underlined': textLinkStyle() === 'underlined',\n    'bmb_text-link-disabled': disabled()\n  }\"\n  [link]=\"link()\"\n  [target]=\"target()\"\n>\n  <section\n    class=\"bmb_text-link-item\"\n    [ngClass]=\"{\n      'bmb_text-link-item-reverse':\n        textLinkStyle() === 'icon' && iconPosition() === 'right'\n    }\"\n    bmbLayout\n    [dynamicCols]=\"true\"\n    margin=\"none\"\n    gapSize=\"s\"\n    alignItems=\"center\"\n  >\n    @if (textLinkStyle() === 'icon' && !!icon()) {\n      <bmb-icon [icon]=\"icon()\" [size]=\"20\" [alt]=\"textLink()\" bmbLayoutItem />\n    }\n    <span bmbLayoutItem>\n      {{ textLink() }}\n    </span>\n  </section>\n</bmb-check-external-link-button>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-link{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--buttons-text-link);line-height:2}.bmb_text-link-underlined{text-decoration:underline}.bmb_text-link-disabled{opacity:.5;pointer-events:none}.bmb_text-link-item{display:inline-flex;position:relative}.bmb_text-link-item:after{content:\"\";position:absolute;left:0;right:0;bottom:.3125rem;height:.0625rem;background:var(--buttons-text-link);transform:scaleX(0);transition:transform .2s ease}.bmb_text-link-item:hover:after{transform:scaleX(1)}.bmb_text-link-item-reverse{flex-direction:row-reverse}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTextLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bmb-text-link', standalone: true, imports: [
                         CommonModule,
+                        BmbLayoutDirective,
+                        BmbLayoutItemDirective,
                         BmbCheckExternalLinkButtonComponent,
                         BmbIconComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span [ngClass]=\"getClasses()\">\n  <bmb-check-external-link-button\n    class=\"bmb_text-link-item\"\n    [link]=\"link()\"\n    [target]=\"target()\"\n  >\n    <span\n      [ngClass]=\"\n        getPositionClass(\n          'bmb_text-link-item',\n          textLinkStyle() === 'icon',\n          iconPosition()\n        )\n      \"\n    >\n      @if (textLinkStyle() === 'icon' && !!icon()) {\n        <bmb-icon\n          [ngClass]=\"\n            getPositionClass(\n              'bmb_text-link-item-icon',\n              textLinkStyle() === 'icon',\n              iconPosition()\n            )\n          \"\n          [icon]=\"icon()\"\n          [alt]=\"textLink()\"\n        />\n      }\n      <span>{{ textLink() }}</span>\n    </span>\n  </bmb-check-external-link-button>\n</span>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-link-disabled{opacity:.5;pointer-events:none}.bmb_text-link .bmb_check-external-link-button-element{position:relative;padding:.125rem 0;text-decoration:none;display:inline-flex;align-items:center;color:var(--general_contrasts-main-selection);line-height:2}.bmb_text-link .bmb_check-external-link-button-element:after{content:\"\";position:absolute;left:0;right:0;bottom:.3125rem;height:.0625rem;background:var(--general_contrasts-main-selection);transform:scaleX(0);transition:transform .2s ease}.bmb_text-link .bmb_check-external-link-button-element:hover:after{transform:scaleX(1)}.bmb_text-link .bmb_check-external-link-button-element span{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_text-link-item-position_left{display:inline-flex;flex-direction:row;align-items:center}.bmb_text-link-item-position_right{display:inline-flex;flex-direction:row-reverse;align-items:center}.bmb_text-link-item-icon{font-size:1.25rem}.bmb_text-link-item-icon-position_left{padding-right:.5rem}.bmb_text-link-item-icon-position_right{padding-left:.5rem}.bmb_text-link-underlined .bmb_check-external-link-button-element{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-decoration:underline}.bmb_text-link-underlined .bmb_check-external-link-button-element:after{content:\"\";left:0;right:0;transform:scaleX(0)}.bmb_text-link-underlined .bmb_check-external-link-button-element:hover:after{transform:scaleX(0)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-check-external-link-button\n  class=\"bmb_text-link\"\n  [ngClass]=\"{\n    'bmb_text-link-underlined': textLinkStyle() === 'underlined',\n    'bmb_text-link-disabled': disabled()\n  }\"\n  [link]=\"link()\"\n  [target]=\"target()\"\n>\n  <section\n    class=\"bmb_text-link-item\"\n    [ngClass]=\"{\n      'bmb_text-link-item-reverse':\n        textLinkStyle() === 'icon' && iconPosition() === 'right'\n    }\"\n    bmbLayout\n    [dynamicCols]=\"true\"\n    margin=\"none\"\n    gapSize=\"s\"\n    alignItems=\"center\"\n  >\n    @if (textLinkStyle() === 'icon' && !!icon()) {\n      <bmb-icon [icon]=\"icon()\" [size]=\"20\" [alt]=\"textLink()\" bmbLayoutItem />\n    }\n    <span bmbLayoutItem>\n      {{ textLink() }}\n    </span>\n  </section>\n</bmb-check-external-link-button>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-link{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--buttons-text-link);line-height:2}.bmb_text-link-underlined{text-decoration:underline}.bmb_text-link-disabled{opacity:.5;pointer-events:none}.bmb_text-link-item{display:inline-flex;position:relative}.bmb_text-link-item:after{content:\"\";position:absolute;left:0;right:0;bottom:.3125rem;height:.0625rem;background:var(--buttons-text-link);transform:scaleX(0);transition:transform .2s ease}.bmb_text-link-item:hover:after{transform:scaleX(1)}.bmb_text-link-item-reverse{flex-direction:row-reverse}\n"] }]
         }] });
 
 class BmbCardButtonComponent {
@@ -2972,10 +3043,8 @@ class BmbSwitchComponent {
         return '';
     }
     showSwitchLabel(position) {
-        if (!!!this.rightIcon() &&
-            !!!this.leftIcon() &&
-            !!this.rightText() &&
-            !!this.leftText()) {
+        if ((!!this.rightIcon() || !!!this.rightText()) ||
+            (!!this.leftIcon() || !!!this.leftText())) {
             if (position === 'left')
                 return !!this.leftText();
             if (position === 'right')
@@ -3000,7 +3069,7 @@ class BmbSwitchComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbSwitchComponent, isStandalone: true, selector: "bmb-switch", inputs: { leftText: { classPropertyName: "leftText", publicName: "leftText", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, rightText: { classPropertyName: "rightText", publicName: "rightText", isSignal: true, isRequired: false, transformFunction: null }, rightIcon: { classPropertyName: "rightIcon", publicName: "rightIcon", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isChecked: "isCheckedChange", inputId: "inputIdChange", control: "controlChange", change: "change" }, ngImport: i0, template: "<bmb-input-validator\n  type=\"checkbox\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [checked]=\"isChecked()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n>\n  <section class=\"bmb_switch-direction\">\n    @if (showSwitchLabel('left')) {\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n        leftText()\n      }}</label>\n    }\n    <span class=\"bmb_switch\">\n      <input\n        bmbControl\n        class=\"bmb_switch-input\"\n        type=\"checkbox\"\n        [id]=\"inputId()\"\n        [formControl]=\"control()\"\n        [name]=\"name()\"\n        [checked]=\"isChecked()\"\n        [attr.aria-checked]=\"isChecked()\"\n        [attr.aria-label]=\"ariaLabel() || ('switch.aria_label' | translate)\"\n        [attr.aria-disabled]=\"disabled().toString()\"\n        [tabindex]=\"disabled() ? -1 : 0\"\n        (change)=\"handleChange($event)\"\n        (keydown)=\"handleKeyDown($event)\"\n      />\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-slider\">\n        @if (!!getSwitchIcon()) {\n          <bmb-icon\n            class=\"bmb_switch-slider-icon\"\n            [icon]=\"getSwitchIcon()\"\n            [size]=\"20\"\n          />\n        }\n      </label>\n    </span>\n    @if (showSwitchLabel('right')) {\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n        rightText()\n      }}</label>\n    }\n  </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_switch{align-items:center;cursor:pointer;display:flex;height:2rem;margin:.125rem 0;position:relative}.bmb_switch-position{margin-top:.5rem}.bmb_switch-content{width:max-content;display:inline-block}.bmb_switch-direction{display:inline-flex;flex-direction:row;padding:0 .5rem}.bmb_switch-input{opacity:0;height:0;width:0;position:absolute}.bmb_switch-input:checked+.bmb_switch-slider{background-color:var(--buttons-active-switch)}.bmb_switch-input:checked+.bmb_switch-slider:after{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider .material-symbols-rounded{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider:hover:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):hover+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-focus)}.bmb_switch-input:is(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-focus)}.bmb_switch-slider{background-color:rgb(var(--color-charade-700));border:0;border-radius:.9375rem;cursor:pointer;display:block;height:1.25rem;margin:0 .75rem;position:relative;transition:background-color .3s,left .3s;width:2.5rem}.bmb_switch-slider:after{background-color:rgb(var(--color-white-primary));border-radius:50%;bottom:0;content:\"\";height:2rem;left:-.75rem;margin:auto;position:absolute;top:0;transition:all .3s;width:2rem}.bmb_switch-slider .material-symbols-rounded{transition:all .3s}.bmb_switch-slider-icon{color:var(--general_contrasts-100);position:absolute;top:0;left:-.375rem;z-index:1;transition:all .3s}.bmb_switch-label{color:var(--general_contrasts-100);padding:0 .3125rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin:.5rem 0 .25rem .125rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbSwitchComponent, isStandalone: true, selector: "bmb-switch", inputs: { leftText: { classPropertyName: "leftText", publicName: "leftText", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, rightText: { classPropertyName: "rightText", publicName: "rightText", isSignal: true, isRequired: false, transformFunction: null }, rightIcon: { classPropertyName: "rightIcon", publicName: "rightIcon", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isChecked: "isCheckedChange", inputId: "inputIdChange", control: "controlChange", change: "change" }, ngImport: i0, template: "<bmb-input-validator\n  type=\"checkbox\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [checked]=\"isChecked()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n>\n  <section class=\"bmb_switch-direction\">\n    @if (showSwitchLabel('left')) {\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n        leftText()\n      }}</label>\n    }\n    <span class=\"bmb_switch\">\n      <input\n        bmbControl\n        class=\"bmb_switch-input\"\n        type=\"checkbox\"\n        [id]=\"inputId()\"\n        [formControl]=\"control()\"\n        [name]=\"name()\"\n        [checked]=\"isChecked()\"\n        [attr.aria-checked]=\"isChecked()\"\n        [attr.aria-label]=\"ariaLabel() || ('switch.aria_label' | translate)\"\n        [attr.aria-disabled]=\"disabled().toString()\"\n        [tabindex]=\"disabled() ? -1 : 0\"\n        (change)=\"handleChange($event)\"\n        (keydown)=\"handleKeyDown($event)\"\n      />\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-slider\">\n        @if (!!getSwitchIcon()) {\n          <bmb-icon\n            class=\"bmb_switch-slider-icon\"\n            [icon]=\"getSwitchIcon()\"\n            [size]=\"20\"\n          />\n        }\n      </label>\n    </span>\n    @if (showSwitchLabel('right')) {\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n        rightText()\n      }}</label>\n    }\n  </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_switch{align-items:center;cursor:pointer;display:flex;height:2rem;margin:.125rem 0;position:relative}.bmb_switch-position{margin-top:.5rem}.bmb_switch-content{width:max-content;display:inline-block}.bmb_switch-direction{display:inline-flex;flex-direction:row;padding:0 .5rem;align-items:center}.bmb_switch-input{opacity:0;height:0;width:0;position:absolute}.bmb_switch-input:checked+.bmb_switch-slider{background-color:var(--buttons-active-switch)}.bmb_switch-input:checked+.bmb_switch-slider:after{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider .material-symbols-rounded{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider:hover:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):hover+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-focus)}.bmb_switch-input:is(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-focus)}.bmb_switch-slider{background-color:rgb(var(--color-charade-700));border:0;border-radius:.9375rem;cursor:pointer;display:block;height:1.25rem;margin:0 .75rem;position:relative;transition:background-color .3s,left .3s;width:2.5rem}.bmb_switch-slider:after{background-color:rgb(var(--color-white-primary));border-radius:50%;bottom:0;content:\"\";height:2rem;left:-.75rem;margin:auto;position:absolute;top:0;transition:all .3s;width:2rem}.bmb_switch-slider .material-symbols-rounded{transition:all .3s}.bmb_switch-slider-icon{color:var(--general_contrasts-100);position:absolute;top:0;left:-.375rem;z-index:1;transition:all .3s}.bmb_switch-label{color:var(--general_contrasts-100);padding:0 .3125rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin:.5rem 0 .25rem .125rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbSwitchComponent, decorators: [{
             type: Component,
@@ -3011,7 +3080,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         FormsModule,
                         BmbIconComponent,
                         TranslatePipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n  type=\"checkbox\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [checked]=\"isChecked()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n>\n  <section class=\"bmb_switch-direction\">\n    @if (showSwitchLabel('left')) {\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n        leftText()\n      }}</label>\n    }\n    <span class=\"bmb_switch\">\n      <input\n        bmbControl\n        class=\"bmb_switch-input\"\n        type=\"checkbox\"\n        [id]=\"inputId()\"\n        [formControl]=\"control()\"\n        [name]=\"name()\"\n        [checked]=\"isChecked()\"\n        [attr.aria-checked]=\"isChecked()\"\n        [attr.aria-label]=\"ariaLabel() || ('switch.aria_label' | translate)\"\n        [attr.aria-disabled]=\"disabled().toString()\"\n        [tabindex]=\"disabled() ? -1 : 0\"\n        (change)=\"handleChange($event)\"\n        (keydown)=\"handleKeyDown($event)\"\n      />\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-slider\">\n        @if (!!getSwitchIcon()) {\n          <bmb-icon\n            class=\"bmb_switch-slider-icon\"\n            [icon]=\"getSwitchIcon()\"\n            [size]=\"20\"\n          />\n        }\n      </label>\n    </span>\n    @if (showSwitchLabel('right')) {\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n        rightText()\n      }}</label>\n    }\n  </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_switch{align-items:center;cursor:pointer;display:flex;height:2rem;margin:.125rem 0;position:relative}.bmb_switch-position{margin-top:.5rem}.bmb_switch-content{width:max-content;display:inline-block}.bmb_switch-direction{display:inline-flex;flex-direction:row;padding:0 .5rem}.bmb_switch-input{opacity:0;height:0;width:0;position:absolute}.bmb_switch-input:checked+.bmb_switch-slider{background-color:var(--buttons-active-switch)}.bmb_switch-input:checked+.bmb_switch-slider:after{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider .material-symbols-rounded{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider:hover:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):hover+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-focus)}.bmb_switch-input:is(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-focus)}.bmb_switch-slider{background-color:rgb(var(--color-charade-700));border:0;border-radius:.9375rem;cursor:pointer;display:block;height:1.25rem;margin:0 .75rem;position:relative;transition:background-color .3s,left .3s;width:2.5rem}.bmb_switch-slider:after{background-color:rgb(var(--color-white-primary));border-radius:50%;bottom:0;content:\"\";height:2rem;left:-.75rem;margin:auto;position:absolute;top:0;transition:all .3s;width:2rem}.bmb_switch-slider .material-symbols-rounded{transition:all .3s}.bmb_switch-slider-icon{color:var(--general_contrasts-100);position:absolute;top:0;left:-.375rem;z-index:1;transition:all .3s}.bmb_switch-label{color:var(--general_contrasts-100);padding:0 .3125rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin:.5rem 0 .25rem .125rem;cursor:pointer}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n  type=\"checkbox\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [checked]=\"isChecked()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n>\n  <section class=\"bmb_switch-direction\">\n    @if (showSwitchLabel('left')) {\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n        leftText()\n      }}</label>\n    }\n    <span class=\"bmb_switch\">\n      <input\n        bmbControl\n        class=\"bmb_switch-input\"\n        type=\"checkbox\"\n        [id]=\"inputId()\"\n        [formControl]=\"control()\"\n        [name]=\"name()\"\n        [checked]=\"isChecked()\"\n        [attr.aria-checked]=\"isChecked()\"\n        [attr.aria-label]=\"ariaLabel() || ('switch.aria_label' | translate)\"\n        [attr.aria-disabled]=\"disabled().toString()\"\n        [tabindex]=\"disabled() ? -1 : 0\"\n        (change)=\"handleChange($event)\"\n        (keydown)=\"handleKeyDown($event)\"\n      />\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-slider\">\n        @if (!!getSwitchIcon()) {\n          <bmb-icon\n            class=\"bmb_switch-slider-icon\"\n            [icon]=\"getSwitchIcon()\"\n            [size]=\"20\"\n          />\n        }\n      </label>\n    </span>\n    @if (showSwitchLabel('right')) {\n      <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n        rightText()\n      }}</label>\n    }\n  </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_switch{align-items:center;cursor:pointer;display:flex;height:2rem;margin:.125rem 0;position:relative}.bmb_switch-position{margin-top:.5rem}.bmb_switch-content{width:max-content;display:inline-block}.bmb_switch-direction{display:inline-flex;flex-direction:row;padding:0 .5rem;align-items:center}.bmb_switch-input{opacity:0;height:0;width:0;position:absolute}.bmb_switch-input:checked+.bmb_switch-slider{background-color:var(--buttons-active-switch)}.bmb_switch-input:checked+.bmb_switch-slider:after{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider .material-symbols-rounded{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider:hover:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):hover+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-focus)}.bmb_switch-input:is(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-focus)}.bmb_switch-slider{background-color:rgb(var(--color-charade-700));border:0;border-radius:.9375rem;cursor:pointer;display:block;height:1.25rem;margin:0 .75rem;position:relative;transition:background-color .3s,left .3s;width:2.5rem}.bmb_switch-slider:after{background-color:rgb(var(--color-white-primary));border-radius:50%;bottom:0;content:\"\";height:2rem;left:-.75rem;margin:auto;position:absolute;top:0;transition:all .3s;width:2rem}.bmb_switch-slider .material-symbols-rounded{transition:all .3s}.bmb_switch-slider-icon{color:var(--general_contrasts-100);position:absolute;top:0;left:-.375rem;z-index:1;transition:all .3s}.bmb_switch-label{color:var(--general_contrasts-100);padding:0 .3125rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin:.5rem 0 .25rem .125rem;cursor:pointer}\n"] }]
         }] });
 
 class BmbRadialComponent {
@@ -3076,7 +3145,7 @@ class BmbRadialComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbRadialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbRadialComponent, isStandalone: true, selector: "bmb-radial", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange", inputId: "inputIdChange", change: "change", onKeyDown: "onKeyDown" }, ngImport: i0, template: "<bmb-input-validator\n  type=\"radio\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [label]=\"label()\"\n  [labelPosition]=\"labelPosition()\"\n  [checked]=\"checked()\"\n  [value]=\"value()\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"required()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n>\n  <span class=\"bmb_radio\">\n    <input\n      class=\"bmb_radio-input\"\n      type=\"radio\"\n      [id]=\"inputId()\"\n      [formControl]=\"control()\"\n      [name]=\"name()\"\n      [attr.aria-describedby]=\"ariaDescribedby()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [attr.value]=\"value()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [required]=\"required()\"\n      (change)=\"handleRadioChange($event)\"\n      (keydown)=\"handleRadioKeyDown($event)\"\n      (keypress)=\"handleKeyPress($event)\"\n      [tabindex]=\"disabled() ? -1 : 0\"\n    />\n    <label\n      class=\"bmb_radio-mark\"\n      [htmlFor]=\"inputId()\"\n      [ngClass]=\"{ 'bmb_radio-mark-error': shouldShowError }\"\n    ></label>\n  </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_radio-input{opacity:0;height:0;width:0;position:absolute}.bmb_radio-input:is(:checked):hover+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem;left:-.6875rem!important}.bmb_radio-input:is(:checked)+.bmb_radio-mark{border:.125rem solid var(--buttons-active-switch)}.bmb_radio-input:is(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:is(:checked)+.bmb_radio-mark:after{display:block;position:relative;margin:.25rem auto 0;height:.75rem;width:.75rem;background-color:var(--buttons-active-switch);border-radius:100%}.bmb_radio-input:not(:checked):hover+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem;left:-.6875rem!important}.bmb_radio-input:not(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-mark{cursor:pointer;display:flex;position:relative;height:1.125rem;width:1.125rem;margin:.1875rem;background-color:transparent;border:.125rem solid var(--general_contrasts-100);border-radius:100%}.bmb_radio-mark:after{content:\"\";display:none;position:absolute}.bmb_radio-mark-error{border-color:var(--input-error)}.bmb_radio-mark{width:1.5rem;height:1.5rem;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbRadialComponent, isStandalone: true, selector: "bmb-radial", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange", inputId: "inputIdChange", change: "change", onKeyDown: "onKeyDown" }, ngImport: i0, template: "<bmb-input-validator\n  type=\"radio\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [label]=\"label()\"\n  [labelPosition]=\"labelPosition()\"\n  [checked]=\"checked()\"\n  [value]=\"value()\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"required()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n>\n  <span class=\"bmb_radio\">\n    <input\n      class=\"bmb_radio-input\"\n      type=\"radio\"\n      [id]=\"inputId()\"\n      [formControl]=\"control()\"\n      [name]=\"name()\"\n      [attr.aria-describedby]=\"ariaDescribedby()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [attr.value]=\"value()\"\n      [value]=\"value()\"\n      [checked]=\"checked()\"\n      [required]=\"required()\"\n      (change)=\"handleRadioChange($event)\"\n      (keydown)=\"handleRadioKeyDown($event)\"\n      (keypress)=\"handleKeyPress($event)\"\n      [tabindex]=\"disabled() ? -1 : 0\"\n    />\n    <label\n      class=\"bmb_radio-mark\"\n      [htmlFor]=\"inputId()\"\n      [ngClass]=\"{ 'bmb_radio-mark-error': shouldShowError }\"\n    ></label>\n  </span>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_radio-input{opacity:0;height:0;width:0;position:absolute}.bmb_radio-input:is(:checked):hover+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:is(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem;left:-.6875rem!important}.bmb_radio-input:is(:checked)+.bmb_radio-mark{border:.125rem solid var(--buttons-active-switch)}.bmb_radio-input:is(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:var(--buttons-active-switch);position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-input:is(:checked)+.bmb_radio-mark:after{display:block;position:relative;margin:.25rem auto 0;height:.75rem;width:.75rem;background-color:var(--buttons-active-switch);border-radius:100%}.bmb_radio-input:not(:checked):hover+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus+.bmb_radio-mark:before,.bmb_radio-input:not(:checked):focus-visible+.bmb_radio-mark:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem;left:-.6875rem!important}.bmb_radio-input:not(:checked)+.bmb_radio-mark:hover:before{content:\"\";height:2.625rem;width:2.625rem;border-radius:50%;opacity:.1;background-color:rgb(var(--color-charade-900));position:absolute;display:block;margin:auto;top:0;right:0;bottom:0;left:-.875rem}.bmb_radio-mark{cursor:pointer;display:flex;position:relative;height:1.125rem;width:1.125rem;margin:.1875rem;background-color:transparent;border:.125rem solid var(--general_contrasts-100);border-radius:100%}.bmb_radio-mark:after{content:\"\";display:none;position:absolute}.bmb_radio-mark-error{border-color:var(--input-error)}.bmb_radio-mark{width:1.5rem;height:1.5rem;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbRadialComponent, decorators: [{
             type: Component,
@@ -3289,7 +3358,7 @@ class BmbInputComponent {
         this.onChange.emit(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbInputComponent, isStandalone: true, selector: "bmb-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, jsonFormat: { classPropertyName: "jsonFormat", publicName: "jsonFormat", isSignal: true, isRequired: false, transformFunction: null }, heightTextArea: { classPropertyName: "heightTextArea", publicName: "heightTextArea", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, showMaxTextLength: { classPropertyName: "showMaxTextLength", publicName: "showMaxTextLength", isSignal: true, isRequired: false, transformFunction: null }, additionalAction: { classPropertyName: "additionalAction", publicName: "additionalAction", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange", isFocus: "isFocus", isBlur: "isBlur", onChange: "onChange", onKeyDown: "onKeyDown" }, queries: [{ propertyName: "customInputContent", first: true, predicate: ["customInputContent"], descendants: true }], ngImport: i0, template: "<bmb-input-validator\n  [type]=\"type()\"\n  [name]=\"name()\"\n  [label]=\"label()\"\n  [value]=\"value()\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"isRequired()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [pattern]=\"pattern()\"\n  [jsonFormat]=\"jsonFormat()\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [appearance]=\"appearance()\"\n  [maxLength]=\"maxlength()\"\n  [minLength]=\"minlength()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [showMaxTextLength]=\"showMaxTextLength()\"\n  [customValidation]=\"customValidation()\"\n  [inputId]=\"id()\"\n>\n  <bmb-input-content\n    [inputId]=\"id()\"\n    [type]=\"type()\"\n    [name]=\"name()\"\n    [placeholder]=\"placeholder()\"\n    [icon]=\"icon()\"\n    [appearance]=\"appearance()\"\n    [isRequired]=\"isRequired()\"\n    [spellcheck]=\"spellcheck()\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [maxLength]=\"maxlength()\"\n    [minLength]=\"minlength()\"\n    [pattern]=\"pattern()\"\n    [additionalAction]=\"additionalAction()\"\n    [heightTextArea]=\"heightTextArea()\"\n    [rows]=\"rows()\"\n    [isClearable]=\"isClearable()\"\n    [isError]=\"shouldShowError\"\n    [control]=\"control()\"\n    (onFocus)=\"onFocus($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onKeyDown)=\"handleKeyPress($event)\"\n    (onChange)=\"handleChange($event)\"\n  >\n    <ng-template #customContent>\n      <ng-container [ngTemplateOutlet]=\"customInputContent\" />\n    </ng-template>\n  </bmb-input-content>\n</bmb-input-validator>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbInputComponent, isStandalone: true, selector: "bmb-input", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, jsonFormat: { classPropertyName: "jsonFormat", publicName: "jsonFormat", isSignal: true, isRequired: false, transformFunction: null }, heightTextArea: { classPropertyName: "heightTextArea", publicName: "heightTextArea", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, showMaxTextLength: { classPropertyName: "showMaxTextLength", publicName: "showMaxTextLength", isSignal: true, isRequired: false, transformFunction: null }, additionalAction: { classPropertyName: "additionalAction", publicName: "additionalAction", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange", isFocus: "isFocus", isBlur: "isBlur", onChange: "onChange", onKeyDown: "onKeyDown" }, queries: [{ propertyName: "customInputContent", first: true, predicate: ["customInputContent"], descendants: true }], ngImport: i0, template: "<bmb-input-validator\n  [type]=\"type()\"\n  [name]=\"name()\"\n  [label]=\"label()\"\n  [value]=\"value()\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"isRequired()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [pattern]=\"pattern()\"\n  [jsonFormat]=\"jsonFormat()\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [appearance]=\"appearance()\"\n  [maxLength]=\"maxlength()\"\n  [minLength]=\"minlength()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [showMaxTextLength]=\"showMaxTextLength()\"\n  [customValidation]=\"customValidation()\"\n  [inputId]=\"id()\"\n>\n  <bmb-input-content\n    [inputId]=\"id()\"\n    [type]=\"type()\"\n    [name]=\"name()\"\n    [placeholder]=\"placeholder()\"\n    [icon]=\"icon()\"\n    [appearance]=\"appearance()\"\n    [isRequired]=\"isRequired()\"\n    [spellcheck]=\"spellcheck()\"\n    [max]=\"max()\"\n    [min]=\"min()\"\n    [maxLength]=\"maxlength()\"\n    [minLength]=\"minlength()\"\n    [pattern]=\"pattern()\"\n    [additionalAction]=\"additionalAction()\"\n    [heightTextArea]=\"heightTextArea()\"\n    [rows]=\"rows()\"\n    [isClearable]=\"isClearable()\"\n    [isError]=\"shouldShowError\"\n    [control]=\"control()\"\n    (onFocus)=\"onFocus($event)\"\n    (onBlur)=\"onBlur($event)\"\n    (onKeyDown)=\"handleKeyPress($event)\"\n    (onChange)=\"handleChange($event)\"\n  >\n    <ng-template #customContent>\n      <ng-container [ngTemplateOutlet]=\"customInputContent\" />\n    </ng-template>\n  </bmb-input-content>\n</bmb-input-validator>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputComponent, decorators: [{
             type: Component,
@@ -3407,6 +3476,7 @@ class BmbDropdownComponent {
         this.isFilterable = input(false);
         this.inputId = input(this.name());
         this.customValidation = input();
+        this.customFilterFunction = input(null);
         this.control = model(newFormControlByType());
         this.onValueChange = output();
         this.onFocus = output();
@@ -3511,6 +3581,7 @@ class BmbDropdownComponent {
                 items: this.parsedOptions(),
                 isKeyboardEvent: this.isKeyboardEvent,
                 enableFilter: this.isFilterable(),
+                customFilterFunction: this.customFilterFunction(),
             },
             focusOnOpen: true,
         };
@@ -3530,7 +3601,7 @@ class BmbDropdownComponent {
         return showError(this.control());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropdownComponent, deps: [{ token: BmbProjectionContentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbDropdownComponent, isStandalone: true, selector: "bmb-dropdown", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, preferredOptions: { classPropertyName: "preferredOptions", publicName: "preferredOptions", isSignal: true, isRequired: false, transformFunction: null }, isMultiSelect: { classPropertyName: "isMultiSelect", publicName: "isMultiSelect", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isFilterable: { classPropertyName: "isFilterable", publicName: "isFilterable", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, isModalOpen: { classPropertyName: "isModalOpen", publicName: "isModalOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onValueChange: "onValueChange", onFocus: "onFocus", isModalOpen: "isModalOpenChange" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentDiv"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n  class=\"bmb_dropdown\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [value]=\"getValidInitialValues()\"\n  [label]=\"label()!\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperText()\"\n  [isRequired]=\"required()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [customValidation]=\"customValidation()\"\n>\n  <div #contentDiv>\n    <bmb-input-content\n      class=\"bmb_dropdown-field\"\n      type=\"text\"\n      [inputId]=\"inputId()\"\n      [name]=\"name()\"\n      [icon]=\"getIcon()\"\n      [control]=\"selectionControl\"\n      [isReadOnly]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [isError]=\"shouldShowError\"\n      (click)=\"openList()\"\n      (onKeyDown)=\"onKeyDown($event)\"\n      (onBlur)=\"handleValidity()\"\n      (onFocus)=\"handleFocus($event)\"\n    >\n      <ng-template #customContent>\n        <label [htmlFor]=\"inputId()\">\n          <bmb-icon\n            class=\"bmb_field-actions\"\n            icon=\"keyboard_arrow_down\"\n            (click)=\"openList()\"\n            [size]=\"24\"\n          />\n        </label>\n      </ng-template>\n    </bmb-input-content>\n  </div>\n  <input\n    hidden\n    type=\"text\"\n    [id]=\"getUUID('id')\"\n    [name]=\"name()\"\n    [formControl]=\"control()\"\n  />\n</bmb-input-validator>\n", styles: [".bmb_dropdown{display:inline-block;position:relative;width:100%}.bmb_dropdown-field .bmb_field-input{padding-right:2.25rem}.bmb_dropdown-field .bmb_field-input-normal,.bmb_dropdown-field .bmb_field-actions{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbDropdownComponent, isStandalone: true, selector: "bmb-dropdown", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, preferredOptions: { classPropertyName: "preferredOptions", publicName: "preferredOptions", isSignal: true, isRequired: false, transformFunction: null }, isMultiSelect: { classPropertyName: "isMultiSelect", publicName: "isMultiSelect", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isFilterable: { classPropertyName: "isFilterable", publicName: "isFilterable", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, customFilterFunction: { classPropertyName: "customFilterFunction", publicName: "customFilterFunction", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, isModalOpen: { classPropertyName: "isModalOpen", publicName: "isModalOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onValueChange: "onValueChange", onFocus: "onFocus", isModalOpen: "isModalOpenChange" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentDiv"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n  class=\"bmb_dropdown\"\n  [inputId]=\"inputId()\"\n  [name]=\"name()\"\n  [value]=\"getValidInitialValues()\"\n  [label]=\"label()!\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperText()\"\n  [isRequired]=\"required()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [customValidation]=\"customValidation()\"\n>\n  <div #contentDiv>\n    <bmb-input-content\n      class=\"bmb_dropdown-field\"\n      type=\"text\"\n      [inputId]=\"inputId()\"\n      [name]=\"name()\"\n      [icon]=\"getIcon()\"\n      [control]=\"selectionControl\"\n      [isReadOnly]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [isError]=\"shouldShowError\"\n      (click)=\"openList()\"\n      (onKeyDown)=\"onKeyDown($event)\"\n      (onBlur)=\"handleValidity()\"\n      (onFocus)=\"handleFocus($event)\"\n    >\n      <ng-template #customContent>\n        <label [htmlFor]=\"inputId()\">\n          <bmb-icon\n            class=\"bmb_field-actions\"\n            icon=\"keyboard_arrow_down\"\n            (click)=\"openList()\"\n            [size]=\"24\"\n          />\n        </label>\n      </ng-template>\n    </bmb-input-content>\n  </div>\n  <input\n    hidden\n    type=\"text\"\n    [id]=\"getUUID('id')\"\n    [name]=\"name()\"\n    [formControl]=\"control()\"\n  />\n</bmb-input-validator>\n", styles: [".bmb_dropdown{display:inline-block;position:relative;width:100%}.bmb_dropdown-field .bmb_field-input{padding-right:2.25rem}.bmb_dropdown-field .bmb_field-input-normal,.bmb_dropdown-field .bmb_field-actions{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropdownComponent, decorators: [{
             type: Component,
@@ -3736,7 +3807,7 @@ class BmbFilterCardComponent {
         this.filterForm.get('search')?.setValue(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbFilterCardComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\n  <ng-template #modalTemplate>\n    <div class=\"bmb_filter_card-modal\">\n      <form [formGroup]=\"filterForm\">\n        @if (showDropdown()) {\n          <bmb-dropdown\n            [placeholder]=\"placeholderSearch()\"\n            [options]=\"dropdownOptions()\"\n            [control]=\"getFormControl('search')\"\n            (onValueChange)=\"onValueChange($event)\"\n            [isFilterable]=\"true\"\n          />\n        } @else {\n          <bmb-input\n            [placeholder]=\"placeholderSearch()\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"getFormControl('search')\"\n            [isClearable]=\"true\"\n          />\n        }\n        @for (controlType of controlTypes(); track $index) {\n          <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n          <div class=\"bmb_filter_card-control\">\n            @for (control of controlType.control; track $index) {\n              @switch (control.type) {\n                @case ('tag') {\n                  <bmb-tag\n                    [text]=\"control.label\"\n                    [dismissible]=\"false\"\n                    [enableClick]=\"true\"\n                    [isActive]=\"storedValues[control.name]?.checked ?? false\"\n                    (clickedTag)=\"onControlChange(control, $event)\"\n                  />\n                }\n                @case ('radial') {\n                  <bmb-radial\n                    [name]=\"control.name\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [checked]=\"\n                      filterForm.get(control.name)?.value === control.label\n                    \"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('checkbox') {\n                  <bmb-checkbox\n                    [name]=\"control.name\"\n                    [checked]=\"filterForm.get(control.name)?.value\"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('switch') {\n                  <bmb-switch\n                    [rightText]=\"control.rightText ?? ''\"\n                    [isChecked]=\"filterForm.get(control.name)?.value === true\"\n                    (change)=\"onControlChange(control, $event)\"\n                  />\n                }\n              }\n            }\n          </div>\n        }\n        @if (inLine()) {\n          <footer class=\"bmb_filter_card-footer\">\n            <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n              {{ secondaryBtnLabel() }}\n            </button>\n            <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n              {{ primaryBtnLabel() }}\n            </button>\n          </footer>\n        }\n      </form>\n    </div>\n  </ng-template>\n\n  @if (inLine()) {\n    <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_filter_card-button\"\n      (click)=\"openModalComponent()\"\n      type=\"button\"\n    >\n      <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n    </button>\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 48rem){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-flow:column;flex-wrap:wrap;justify-content:center;gap:1rem}@media (min-width: 48rem){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\n  <ng-template #modalTemplate>\n    <div class=\"bmb_filter_card-modal\">\n      <form [formGroup]=\"filterForm\">\n        @if (showDropdown()) {\n          <bmb-dropdown\n            [placeholder]=\"placeholderSearch()\"\n            [options]=\"dropdownOptions()\"\n            [control]=\"getFormControl('search')\"\n            (onValueChange)=\"onValueChange($event)\"\n            [isFilterable]=\"true\"\n          />\n        } @else {\n          <bmb-input\n            [placeholder]=\"placeholderSearch()\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"getFormControl('search')\"\n            [isClearable]=\"true\"\n          />\n        }\n        @for (controlType of controlTypes(); track $index) {\n          <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n          <div class=\"bmb_filter_card-control\">\n            @for (control of controlType.control; track $index) {\n              @switch (control.type) {\n                @case ('tag') {\n                  <bmb-tag\n                    [text]=\"control.label\"\n                    [dismissible]=\"false\"\n                    [enableClick]=\"true\"\n                    [isActive]=\"storedValues[control.name]?.checked ?? false\"\n                    (clickedTag)=\"onControlChange(control, $event)\"\n                  />\n                }\n                @case ('radial') {\n                  <bmb-radial\n                    [name]=\"control.name\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [checked]=\"\n                      filterForm.get(control.name)?.value === control.label\n                    \"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('checkbox') {\n                  <bmb-checkbox\n                    [name]=\"control.name\"\n                    [checked]=\"filterForm.get(control.name)?.value\"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('switch') {\n                  <bmb-switch\n                    [rightText]=\"control.rightText ?? ''\"\n                    [isChecked]=\"filterForm.get(control.name)?.value === true\"\n                    (change)=\"onControlChange(control, $event)\"\n                  />\n                }\n              }\n            }\n          </div>\n        }\n        @if (inLine()) {\n          <footer class=\"bmb_filter_card-footer\">\n            <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n              {{ secondaryBtnLabel() }}\n            </button>\n            <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n              {{ primaryBtnLabel() }}\n            </button>\n          </footer>\n        }\n      </form>\n    </div>\n  </ng-template>\n\n  @if (inLine()) {\n    <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_filter_card-button\"\n      (click)=\"openModalComponent()\"\n      type=\"button\"\n    >\n      <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n    </button>\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 48rem){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-flow:column;flex-wrap:wrap;justify-content:center;gap:1rem}@media (min-width: 48rem){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "customFilterFunction", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbFilterCardComponent, decorators: [{
             type: Component,
@@ -4323,23 +4394,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 class BmbValueCounterComponent {
     constructor() {
-        this.label = '';
-        this.value = '';
-        this.progress = '';
+        this.label = input('');
+        this.value = input('');
+        this.progress = input('');
+        this.textFormatSeparator = input(''); //Internal
+        this.textFormat = input((counter, total) => `${counter}/${total}`);
+    }
+    get formattedText() {
+        if (this.textFormat() !== null) {
+            return this.textFormat()(this.progress().toString(), this.value().toString());
+        }
+        return `${this.progress()}/${this.value()}`;
+    }
+    get separator() {
+        return this.textFormatSeparator() ? this.textFormatSeparator() : '/';
+    }
+    get progressValue() {
+        if (this.separator) {
+            return this.formattedText.substring(0, this.formattedText.indexOf('/'));
+        }
+        return this.value();
+    }
+    get totalValue() {
+        if (this.separator) {
+            return this.formattedText.substring(this.formattedText.indexOf('/') + 1);
+        }
+        return this.progress();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbValueCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BmbValueCounterComponent, isStandalone: true, selector: "bmb-value-counter", inputs: { label: "label", value: "value", progress: "progress" }, ngImport: i0, template: "<div class=\"bmb_value-counter\">\n  <h3 class=\"bmb_value-counter-label\">{{ label }}</h3>\n  <span class=\"bmb_value-counter-progress\">{{ progress }}</span>\n  <span class=\"bmb_value-counter-slash\">/</span>\n  <span class=\"bmb_value-counter-value\">{{ value }}</span>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_value-counter{align-items:center;display:flex;gap:.5rem}.bmb_value-counter-label{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:RGBA(var(--color-charade-950));flex:1}.bmb_value-counter-progress,.bmb_value-counter-slash{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:RGBA(var(--color-charade-950))}.bmb_value-counter-value{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:RGBA(var(--color-charade-700))}[data-theme=dark] .bmb_value-counter-label,[data-theme=dark] .bmb_value-counter-progress,[data-theme=dark] .bmb_value-counter-slash,.storybook-dark-theme .bmb_value-counter-label,.storybook-dark-theme .bmb_value-counter-progress,.storybook-dark-theme .bmb_value-counter-slash{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_value-counter-value,.storybook-dark-theme .bmb_value-counter-value{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbValueCounterComponent, isStandalone: true, selector: "bmb-value-counter", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, textFormatSeparator: { classPropertyName: "textFormatSeparator", publicName: "textFormatSeparator", isSignal: true, isRequired: false, transformFunction: null }, textFormat: { classPropertyName: "textFormat", publicName: "textFormat", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section\n  class=\"bmb_value-counter\"\n  bmbLayout\n  [dynamicCols]=\"true\"\n  margin=\"none\"\n  alignItems=\"center\"\n  justify=\"spaceBetween\"\n>\n  <h3 class=\"bmb_value-counter-label\" bmbLayoutItem>{{ label() }}</h3>\n  <section\n    bmbLayoutItem\n    bmbLayout\n    [dynamicCols]=\"true\"\n    margin=\"none\"\n    gapSize=\"xs\"\n    alignItems=\"center\"\n  >\n    @if (!!progressValue) {\n      <span class=\"bmb_value-counter-progress\" bmbLayoutItem>\n        {{ progressValue }}\n      </span>\n      <span class=\"bmb_value-counter-slash\" bmbLayoutItem>/</span>\n    }\n    <span class=\"bmb_value-counter-value\" bmbLayoutItem>\n      {{ totalValue }}\n    </span>\n  </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_value-counter{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_value-counter-label{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_value-counter-value{color:var(--general_contrasts-75)}\n"], dependencies: [{ kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbValueCounterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-value-counter', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_value-counter\">\n  <h3 class=\"bmb_value-counter-label\">{{ label }}</h3>\n  <span class=\"bmb_value-counter-progress\">{{ progress }}</span>\n  <span class=\"bmb_value-counter-slash\">/</span>\n  <span class=\"bmb_value-counter-value\">{{ value }}</span>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_value-counter{align-items:center;display:flex;gap:.5rem}.bmb_value-counter-label{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:RGBA(var(--color-charade-950));flex:1}.bmb_value-counter-progress,.bmb_value-counter-slash{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:RGBA(var(--color-charade-950))}.bmb_value-counter-value{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:RGBA(var(--color-charade-700))}[data-theme=dark] .bmb_value-counter-label,[data-theme=dark] .bmb_value-counter-progress,[data-theme=dark] .bmb_value-counter-slash,.storybook-dark-theme .bmb_value-counter-label,.storybook-dark-theme .bmb_value-counter-progress,.storybook-dark-theme .bmb_value-counter-slash{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_value-counter-value,.storybook-dark-theme .bmb_value-counter-value{color:RGBA(var(--color-charade-200))}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], progress: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'bmb-value-counter', standalone: true, imports: [BmbLayoutDirective, BmbLayoutItemDirective], encapsulation: ViewEncapsulation.None, template: "<section\n  class=\"bmb_value-counter\"\n  bmbLayout\n  [dynamicCols]=\"true\"\n  margin=\"none\"\n  alignItems=\"center\"\n  justify=\"spaceBetween\"\n>\n  <h3 class=\"bmb_value-counter-label\" bmbLayoutItem>{{ label() }}</h3>\n  <section\n    bmbLayoutItem\n    bmbLayout\n    [dynamicCols]=\"true\"\n    margin=\"none\"\n    gapSize=\"xs\"\n    alignItems=\"center\"\n  >\n    @if (!!progressValue) {\n      <span class=\"bmb_value-counter-progress\" bmbLayoutItem>\n        {{ progressValue }}\n      </span>\n      <span class=\"bmb_value-counter-slash\" bmbLayoutItem>/</span>\n    }\n    <span class=\"bmb_value-counter-value\" bmbLayoutItem>\n      {{ totalValue }}\n    </span>\n  </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_value-counter{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_value-counter-label{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_value-counter-value{color:var(--general_contrasts-75)}\n"] }]
+        }] });
 
 const MOBILE_TABLET_QUERY = '(max-width: 992px)';
 class BmbStepProgressBarComponent {
@@ -5401,13 +5489,18 @@ class BmbCalendarTemplateMobileComponent {
                 this.onCurrentDateChange.emit(date.minus(config));
             }
         };
-        const newDate = DateTime.fromObject({
-            month: this.now().month,
-            year: this.now().year,
-            day: 1,
-        });
-        modifyDate({ config: { month: 1 }, date: newDate });
-        this.isWedgeOpen = false;
+        if (this.isWedgeOpen) {
+            const newDate = DateTime.fromObject({
+                month: this.now().month,
+                year: this.now().year,
+                day: 1,
+            });
+            modifyDate({ config: { month: 1 }, date: newDate });
+            this.isWedgeOpen = false;
+        }
+        else {
+            modifyDate({ config: { days: 7 }, date: this.now() });
+        }
     }
     isSelectedDay(date) {
         return date.hasSame(this.now(), 'day');
@@ -5557,6 +5650,7 @@ class BmbCalendarComponent {
     }
     ngOnInit() {
         this.view.update((value) => (window.innerWidth < 1000 ? 'day' : value));
+        this.calendarForm.addControl('enable_notifications', new FormControl(true));
         this.timerId = setInterval(() => {
             this.updateTime();
         }, 60000); // Actualiza cada 60000 milisegundos (1 minuto)
@@ -5625,7 +5719,7 @@ class BmbCalendarComponent {
     }
     handleShowModalFilter() {
         this.filterModalId.set(this.modalService.openModal({
-            title: this.translationsService.translate('calendar.title'),
+            title: this.translationsService.translate('calendar.modal.title'),
             subtitle: this.translationsService.translate('calendar.subtitle'),
             content: this.modalTemplate,
             size: 'x-small',
@@ -5676,7 +5770,7 @@ class BmbCalendarComponent {
         return ['bmb_calendar-event-bullet', `bmb_calendar-event-bullet-${name}`];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbCalendarComponent, deps: [{ token: BmbCalendarService }, { token: BmbNativeModalService }, { token: BmbTranslationsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showFilterButton: { classPropertyName: "showFilterButton", publicName: "showFilterButton", isSignal: true, isRequired: false, transformFunction: null }, disableMobileFilter: { classPropertyName: "disableMobileFilter", publicName: "disableMobileFilter", isSignal: true, isRequired: false, transformFunction: null }, visibleDate: { classPropertyName: "visibleDate", publicName: "visibleDate", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", filters: "filtersChange", visibleDate: "visibleDateChange", onDateChange: "onDateChange", onClose: "onClose" }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n  @if (isMobileHeader) {\n    <bmb-calendar-template-mobile\n      [now]=\"visibleDate()\"\n      [events]=\"filteredEvents()\"\n      (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n      [weekDays]=\"renderWeekDays()\"\n      [calendarTitle]=\"calendarTitle()\"\n      [disableMobileFilter]=\"disableMobileFilter()\"\n      (onClose)=\"handleClose()\"\n      (showFilters)=\"handleShowModalFilter()\"\n    />\n  } @else {\n    <bmb-calendar-header\n      [weekDays]=\"renderWeekDays()\"\n      [view]=\"view()\"\n      [currentDate]=\"visibleDate()\"\n      (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n      (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n      [showFilterButton]=\"showFilterButton()\"\n      (showFilters)=\"handleShowModalFilter()\"\n    />\n  }\n  @switch (view()) {\n    @case ('day') {\n      <bmb-calendar-template-day\n        [now]=\"visibleDate()\"\n        [events]=\"getDayEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        [currentTime]=\"currentTime()\"\n        [startBusinessHour]=\"startBusinessHour()\"\n        [dateFormat]=\"dateFormat()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @case ('week') {\n      <bmb-calendar-template-week\n        [weekDays]=\"renderWeekDays()\"\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        [currentTime]=\"currentTime()\"\n        [startBusinessHour]=\"startBusinessHour()\"\n        [selectedWeek]=\"selectedWeek()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @case ('month') {\n      <bmb-calendar-template-month\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @default {\n      <bmb-calendar-template-week\n        [weekDays]=\"renderWeekDays()\"\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n  }\n\n  @if (isLoading()) {\n    <div class=\"bmb_calendar-loader\">\n      <bmb-loader [showInline]=\"true\" />\n    </div>\n  }\n</div>\n\n<ng-template #detailContent>\n  @if (selectedEvent) {\n    <section>\n      @if (selectedEvent.tags?.length) {\n        <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n          @for (item of selectedEvent.tags; track $index) {\n            <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n          }\n        </p>\n      }\n      @if (selectedEvent.title) {\n        <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n      }\n      @if (selectedEvent.place) {\n        <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n      }\n      <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n    </section>\n  }\n</ng-template>\n\n<ng-template #modalTemplate>\n  <form [formGroup]=\"calendarForm\">\n    @for (item of filteredEvents().calendars; track $index) {\n      <div bmbLayout gapSize=\"s\" alignItems=\"center\">\n        <bmb-checkbox\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [inputId]=\"'checkbox_' + item\"\n          [name]=\"'checkbox_' + item\"\n          [control]=\"getFormControl(item)\"\n        />\n        <div\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [ngClass]=\"getBulletClass(item)\"\n        ></div>\n        <label\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [colGrow]=\"1\"\n          [htmlFor]=\"'checkbox_' + item\"\n          >{{ getCalendarName(item) }}</label\n        >\n      </div>\n      <bmb-divider type=\"dashed\"></bmb-divider>\n    }\n  </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 62.5625rem){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 62.5rem){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 62.5625rem){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbCalendarTemplateDayComponent, selector: "bmb-calendar-template-day", inputs: ["now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "events", "calendarTitle", "disableMobileFilter"], outputs: ["onClose", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showFilterButton: { classPropertyName: "showFilterButton", publicName: "showFilterButton", isSignal: true, isRequired: false, transformFunction: null }, disableMobileFilter: { classPropertyName: "disableMobileFilter", publicName: "disableMobileFilter", isSignal: true, isRequired: false, transformFunction: null }, visibleDate: { classPropertyName: "visibleDate", publicName: "visibleDate", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", filters: "filtersChange", visibleDate: "visibleDateChange", onDateChange: "onDateChange", onClose: "onClose" }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n  @if (isMobileHeader) {\n    <bmb-calendar-template-mobile\n      [now]=\"visibleDate()\"\n      [events]=\"filteredEvents()\"\n      (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n      [weekDays]=\"renderWeekDays()\"\n      [calendarTitle]=\"calendarTitle()\"\n      [disableMobileFilter]=\"disableMobileFilter()\"\n      (onClose)=\"handleClose()\"\n      (showFilters)=\"handleShowModalFilter()\"\n    />\n  } @else {\n    <bmb-calendar-header\n      [weekDays]=\"renderWeekDays()\"\n      [view]=\"view()\"\n      [currentDate]=\"visibleDate()\"\n      (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n      (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n      [showFilterButton]=\"showFilterButton()\"\n      (showFilters)=\"handleShowModalFilter()\"\n    />\n  }\n  @switch (view()) {\n    @case ('day') {\n      <bmb-calendar-template-day\n        [now]=\"visibleDate()\"\n        [events]=\"getDayEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        [currentTime]=\"currentTime()\"\n        [startBusinessHour]=\"startBusinessHour()\"\n        [dateFormat]=\"dateFormat()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @case ('week') {\n      <bmb-calendar-template-week\n        [weekDays]=\"renderWeekDays()\"\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        [currentTime]=\"currentTime()\"\n        [startBusinessHour]=\"startBusinessHour()\"\n        [selectedWeek]=\"selectedWeek()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @case ('month') {\n      <bmb-calendar-template-month\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @default {\n      <bmb-calendar-template-week\n        [weekDays]=\"renderWeekDays()\"\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n  }\n\n  @if (isLoading()) {\n    <div class=\"bmb_calendar-loader\">\n      <bmb-loader [showInline]=\"true\" />\n    </div>\n  }\n</div>\n\n<ng-template #detailContent>\n  @if (selectedEvent) {\n    <section>\n      @if (selectedEvent.tags?.length) {\n        <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n          @for (item of selectedEvent.tags; track $index) {\n            <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n          }\n        </p>\n      }\n      @if (selectedEvent.title) {\n        <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n      }\n      @if (selectedEvent.place) {\n        <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n      }\n      <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n    </section>\n  }\n</ng-template>\n\n<ng-template #modalTemplate>\n  <form [formGroup]=\"calendarForm\">\n    @for (item of filteredEvents().calendars; track $index) {\n      <div bmbLayout gapSize=\"s\" alignItems=\"center\">\n        <bmb-checkbox\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [inputId]=\"'checkbox_' + item\"\n          [name]=\"'checkbox_' + item\"\n          [control]=\"getFormControl(item)\"\n        />\n        <div\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [ngClass]=\"getBulletClass(item)\"\n        ></div>\n        <label\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [colGrow]=\"1\"\n          [htmlFor]=\"'checkbox_' + item\"\n          >{{ getCalendarName(item) }}</label\n        >\n      </div>\n    }\n    <bmb-divider type=\"solid\"></bmb-divider>\n    <bmb-switch\n      [isChecked]=\"true\"\n      [ariaLabel]=\"('calendar.modal.notification_label' | translate)\"\n      [rightText]=\"('calendar.modal.notification_label' | translate)\"\n      name=\"enable_notifications\"\n      inputId=\"enable_notifications\"\n      [control]=\" getFormControl('enable_notifications')\"\n    ></bmb-switch>\n  </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 62.5625rem){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 62.5rem){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 62.5625rem){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbCalendarTemplateDayComponent, selector: "bmb-calendar-template-day", inputs: ["now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "events", "calendarTitle", "disableMobileFilter"], outputs: ["onClose", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbCalendarComponent, decorators: [{
             type: Component,
@@ -5694,7 +5788,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         BmbDividerComponent,
                         BmbLayoutDirective,
                         BmbLayoutItemDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n  @if (isMobileHeader) {\n    <bmb-calendar-template-mobile\n      [now]=\"visibleDate()\"\n      [events]=\"filteredEvents()\"\n      (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n      [weekDays]=\"renderWeekDays()\"\n      [calendarTitle]=\"calendarTitle()\"\n      [disableMobileFilter]=\"disableMobileFilter()\"\n      (onClose)=\"handleClose()\"\n      (showFilters)=\"handleShowModalFilter()\"\n    />\n  } @else {\n    <bmb-calendar-header\n      [weekDays]=\"renderWeekDays()\"\n      [view]=\"view()\"\n      [currentDate]=\"visibleDate()\"\n      (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n      (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n      [showFilterButton]=\"showFilterButton()\"\n      (showFilters)=\"handleShowModalFilter()\"\n    />\n  }\n  @switch (view()) {\n    @case ('day') {\n      <bmb-calendar-template-day\n        [now]=\"visibleDate()\"\n        [events]=\"getDayEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        [currentTime]=\"currentTime()\"\n        [startBusinessHour]=\"startBusinessHour()\"\n        [dateFormat]=\"dateFormat()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @case ('week') {\n      <bmb-calendar-template-week\n        [weekDays]=\"renderWeekDays()\"\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        [currentTime]=\"currentTime()\"\n        [startBusinessHour]=\"startBusinessHour()\"\n        [selectedWeek]=\"selectedWeek()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @case ('month') {\n      <bmb-calendar-template-month\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @default {\n      <bmb-calendar-template-week\n        [weekDays]=\"renderWeekDays()\"\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n  }\n\n  @if (isLoading()) {\n    <div class=\"bmb_calendar-loader\">\n      <bmb-loader [showInline]=\"true\" />\n    </div>\n  }\n</div>\n\n<ng-template #detailContent>\n  @if (selectedEvent) {\n    <section>\n      @if (selectedEvent.tags?.length) {\n        <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n          @for (item of selectedEvent.tags; track $index) {\n            <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n          }\n        </p>\n      }\n      @if (selectedEvent.title) {\n        <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n      }\n      @if (selectedEvent.place) {\n        <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n      }\n      <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n    </section>\n  }\n</ng-template>\n\n<ng-template #modalTemplate>\n  <form [formGroup]=\"calendarForm\">\n    @for (item of filteredEvents().calendars; track $index) {\n      <div bmbLayout gapSize=\"s\" alignItems=\"center\">\n        <bmb-checkbox\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [inputId]=\"'checkbox_' + item\"\n          [name]=\"'checkbox_' + item\"\n          [control]=\"getFormControl(item)\"\n        />\n        <div\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [ngClass]=\"getBulletClass(item)\"\n        ></div>\n        <label\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [colGrow]=\"1\"\n          [htmlFor]=\"'checkbox_' + item\"\n          >{{ getCalendarName(item) }}</label\n        >\n      </div>\n      <bmb-divider type=\"dashed\"></bmb-divider>\n    }\n  </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 62.5625rem){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 62.5rem){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 62.5625rem){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"] }]
+                        TranslatePipe,
+                        BmbSwitchComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n  @if (isMobileHeader) {\n    <bmb-calendar-template-mobile\n      [now]=\"visibleDate()\"\n      [events]=\"filteredEvents()\"\n      (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n      [weekDays]=\"renderWeekDays()\"\n      [calendarTitle]=\"calendarTitle()\"\n      [disableMobileFilter]=\"disableMobileFilter()\"\n      (onClose)=\"handleClose()\"\n      (showFilters)=\"handleShowModalFilter()\"\n    />\n  } @else {\n    <bmb-calendar-header\n      [weekDays]=\"renderWeekDays()\"\n      [view]=\"view()\"\n      [currentDate]=\"visibleDate()\"\n      (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n      (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n      [showFilterButton]=\"showFilterButton()\"\n      (showFilters)=\"handleShowModalFilter()\"\n    />\n  }\n  @switch (view()) {\n    @case ('day') {\n      <bmb-calendar-template-day\n        [now]=\"visibleDate()\"\n        [events]=\"getDayEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        [currentTime]=\"currentTime()\"\n        [startBusinessHour]=\"startBusinessHour()\"\n        [dateFormat]=\"dateFormat()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @case ('week') {\n      <bmb-calendar-template-week\n        [weekDays]=\"renderWeekDays()\"\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        [currentTime]=\"currentTime()\"\n        [startBusinessHour]=\"startBusinessHour()\"\n        [selectedWeek]=\"selectedWeek()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @case ('month') {\n      <bmb-calendar-template-month\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        (onSelectEvent)=\"handleSelectEvent($event)\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n    @default {\n      <bmb-calendar-template-week\n        [weekDays]=\"renderWeekDays()\"\n        [now]=\"visibleDate()\"\n        [events]=\"filteredEvents()\"\n        class=\"bmb_calendar-content\"\n      />\n    }\n  }\n\n  @if (isLoading()) {\n    <div class=\"bmb_calendar-loader\">\n      <bmb-loader [showInline]=\"true\" />\n    </div>\n  }\n</div>\n\n<ng-template #detailContent>\n  @if (selectedEvent) {\n    <section>\n      @if (selectedEvent.tags?.length) {\n        <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n          @for (item of selectedEvent.tags; track $index) {\n            <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n          }\n        </p>\n      }\n      @if (selectedEvent.title) {\n        <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n      }\n      @if (selectedEvent.place) {\n        <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n      }\n      <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n    </section>\n  }\n</ng-template>\n\n<ng-template #modalTemplate>\n  <form [formGroup]=\"calendarForm\">\n    @for (item of filteredEvents().calendars; track $index) {\n      <div bmbLayout gapSize=\"s\" alignItems=\"center\">\n        <bmb-checkbox\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [inputId]=\"'checkbox_' + item\"\n          [name]=\"'checkbox_' + item\"\n          [control]=\"getFormControl(item)\"\n        />\n        <div\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [ngClass]=\"getBulletClass(item)\"\n        ></div>\n        <label\n          bmbLayoutItem\n          [isDynamicItem]=\"true\"\n          [colGrow]=\"1\"\n          [htmlFor]=\"'checkbox_' + item\"\n          >{{ getCalendarName(item) }}</label\n        >\n      </div>\n    }\n    <bmb-divider type=\"solid\"></bmb-divider>\n    <bmb-switch\n      [isChecked]=\"true\"\n      [ariaLabel]=\"('calendar.modal.notification_label' | translate)\"\n      [rightText]=\"('calendar.modal.notification_label' | translate)\"\n      name=\"enable_notifications\"\n      inputId=\"enable_notifications\"\n      [control]=\" getFormControl('enable_notifications')\"\n    ></bmb-switch>\n  </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 62.5625rem){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 62.5rem){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 62.5625rem){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"] }]
         }], ctorParameters: () => [{ type: BmbCalendarService }, { type: BmbNativeModalService }, { type: BmbTranslationsService }], propDecorators: { detailContent: [{
                 type: ViewChild,
                 args: ['detailContent', { read: TemplateRef }]
@@ -6163,7 +6259,7 @@ class BmbSearchInputComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbSearchInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbSearchInputComponent, isStandalone: true, selector: "bmb-search-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isServerSideFilter: { classPropertyName: "isServerSideFilter", publicName: "isServerSideFilter", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, serverSideFilteredData: { classPropertyName: "serverSideFilteredData", publicName: "serverSideFilteredData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", onServerSideFilterEvent: "onServerSideFilterEvent", onClearField: "onClearField" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"bmb_search-input\">\n  <section\n    class=\"bmb_search-input-container\"\n    clickOutside\n    (clickOutside)=\"closeList()\"\n  >\n    <bmb-input-content\n      class=\"bmb_search-input-field\"\n      [inputId]=\"inputId()\"\n      [name]=\"name()\"\n      icon=\"search\"\n      [control]=\"filterControl\"\n      [placeholder]=\"placeholder()\"\n      [isClearable]=\"true\"\n      (keydown)=\"handleKeyDown($event)\"\n      (click)=\"handleItemClick()\"\n    />\n    <dialog [open]=\"isDialogOpen\" class=\"bmb_generic-dialog\">\n      <bmb-dropdown-content\n        class=\"bmb_search-input-dialog\"\n        name=\"list\"\n        [selectedOption]=\"filterControl.value\"\n        [(items)]=\"filteredData\"\n        [(isOpen)]=\"isDialogOpen\"\n      />\n    </dialog>\n  </section>\n</section>\n", styles: [".bmb_search-input{padding-bottom:var(--bmb-spacing-s)}.bmb_search-input-container{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbSearchInputComponent, isStandalone: true, selector: "bmb-search-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isServerSideFilter: { classPropertyName: "isServerSideFilter", publicName: "isServerSideFilter", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, serverSideFilteredData: { classPropertyName: "serverSideFilteredData", publicName: "serverSideFilteredData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", onServerSideFilterEvent: "onServerSideFilterEvent", onClearField: "onClearField" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"bmb_search-input\">\n  <section\n    class=\"bmb_search-input-container\"\n    clickOutside\n    (clickOutside)=\"closeList()\"\n  >\n    <bmb-input-content\n      class=\"bmb_search-input-field\"\n      [inputId]=\"inputId()\"\n      [name]=\"name()\"\n      icon=\"search\"\n      [control]=\"filterControl\"\n      [placeholder]=\"placeholder()\"\n      [isClearable]=\"true\"\n      (keydown)=\"handleKeyDown($event)\"\n      (click)=\"handleItemClick()\"\n    />\n    <dialog [open]=\"isDialogOpen\" class=\"bmb_generic-dialog\">\n      <bmb-dropdown-content\n        class=\"bmb_search-input-dialog\"\n        name=\"list\"\n        [selectedOption]=\"filterControl.value\"\n        [(items)]=\"filteredData\"\n        [(isOpen)]=\"isDialogOpen\"\n      />\n    </dialog>\n  </section>\n</section>\n", styles: [".bmb_search-input{padding-bottom:var(--bmb-spacing-s)}.bmb_search-input-container{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "customFilterFunction", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbSearchInputComponent, decorators: [{
             type: Component,
@@ -6487,7 +6583,7 @@ class BmbDatepickerComponent {
         return showError(this.control());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDatepickerComponent, deps: [{ token: BmbProjectionContentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbDatepickerComponent, isStandalone: true, selector: "bmb-datepicker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, invalidFormatErrorMessage: { classPropertyName: "invalidFormatErrorMessage", publicName: "invalidFormatErrorMessage", isSignal: true, isRequired: false, transformFunction: null }, requiredFieldErrorMessage: { classPropertyName: "requiredFieldErrorMessage", publicName: "requiredFieldErrorMessage", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, stepYearPicker: { classPropertyName: "stepYearPicker", publicName: "stepYearPicker", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disableDatesBefore: { classPropertyName: "disableDatesBefore", publicName: "disableDatesBefore", isSignal: true, isRequired: false, transformFunction: null }, disableDatesAfter: { classPropertyName: "disableDatesAfter", publicName: "disableDatesAfter", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onChange: "onChange" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentDiv"], descendants: true, static: true }, { propertyName: "modalTemplateRef", first: true, predicate: ["modalTemplate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"bmb_datepicker\">\n  <section class=\"bmb-datepicker-container\">\n    <bmb-input-validator\n      class=\"bmb_datepicker_validator\"\n      [inputId]=\"inputId()\"\n      [name]=\"name()\"\n      [value]=\"control().value\"\n      [label]=\"label()!\"\n      [errorMessage]=\"errorMessage()\"\n      [helperMessage]=\"helperMessage()\"\n      [isRequired]=\"isRequired()\"\n      [isDisabled]=\"disabled()\"\n      [control]=\"control()\"\n      [showError]=\"shouldShowError\"\n      [tooltip]=\"tooltip()\"\n      [tooltipPosition]=\"tooltipPosition()\"\n      [customValidation]=\"customValidation()\"\n    >\n      <div #contentDiv>\n        <bmb-input-content\n          class=\"bmb_dropdown-field\"\n          type=\"text\"\n          [inputId]=\"inputId()\"\n          [name]=\"name()\"\n          [icon]=\"icon()\"\n          [control]=\"control()\"\n          [isReadOnly]=\"true\"\n          [placeholder]=\"placeholder()\"\n          [isError]=\"shouldShowError\"\n          (click)=\"handleFocusedEvent($event)\"\n          (onKeyDown)=\"handleFocusedEvent($event)\"\n        >\n        </bmb-input-content>\n      </div>\n    </bmb-input-validator>\n    <ng-template #modalTemplate>\n      <bmb-datepicker-modal\n        [now]=\"now\"\n        [isWindowOpen]=\"isWindowOpen\"\n        (onValueChange)=\"handleValueChange($event)\"\n        [value]=\"control().valid && control().value\"\n        [dateFormat]=\"dateFormat()\"\n        [stepYearPicker]=\"stepYearPicker()\"\n        [disableDatesBefore]=\"convertToDate(disableDatesBefore())\"\n        [disableDatesAfter]=\"convertToDate(disableDatesAfter())\"\n      />\n    </ng-template>\n  </section>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_datepicker{display:inline-flex;width:100%;font-family:Poppins-Regular,sans-serif;font-size:.75rem;flex-flow:column;position:relative}.bmb_datepicker-container{flex:1}.bmb_datepicker-container-input{display:none}.bmb_datepicker-container-button{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbDatepickerModalComponent, selector: "bmb-datepicker-modal", inputs: ["isWindowOpen", "now", "value", "dateFormat", "stepYearPicker", "disableDatesBefore", "disableDatesAfter"], outputs: ["onValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbDatepickerComponent, isStandalone: true, selector: "bmb-datepicker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, invalidFormatErrorMessage: { classPropertyName: "invalidFormatErrorMessage", publicName: "invalidFormatErrorMessage", isSignal: true, isRequired: false, transformFunction: null }, requiredFieldErrorMessage: { classPropertyName: "requiredFieldErrorMessage", publicName: "requiredFieldErrorMessage", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, stepYearPicker: { classPropertyName: "stepYearPicker", publicName: "stepYearPicker", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disableDatesBefore: { classPropertyName: "disableDatesBefore", publicName: "disableDatesBefore", isSignal: true, isRequired: false, transformFunction: null }, disableDatesAfter: { classPropertyName: "disableDatesAfter", publicName: "disableDatesAfter", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onChange: "onChange" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentDiv"], descendants: true, static: true }, { propertyName: "modalTemplateRef", first: true, predicate: ["modalTemplate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"bmb_datepicker\">\n  <section class=\"bmb-datepicker-container\">\n    <bmb-input-validator\n      class=\"bmb_datepicker_validator\"\n      [inputId]=\"inputId()\"\n      [name]=\"name()\"\n      [value]=\"control().value\"\n      [label]=\"label()!\"\n      [errorMessage]=\"errorMessage()\"\n      [helperMessage]=\"helperMessage()\"\n      [isRequired]=\"isRequired()\"\n      [isDisabled]=\"disabled()\"\n      [control]=\"control()\"\n      [showError]=\"shouldShowError\"\n      [tooltip]=\"tooltip()\"\n      [tooltipPosition]=\"tooltipPosition()\"\n      [customValidation]=\"customValidation()\"\n    >\n      <div #contentDiv>\n        <bmb-input-content\n          class=\"bmb_dropdown-field\"\n          type=\"text\"\n          [inputId]=\"inputId()\"\n          [name]=\"name()\"\n          [icon]=\"icon()\"\n          [control]=\"control()\"\n          [isReadOnly]=\"true\"\n          [placeholder]=\"placeholder()\"\n          [isError]=\"shouldShowError\"\n          (click)=\"handleFocusedEvent($event)\"\n          (onKeyDown)=\"handleFocusedEvent($event)\"\n        >\n        </bmb-input-content>\n      </div>\n    </bmb-input-validator>\n    <ng-template #modalTemplate>\n      <bmb-datepicker-modal\n        [now]=\"now\"\n        [isWindowOpen]=\"isWindowOpen\"\n        (onValueChange)=\"handleValueChange($event)\"\n        [value]=\"control().valid && control().value\"\n        [dateFormat]=\"dateFormat()\"\n        [stepYearPicker]=\"stepYearPicker()\"\n        [disableDatesBefore]=\"convertToDate(disableDatesBefore())\"\n        [disableDatesAfter]=\"convertToDate(disableDatesAfter())\"\n      />\n    </ng-template>\n  </section>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_datepicker{display:inline-flex;width:100%;font-family:Poppins-Regular,sans-serif;font-size:.75rem;flex-flow:column;position:relative}.bmb_datepicker-container{flex:1}.bmb_datepicker-container-input{display:none}.bmb_datepicker-container-button{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbDatepickerModalComponent, selector: "bmb-datepicker-modal", inputs: ["isWindowOpen", "now", "value", "dateFormat", "stepYearPicker", "disableDatesBefore", "disableDatesAfter"], outputs: ["onValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDatepickerComponent, decorators: [{
             type: Component,
@@ -6609,6 +6705,8 @@ class BmbTablesComponent {
         this.currentPage = model(0);
         this.filtersVisible = model(false);
         this.filtersPosition = input('top');
+        this.selectionMode = input('all');
+        this.clearSelectionWhenPageChanges = input(false);
         this.select = new EventEmitter();
         this.clickedRow = new EventEmitter();
         this.searchChange = new EventEmitter();
@@ -6704,6 +6802,62 @@ class BmbTablesComponent {
             this.dataSource.paginator = this.paginator;
         }
     }
+    checkIfSelectionShouldBeCleared() {
+        if (this.clearSelectionWhenPageChanges()) {
+            this.selection.clear();
+            this.onSelect();
+        }
+    }
+    getPageData() {
+        const pageIndex = this.paginator?.pageIndex || 0;
+        const pageSize = this.paginator?.pageSize || 10;
+        const startIndex = pageIndex * pageSize;
+        const endIndex = Math.min(startIndex + pageSize, this.dataSource.data.length);
+        return this.dataSource.data.slice(startIndex, endIndex);
+    }
+    handleMasterSelection(event) {
+        const isChecked = event.target.checked;
+        if (!isChecked) {
+            this.selection.clear();
+            this.onSelect();
+            return;
+        }
+        if (this.selectionMode() === 'all') {
+            this.toggleAllRows();
+        }
+        if (this.selectionMode() === 'page') {
+            const pageData = this.getPageData();
+            if (this.isAllSelected()) {
+                pageData.forEach((row) => this.selection.deselect(row));
+            }
+            else {
+                pageData.forEach((row) => this.selection.select(row));
+            }
+        }
+        this.onSelect();
+    }
+    checkIfAllRowsSelected() {
+        if (!this.data().length)
+            return false;
+        if (this.selectionMode() === 'all')
+            return this.isAllSelected();
+        if (this.selectionMode() === 'page') {
+            const pageData = this.getPageData();
+            return pageData.every((row) => this.selection.isSelected(row));
+        }
+        return false;
+    }
+    checkIfSomeRowsSelected() {
+        if (this.selectionMode() === 'all') {
+            return this.selection.hasValue() && !this.isAllSelected();
+        }
+        if (this.selectionMode() === 'page') {
+            const pageData = this.getPageData();
+            return (pageData.some((row) => this.selection.isSelected(row)) &&
+                !this.checkIfAllRowsSelected());
+        }
+        return false;
+    }
     parseColumns(columns) {
         this._rawColumns = columns;
         this.applyColumnsAndConfig(columns);
@@ -6791,11 +6945,6 @@ class BmbTablesComponent {
         this.mouseMove(index);
     }
     onSelect() {
-        const indexSelected = this.dataSource.data.reduce((acc, current, index) => {
-            if (this.selection.isSelected(current))
-                acc.push(index);
-            return acc;
-        }, []);
         this.select.emit(this.selection.selected);
     }
     setConfig(config) {
@@ -6958,6 +7107,7 @@ class BmbTablesComponent {
         else {
             this.dataSource.paginator.pageIndex = event.pageIndex;
         }
+        this.checkIfSelectionShouldBeCleared();
     }
     get resolvedPageSize() {
         return this.pageSize() ?? 10;
@@ -6975,6 +7125,7 @@ class BmbTablesComponent {
                 pageIndex: 1,
                 pageSize: this.resolvedPageSize,
             });
+            this.checkIfSelectionShouldBeCleared();
         }
     }
     goToPreviousPage() {
@@ -6984,6 +7135,7 @@ class BmbTablesComponent {
                 pageIndex: this.currentPage() + 1,
                 pageSize: this.resolvedPageSize,
             });
+            this.checkIfSelectionShouldBeCleared();
         }
     }
     goToNextPage() {
@@ -6993,6 +7145,7 @@ class BmbTablesComponent {
                 pageIndex: this.currentPage() + 1,
                 pageSize: this.resolvedPageSize,
             });
+            this.checkIfSelectionShouldBeCleared();
         }
     }
     goToLastPage() {
@@ -7002,6 +7155,7 @@ class BmbTablesComponent {
             pageIndex: last + 1,
             pageSize: this.resolvedPageSize,
         });
+        this.checkIfSelectionShouldBeCleared();
     }
     getTableClasses() {
         const classList = ['bmb_table'];
@@ -7021,7 +7175,7 @@ class BmbTablesComponent {
         return classList;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTablesComponent, deps: [{ token: i0.Renderer2 }, { token: i1$2.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbTablesComponent, isStandalone: true, selector: "bmb-table", inputs: { showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, showFilters: { classPropertyName: "showFilters", publicName: "showFilters", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, actionTemplate: { classPropertyName: "actionTemplate", publicName: "actionTemplate", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, initialTableSelection: { classPropertyName: "initialTableSelection", publicName: "initialTableSelection", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, clearSelection: { classPropertyName: "clearSelection", publicName: "clearSelection", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, filtersVisible: { classPropertyName: "filtersVisible", publicName: "filtersVisible", isSignal: true, isRequired: false, transformFunction: null }, filtersPosition: { classPropertyName: "filtersPosition", publicName: "filtersPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", select: "select", clickedRow: "clickedRow", searchChange: "searchChange", filtersChange: "filtersChange", searchModeChange: "searchModeChange", pageChange: "pageChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matTableRef", first: true, predicate: MatTable, descendants: true, read: ElementRef }, { propertyName: "headerCellRef", first: true, predicate: ["headerCellRef"], descendants: true }, { propertyName: "cellRef", first: true, predicate: ["cellRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"getTableClasses()\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table-header\">\n      <div class=\"bmb_table-filter\">\n        @if (showSearch()) {\n          <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\n            <bmb-input\n              class=\"bmb_table-search\"\n              [type]=\"'text'\"\n              [placeholder]=\"'Buscar'\"\n              [disabled]=\"false\"\n              [icon]=\"'search'\"\n              [appearance]=\"'normal'\"\n              [control]=\"searchControl\"\n            ></bmb-input>\n          </section>\n        }\n\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table-filter-item-number\" margin=\"none\">\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00EDnimo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00E1ximo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00E1x'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_max')\"\n                    />\n                  </div>\n                }\n\n                @case ('date') {\n                  <bmb-date-range\n                    [label]=\"column.label\"\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\n                    [appearance]=\"'normal'\"\n                    [dateFormat]=\"'dd/MM/yyyy'\"\n                    [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n                    [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n                    (startDateChange)=\"\n                      getFormControl(column.dataKey + '_from').setValue($event)\n                    \"\n                    (endDateChange)=\"\n                      getFormControl(column.dataKey + '_to').setValue($event)\n                    \"\n                  />\n                }\n\n                @default {\n                  <bmb-input\n                    [label]=\"column.label\"\n                    [placeholder]=\"'Filtrar'\"\n                    [control]=\"getFormControl(column.dataKey + '_contains')\"\n                  />\n                }\n              }\n            </section>\n          }\n        }\n      </div>\n    </header>\n  }\n  <div class=\"bmb_table-container\">\n    @if (showFilters()) {\n      <bmb-action-icon\n        [idElement]=\"''\"\n        [icon]=\"'filter_list'\"\n        [iconSize]=\"24\"\n        (buttonClick)=\"toggleFilters()\"\n      ></bmb-action-icon>\n    }\n    <section class=\"bmb_table-container-table\">\n      <table\n        mat-table\n        [dataSource]=\"dataSource\"\n        class=\"bmb_table-content\"\n        multiTemplateDataRows\n      >\n        <!-- Checkbox Column -->\n        <ng-container matColumnDef=\"select\" sticky>\n          <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? toggleAllRows() : null\"\n              [checked]=\"selection.hasValue() && isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n              [checked]=\"selection.isSelected(row)\"\n              [ariaLabel]=\"checkboxLabel(row)\"\n              [disabled]=\"false\"\n              onkeypress=\"$event.stopPropagation()\"\n            />\n          </td>\n        </ng-container>\n\n        <!-- Expand Column -->\n        <ng-container matColumnDef=\"expand\" sticky>\n          <th\n            mat-header-cell\n            *matHeaderCellDef\n            class=\"bmb_table-expand\"\n            aria-label=\"row actions\"\n          >\n            &nbsp;\n          </th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n            <ng-container *ngIf=\"row.detail\">\n              <button\n                mat-icon-button\n                aria-label=\"expand row\"\n                (click)=\"\n                  expandedElement = expandedElement === row ? null : row;\n                  $event.stopPropagation()\n                \"\n              >\n                <bmb-icon\n                  [icon]=\"\n                    expandedElement === row ? 'expand_less' : 'expand_more'\n                  \"\n                />\n              </button>\n            </ng-container>\n          </td>\n        </ng-container>\n\n        <!-- Display Columns -->\n        @for (column of tableColumns; track column; let i = $index) {\n          <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n            <th\n              mat-header-cell\n              *matHeaderCellDef\n              #headerCell\n              [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n              matTooltipPosition=\"below\"\n              matTooltipClass=\"bmb_tooltip\"\n              [ngClass]=\"{\n                'bmb_table-sticky': i === 0,\n                truncated: truncate(),\n                wrapped: wrap()\n              }\"\n            >\n              <!-- T\u00EDtulo -->\n              @if (column.htmlLabel) {\n                <ng-template\n                  [ngTemplateOutlet]=\"column.htmlLabel\"\n                  [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n                ></ng-template>\n              } @else {\n                {{ this.lang() === 'es' ? column.label : column.labelEn }}\n              }\n\n              <!-- Resize Handle -->\n              <span\n                class=\"bmb_table-resize\"\n                (mousedown)=\"onResizeColumn($event, i)\"\n              ></span>\n            </th>\n\n            <td\n              mat-cell\n              *matCellDef=\"let row; let a = index\"\n              #cell\n              [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n              tooltipClass=\"bmb_tooltip\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n            >\n              @if (isTemplateRef(row[column.dataKey + 'Template'])) {\n                <ng-template\n                  [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n              }\n            </td>\n          </ng-container>\n        }\n\n        <!-- Actions Column -->\n        <ng-container matColumnDef=\"actions\" stickyEnd>\n          <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n            <ng-template\n              [ngTemplateOutlet]=\"actionTemplate()!\"\n              [ngTemplateOutletContext]=\"{ row: row }\"\n            >\n            </ng-template>\n          </td>\n        </ng-container>\n\n        <!-- Row to expand -->\n        <ng-container matColumnDef=\"expandedDetail\">\n          <td\n            mat-cell\n            *matCellDef=\"let row\"\n            [attr.colspan]=\"tableDisplayColumns.length\"\n          >\n            <div\n              class=\"bmb_table-detail\"\n              [@detailExpand]=\"\n                row == expandedElement ? 'expanded' : 'collapsed'\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </td>\n        </ng-container>\n\n        <!-- Rows -->\n        <tr\n          mat-header-row\n          *matHeaderRowDef=\"tableDisplayColumns\"\n          class=\"bmb_table-row\"\n        ></tr>\n\n        <tr\n          mat-row\n          *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n          (click)=\"onSelectRow(row)\"\n          class=\"bmb_table-row\"\n          [class.bmb_table-expandible]=\"expandedElement === row\"\n          [ngClass]=\"{\n            'bmb_table-even': isEven(i),\n            'bmb_table-odd': isOdd(i)\n          }\"\n        ></tr>\n\n        <ng-container *ngIf=\"tableConfig?.isExpandible\">\n          <tr\n            mat-row\n            *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n            class=\"bmb_table-details\"\n            [class.bmb_table-expanded]=\"expandedElement === row\"\n          ></tr>\n        </ng-container>\n      </table>\n    </section>\n    <!-- Paginator -->\n    <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n      <mat-paginator\n        #paginator\n        [length]=\"totalItems()\"\n        [pageSize]=\"this.pageSize()\"\n        [hidePageSize]=\"true\"\n        (page)=\"onPageEvent($event)\"\n      >\n      </mat-paginator>\n\n      <div class=\"bmb_table-paginator\">\n        <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n\n        <button\n          [disabled]=\"\n            serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() === 0\n              : !paginator?.hasPreviousPage()\n          }\"\n          (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() === 0\n              : !paginator?.hasPreviousPage()\n          }\"\n          (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          }\"\n          (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          }\"\n          (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);padding:1.5rem 1rem;width:100%;height:auto;box-sizing:border-box;container-type:inline-size}@media (min-width: 62.5625rem){.bmb_table{height:100%}}.bmb_table-filters-top,.bmb_table-filters-left{display:flex;gap:1rem;overflow:auto;flex-flow:column}.bmb_table-filters-bottom,.bmb_table-filters-right{display:flex;gap:1rem;overflow:auto;flex-flow:column;flex-direction:column-reverse;align-items:flex-start}@media (min-width: 62.5625rem){.bmb_table-filters-top .bmb_table-header,.bmb_table-filters-bottom .bmb_table-header{height:30%;width:100%}.bmb_table-filters-top .bmb_table-container,.bmb_table-filters-bottom .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-left,.bmb_table-filters-right{flex-flow:row}.bmb_table-filters-left .bmb_table-header,.bmb_table-filters-right .bmb_table-header{width:30%}.bmb_table-filters-left .bmb_table-container,.bmb_table-filters-right .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-right{flex-flow:row-reverse}}.bmb_table-header{container-type:inline-size;overflow:auto;max-height:100%}.bmb_table-header .bmb_table-filter{display:flex;gap:1rem;flex-flow:column;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table-filter-item-number{flex-flow:column}}.bmb_table-filter-item-number>*{flex:1}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{content:\"\";width:1rem;height:0;border-top:.125rem solid;margin:0 .625rem;display:inline-block}@media (max-width: 43.6875rem){.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%;max-height:100%;display:flex;flex-flow:column;gap:1rem}.bmb_table-container-table{overflow:auto;flex:1}.bmb_table-content{width:100%}.bmb_table-row.mat-mdc-row{height:2.875rem}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:0 .5rem}.bmb_table-row>td.truncated,.bmb_table-row>th.truncated{max-width:6.25rem;min-width:4.375rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table-row>td.wrapped,.bmb_table-row>th.wrapped{white-space:nowrap}@media (min-width: 48rem){.bmb_table-row>td,.bmb_table-row>th{max-width:fit-content}}.bmb_table-row>td.bmb_table-checkbox,.bmb_table-row>th.bmb_table-checkbox{min-width:3.875rem;padding-right:0;text-align:center;width:3.875rem}.bmb_table-row>td.bmb_table-checkbox+.bmb_table-sticky,.bmb_table-row>th.bmb_table-checkbox+.bmb_table-sticky{left:3.625rem!important}.bmb_table-row>td.bmb_table-expand,.bmb_table-row>th.bmb_table-expand{min-width:2.5rem;width:2.5rem}.bmb_table-row>td.bmb_table-expand+.bmb_table-sticky,.bmb_table-row>th.bmb_table-expand+.bmb_table-sticky{left:6.125rem!important}.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{border-right:.0625rem solid var(--buttons-inactive-step);max-width:9rem}@media (min-width: 75rem){.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{max-width:fit-content}}.bmb_table-row>td.bmb_table-actions,.bmb_table-row>th.bmb_table-actions{border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90)}.bmb_table-row>td button,.bmb_table-row>th button{align-items:center;color:var(--color-table-90);display:flex}.bmb_table-row>th{border-bottom:0;color:RGBA(var(--color-charade-500));overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-bottom-color:var(--general_contrasts-25);border-bottom-style:dashed}.bmb_table-row>td.bmb_table-actions .action-container{display:flex}.bmb_table-row>td.bmb_table-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table-row>td .mat-mdc-icon-button{align-items:center;display:flex;height:auto;padding:0;width:auto}.bmb_table-row>td .mat-mdc-icon-button bmb-icon{font-size:1.5rem}.bmb_table-even.mat-mdc-row{background-color:var(--containers-modal);color:var(--menu_select-label-menu-inactive)}.bmb_table-even.mat-mdc-row.bmb_table-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table-odd.mat-mdc-row{background-color:var(--general_contrasts-15);color:var(--vertical-step-active-color)}.bmb_table-odd.bmb_table-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table-details.mat-mdc-row{background-color:var(--menu_select-on-surface-hovered-w-checkbox);height:0}.bmb_table-details.mat-mdc-row>td{border:0;padding:0 1rem}.bmb_table-details.mat-mdc-row.bmb_table-expanded>td{border-bottom:.0625rem dashed var(--general_contrasts-25);padding:1rem}.bmb_table-detail{color:var(--general_contrasts-75);display:flex;overflow:hidden}.bmb_table-detail>bmb-table{width:100%}.bmb_table-resize{border-right:.0625rem solid var(--general_contrasts-25);cursor:col-resize;display:inline-block;height:100%;opacity:0;position:absolute;right:0;top:0}.bmb_table-resize:hover{opacity:1;width:1.25rem}.bmb_table .mat-mdc-paginator{display:none}.bmb_table-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table-paginator-text{color:var(--general_contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table-paginator-btn{color:var(--color-table-btn-900);height:3rem;padding:0;width:3rem}.bmb_table-paginator-btn-disabled{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table-paginator-icon{font-size:1.5rem}.bmb_table bmb-checkbox{display:block;height:1.5rem}.bmb_table bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table-success{color:var(--semantic-success)}.bmb_table-error{color:var(--semantic-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "label", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "appearance", "disabled", "isRequired", "isClearable", "controlStart", "controlEnd", "dateFormat", "placeholderStartDate", "placeholderEndDate", "stepYearPicker", "name", "multipleRow", "customValidation", "errorMessage"], outputs: ["controlStartChange", "controlEndChange"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbTablesComponent, isStandalone: true, selector: "bmb-table", inputs: { showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, showFilters: { classPropertyName: "showFilters", publicName: "showFilters", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, actionTemplate: { classPropertyName: "actionTemplate", publicName: "actionTemplate", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, initialTableSelection: { classPropertyName: "initialTableSelection", publicName: "initialTableSelection", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, clearSelection: { classPropertyName: "clearSelection", publicName: "clearSelection", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, filtersVisible: { classPropertyName: "filtersVisible", publicName: "filtersVisible", isSignal: true, isRequired: false, transformFunction: null }, filtersPosition: { classPropertyName: "filtersPosition", publicName: "filtersPosition", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, clearSelectionWhenPageChanges: { classPropertyName: "clearSelectionWhenPageChanges", publicName: "clearSelectionWhenPageChanges", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", select: "select", clickedRow: "clickedRow", searchChange: "searchChange", filtersChange: "filtersChange", searchModeChange: "searchModeChange", pageChange: "pageChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matTableRef", first: true, predicate: MatTable, descendants: true, read: ElementRef }, { propertyName: "headerCellRef", first: true, predicate: ["headerCellRef"], descendants: true }, { propertyName: "cellRef", first: true, predicate: ["cellRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"getTableClasses()\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table-header\">\n      <div class=\"bmb_table-filter\">\n        @if (showSearch()) {\n          <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\n            <bmb-input\n              class=\"bmb_table-search\"\n              [type]=\"'text'\"\n              [placeholder]=\"'Buscar'\"\n              [disabled]=\"false\"\n              [icon]=\"'search'\"\n              [appearance]=\"'normal'\"\n              [control]=\"searchControl\"\n            ></bmb-input>\n          </section>\n        }\n\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table-filter-item-number\" margin=\"none\">\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00EDnimo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00E1ximo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00E1x'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_max')\"\n                    />\n                  </div>\n                }\n\n                @case ('date') {\n                  <bmb-date-range\n                    [label]=\"column.label\"\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\n                    [appearance]=\"'normal'\"\n                    [dateFormat]=\"'dd/MM/yyyy'\"\n                    [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n                    [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n                    (startDateChange)=\"\n                      getFormControl(column.dataKey + '_from').setValue($event)\n                    \"\n                    (endDateChange)=\"\n                      getFormControl(column.dataKey + '_to').setValue($event)\n                    \"\n                  />\n                }\n\n                @default {\n                  <bmb-input\n                    [label]=\"column.label\"\n                    [placeholder]=\"'Filtrar'\"\n                    [control]=\"getFormControl(column.dataKey + '_contains')\"\n                  />\n                }\n              }\n            </section>\n          }\n        }\n      </div>\n    </header>\n  }\n  <div class=\"bmb_table-container\">\n    @if (showFilters()) {\n      <bmb-action-icon\n        [idElement]=\"''\"\n        [icon]=\"'filter_list'\"\n        [iconSize]=\"24\"\n        (buttonClick)=\"toggleFilters()\"\n      ></bmb-action-icon>\n    }\n    <section class=\"bmb_table-container-table\">\n      <table\n        mat-table\n        [dataSource]=\"dataSource\"\n        class=\"bmb_table-content\"\n        multiTemplateDataRows\n      >\n        <!-- Checkbox Column -->\n        <ng-container matColumnDef=\"select\" sticky>\n          <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n            <bmb-checkbox\n              (change)=\"handleMasterSelection($event)\"\n              [checked]=\"checkIfAllRowsSelected()\"\n              [indeterminate]=\"checkIfSomeRowsSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n              [checked]=\"selection.isSelected(row)\"\n              [ariaLabel]=\"checkboxLabel(row)\"\n              [disabled]=\"false\"\n              onkeypress=\"$event.stopPropagation()\"\n            />\n          </td>\n        </ng-container>\n\n        <!-- Expand Column -->\n        <ng-container matColumnDef=\"expand\" sticky>\n          <th\n            mat-header-cell\n            *matHeaderCellDef\n            class=\"bmb_table-expand\"\n            aria-label=\"row actions\"\n          >\n            &nbsp;\n          </th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n            <ng-container *ngIf=\"row.detail\">\n              <button\n                mat-icon-button\n                aria-label=\"expand row\"\n                (click)=\"\n                  expandedElement = expandedElement === row ? null : row;\n                  $event.stopPropagation()\n                \"\n              >\n                <bmb-icon\n                  [icon]=\"\n                    expandedElement === row ? 'expand_less' : 'expand_more'\n                  \"\n                />\n              </button>\n            </ng-container>\n          </td>\n        </ng-container>\n\n        <!-- Display Columns -->\n        @for (column of tableColumns; track column; let i = $index) {\n          <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n            <th\n              mat-header-cell\n              *matHeaderCellDef\n              #headerCell\n              [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n              matTooltipPosition=\"below\"\n              matTooltipClass=\"bmb_tooltip\"\n              [ngClass]=\"{\n                'bmb_table-sticky': i === 0,\n                truncated: truncate(),\n                wrapped: wrap()\n              }\"\n            >\n              <!-- T\u00EDtulo -->\n              @if (column.htmlLabel) {\n                <ng-template\n                  [ngTemplateOutlet]=\"column.htmlLabel\"\n                  [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n                ></ng-template>\n              } @else {\n                {{ this.lang() === 'es' ? column.label : column.labelEn }}\n              }\n\n              <!-- Resize Handle -->\n              <span\n                class=\"bmb_table-resize\"\n                (mousedown)=\"onResizeColumn($event, i)\"\n              ></span>\n            </th>\n\n            <td\n              mat-cell\n              *matCellDef=\"let row; let a = index\"\n              #cell\n              [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n              tooltipClass=\"bmb_tooltip\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n            >\n              @if (isTemplateRef(row[column.dataKey + 'Template'])) {\n                <ng-template\n                  [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n              }\n            </td>\n          </ng-container>\n        }\n\n        <!-- Actions Column -->\n        <ng-container matColumnDef=\"actions\" stickyEnd>\n          <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n            <ng-template\n              [ngTemplateOutlet]=\"actionTemplate()!\"\n              [ngTemplateOutletContext]=\"{ row: row }\"\n            >\n            </ng-template>\n          </td>\n        </ng-container>\n\n        <!-- Row to expand -->\n        <ng-container matColumnDef=\"expandedDetail\">\n          <td\n            mat-cell\n            *matCellDef=\"let row\"\n            [attr.colspan]=\"tableDisplayColumns.length\"\n          >\n            <div\n              class=\"bmb_table-detail\"\n              [@detailExpand]=\"\n                row == expandedElement ? 'expanded' : 'collapsed'\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </td>\n        </ng-container>\n\n        <!-- Rows -->\n        <tr\n          mat-header-row\n          *matHeaderRowDef=\"tableDisplayColumns\"\n          class=\"bmb_table-row\"\n        ></tr>\n\n        <tr\n          mat-row\n          *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n          (click)=\"onSelectRow(row)\"\n          class=\"bmb_table-row\"\n          [class.bmb_table-expandible]=\"expandedElement === row\"\n          [ngClass]=\"{\n            'bmb_table-even': isEven(i),\n            'bmb_table-odd': isOdd(i)\n          }\"\n        ></tr>\n\n        <ng-container *ngIf=\"tableConfig?.isExpandible\">\n          <tr\n            mat-row\n            *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n            class=\"bmb_table-details\"\n            [class.bmb_table-expanded]=\"expandedElement === row\"\n          ></tr>\n        </ng-container>\n      </table>\n    </section>\n    <!-- Paginator -->\n    <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n      <mat-paginator\n        #paginator\n        [length]=\"totalItems()\"\n        [pageSize]=\"this.pageSize()\"\n        [hidePageSize]=\"true\"\n        (page)=\"onPageEvent($event)\"\n      >\n      </mat-paginator>\n\n      <div class=\"bmb_table-paginator\">\n        <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n\n        <button\n          [disabled]=\"\n            serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() === 0\n              : !paginator?.hasPreviousPage()\n          }\"\n          (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() === 0\n              : !paginator?.hasPreviousPage()\n          }\"\n          (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          }\"\n          (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          }\"\n          (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);padding:1.5rem 1rem;width:100%;height:auto;box-sizing:border-box;container-type:inline-size}@media (min-width: 62.5625rem){.bmb_table{height:100%}}.bmb_table-filters-top,.bmb_table-filters-left{display:flex;gap:1rem;overflow:auto;flex-flow:column}.bmb_table-filters-bottom,.bmb_table-filters-right{display:flex;gap:1rem;overflow:auto;flex-flow:column;flex-direction:column-reverse;align-items:flex-start}@media (min-width: 62.5625rem){.bmb_table-filters-top .bmb_table-header,.bmb_table-filters-bottom .bmb_table-header{height:30%;width:100%}.bmb_table-filters-top .bmb_table-container,.bmb_table-filters-bottom .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-left,.bmb_table-filters-right{flex-flow:row}.bmb_table-filters-left .bmb_table-header,.bmb_table-filters-right .bmb_table-header{width:30%}.bmb_table-filters-left .bmb_table-container,.bmb_table-filters-right .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-right{flex-flow:row-reverse}}.bmb_table-header{container-type:inline-size;overflow:auto;max-height:100%}.bmb_table-header .bmb_table-filter{display:flex;gap:1rem;flex-flow:column;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table-filter-item-number{flex-flow:column}}.bmb_table-filter-item-number>*{flex:1}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{content:\"\";width:1rem;height:0;border-top:.125rem solid;margin:0 .625rem;display:inline-block}@media (max-width: 43.6875rem){.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%;max-height:100%;display:flex;flex-flow:column;gap:1rem}.bmb_table-container-table{overflow:auto;flex:1}.bmb_table-content{width:100%}.bmb_table-row.mat-mdc-row{height:2.875rem}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:0 .5rem}.bmb_table-row>td.truncated,.bmb_table-row>th.truncated{max-width:6.25rem;min-width:4.375rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table-row>td.wrapped,.bmb_table-row>th.wrapped{white-space:nowrap}@media (min-width: 48rem){.bmb_table-row>td,.bmb_table-row>th{max-width:fit-content}}.bmb_table-row>td.bmb_table-checkbox,.bmb_table-row>th.bmb_table-checkbox{min-width:3.875rem;padding-right:0;text-align:center;width:3.875rem}.bmb_table-row>td.bmb_table-checkbox+.bmb_table-sticky,.bmb_table-row>th.bmb_table-checkbox+.bmb_table-sticky{left:3.625rem!important}.bmb_table-row>td.bmb_table-expand,.bmb_table-row>th.bmb_table-expand{min-width:2.5rem;width:2.5rem}.bmb_table-row>td.bmb_table-expand+.bmb_table-sticky,.bmb_table-row>th.bmb_table-expand+.bmb_table-sticky{left:6.125rem!important}.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{border-right:.0625rem solid var(--buttons-inactive-step);max-width:9rem}@media (min-width: 75rem){.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{max-width:fit-content}}.bmb_table-row>td.bmb_table-actions,.bmb_table-row>th.bmb_table-actions{border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90)}.bmb_table-row>td button,.bmb_table-row>th button{align-items:center;color:var(--color-table-90);display:flex}.bmb_table-row>th{border-bottom:0;color:RGBA(var(--color-charade-500));overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-bottom-color:var(--general_contrasts-25);border-bottom-style:dashed}.bmb_table-row>td.bmb_table-actions .action-container{display:flex}.bmb_table-row>td.bmb_table-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table-row>td .mat-mdc-icon-button{align-items:center;display:flex;height:auto;padding:0;width:auto}.bmb_table-row>td .mat-mdc-icon-button bmb-icon{font-size:1.5rem}.bmb_table-even.mat-mdc-row{background-color:var(--containers-modal);color:var(--menu_select-label-menu-inactive)}.bmb_table-even.mat-mdc-row.bmb_table-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table-odd.mat-mdc-row{background-color:var(--general_contrasts-15);color:var(--vertical-step-active-color)}.bmb_table-odd.bmb_table-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table-details.mat-mdc-row{background-color:var(--menu_select-on-surface-hovered-w-checkbox);height:0}.bmb_table-details.mat-mdc-row>td{border:0;padding:0 1rem}.bmb_table-details.mat-mdc-row.bmb_table-expanded>td{border-bottom:.0625rem dashed var(--general_contrasts-25);padding:1rem}.bmb_table-detail{color:var(--general_contrasts-75);display:flex;overflow:hidden}.bmb_table-detail>bmb-table{width:100%}.bmb_table-resize{border-right:.0625rem solid var(--general_contrasts-25);cursor:col-resize;display:inline-block;height:100%;opacity:0;position:absolute;right:0;top:0}.bmb_table-resize:hover{opacity:1;width:1.25rem}.bmb_table .mat-mdc-paginator{display:none}.bmb_table-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table-paginator-text{color:var(--general_contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table-paginator-btn{color:var(--color-table-btn-900);height:3rem;padding:0;width:3rem}.bmb_table-paginator-btn-disabled{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table-paginator-icon{font-size:1.5rem}.bmb_table bmb-checkbox{display:block;height:1.5rem}.bmb_table bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table-success{color:var(--semantic-success)}.bmb_table-error{color:var(--semantic-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "label", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "appearance", "disabled", "isRequired", "isClearable", "controlStart", "controlEnd", "dateFormat", "placeholderStartDate", "placeholderEndDate", "stepYearPicker", "name", "multipleRow", "customValidation", "errorMessage"], outputs: ["controlStartChange", "controlEndChange"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], animations: [
             trigger('detailExpand', [
                 state('collapsed,void', style({ height: '0px', minHeight: '0' })),
                 state('expanded', style({ height: '*' })),
@@ -7053,7 +7207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                             state('expanded', style({ height: '*' })),
                             transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
                         ]),
-                    ], template: "<div [ngClass]=\"getTableClasses()\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table-header\">\n      <div class=\"bmb_table-filter\">\n        @if (showSearch()) {\n          <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\n            <bmb-input\n              class=\"bmb_table-search\"\n              [type]=\"'text'\"\n              [placeholder]=\"'Buscar'\"\n              [disabled]=\"false\"\n              [icon]=\"'search'\"\n              [appearance]=\"'normal'\"\n              [control]=\"searchControl\"\n            ></bmb-input>\n          </section>\n        }\n\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table-filter-item-number\" margin=\"none\">\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00EDnimo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00E1ximo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00E1x'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_max')\"\n                    />\n                  </div>\n                }\n\n                @case ('date') {\n                  <bmb-date-range\n                    [label]=\"column.label\"\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\n                    [appearance]=\"'normal'\"\n                    [dateFormat]=\"'dd/MM/yyyy'\"\n                    [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n                    [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n                    (startDateChange)=\"\n                      getFormControl(column.dataKey + '_from').setValue($event)\n                    \"\n                    (endDateChange)=\"\n                      getFormControl(column.dataKey + '_to').setValue($event)\n                    \"\n                  />\n                }\n\n                @default {\n                  <bmb-input\n                    [label]=\"column.label\"\n                    [placeholder]=\"'Filtrar'\"\n                    [control]=\"getFormControl(column.dataKey + '_contains')\"\n                  />\n                }\n              }\n            </section>\n          }\n        }\n      </div>\n    </header>\n  }\n  <div class=\"bmb_table-container\">\n    @if (showFilters()) {\n      <bmb-action-icon\n        [idElement]=\"''\"\n        [icon]=\"'filter_list'\"\n        [iconSize]=\"24\"\n        (buttonClick)=\"toggleFilters()\"\n      ></bmb-action-icon>\n    }\n    <section class=\"bmb_table-container-table\">\n      <table\n        mat-table\n        [dataSource]=\"dataSource\"\n        class=\"bmb_table-content\"\n        multiTemplateDataRows\n      >\n        <!-- Checkbox Column -->\n        <ng-container matColumnDef=\"select\" sticky>\n          <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? toggleAllRows() : null\"\n              [checked]=\"selection.hasValue() && isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n              [checked]=\"selection.isSelected(row)\"\n              [ariaLabel]=\"checkboxLabel(row)\"\n              [disabled]=\"false\"\n              onkeypress=\"$event.stopPropagation()\"\n            />\n          </td>\n        </ng-container>\n\n        <!-- Expand Column -->\n        <ng-container matColumnDef=\"expand\" sticky>\n          <th\n            mat-header-cell\n            *matHeaderCellDef\n            class=\"bmb_table-expand\"\n            aria-label=\"row actions\"\n          >\n            &nbsp;\n          </th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n            <ng-container *ngIf=\"row.detail\">\n              <button\n                mat-icon-button\n                aria-label=\"expand row\"\n                (click)=\"\n                  expandedElement = expandedElement === row ? null : row;\n                  $event.stopPropagation()\n                \"\n              >\n                <bmb-icon\n                  [icon]=\"\n                    expandedElement === row ? 'expand_less' : 'expand_more'\n                  \"\n                />\n              </button>\n            </ng-container>\n          </td>\n        </ng-container>\n\n        <!-- Display Columns -->\n        @for (column of tableColumns; track column; let i = $index) {\n          <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n            <th\n              mat-header-cell\n              *matHeaderCellDef\n              #headerCell\n              [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n              matTooltipPosition=\"below\"\n              matTooltipClass=\"bmb_tooltip\"\n              [ngClass]=\"{\n                'bmb_table-sticky': i === 0,\n                truncated: truncate(),\n                wrapped: wrap()\n              }\"\n            >\n              <!-- T\u00EDtulo -->\n              @if (column.htmlLabel) {\n                <ng-template\n                  [ngTemplateOutlet]=\"column.htmlLabel\"\n                  [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n                ></ng-template>\n              } @else {\n                {{ this.lang() === 'es' ? column.label : column.labelEn }}\n              }\n\n              <!-- Resize Handle -->\n              <span\n                class=\"bmb_table-resize\"\n                (mousedown)=\"onResizeColumn($event, i)\"\n              ></span>\n            </th>\n\n            <td\n              mat-cell\n              *matCellDef=\"let row; let a = index\"\n              #cell\n              [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n              tooltipClass=\"bmb_tooltip\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n            >\n              @if (isTemplateRef(row[column.dataKey + 'Template'])) {\n                <ng-template\n                  [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n              }\n            </td>\n          </ng-container>\n        }\n\n        <!-- Actions Column -->\n        <ng-container matColumnDef=\"actions\" stickyEnd>\n          <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n            <ng-template\n              [ngTemplateOutlet]=\"actionTemplate()!\"\n              [ngTemplateOutletContext]=\"{ row: row }\"\n            >\n            </ng-template>\n          </td>\n        </ng-container>\n\n        <!-- Row to expand -->\n        <ng-container matColumnDef=\"expandedDetail\">\n          <td\n            mat-cell\n            *matCellDef=\"let row\"\n            [attr.colspan]=\"tableDisplayColumns.length\"\n          >\n            <div\n              class=\"bmb_table-detail\"\n              [@detailExpand]=\"\n                row == expandedElement ? 'expanded' : 'collapsed'\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </td>\n        </ng-container>\n\n        <!-- Rows -->\n        <tr\n          mat-header-row\n          *matHeaderRowDef=\"tableDisplayColumns\"\n          class=\"bmb_table-row\"\n        ></tr>\n\n        <tr\n          mat-row\n          *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n          (click)=\"onSelectRow(row)\"\n          class=\"bmb_table-row\"\n          [class.bmb_table-expandible]=\"expandedElement === row\"\n          [ngClass]=\"{\n            'bmb_table-even': isEven(i),\n            'bmb_table-odd': isOdd(i)\n          }\"\n        ></tr>\n\n        <ng-container *ngIf=\"tableConfig?.isExpandible\">\n          <tr\n            mat-row\n            *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n            class=\"bmb_table-details\"\n            [class.bmb_table-expanded]=\"expandedElement === row\"\n          ></tr>\n        </ng-container>\n      </table>\n    </section>\n    <!-- Paginator -->\n    <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n      <mat-paginator\n        #paginator\n        [length]=\"totalItems()\"\n        [pageSize]=\"this.pageSize()\"\n        [hidePageSize]=\"true\"\n        (page)=\"onPageEvent($event)\"\n      >\n      </mat-paginator>\n\n      <div class=\"bmb_table-paginator\">\n        <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n\n        <button\n          [disabled]=\"\n            serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() === 0\n              : !paginator?.hasPreviousPage()\n          }\"\n          (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() === 0\n              : !paginator?.hasPreviousPage()\n          }\"\n          (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          }\"\n          (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          }\"\n          (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);padding:1.5rem 1rem;width:100%;height:auto;box-sizing:border-box;container-type:inline-size}@media (min-width: 62.5625rem){.bmb_table{height:100%}}.bmb_table-filters-top,.bmb_table-filters-left{display:flex;gap:1rem;overflow:auto;flex-flow:column}.bmb_table-filters-bottom,.bmb_table-filters-right{display:flex;gap:1rem;overflow:auto;flex-flow:column;flex-direction:column-reverse;align-items:flex-start}@media (min-width: 62.5625rem){.bmb_table-filters-top .bmb_table-header,.bmb_table-filters-bottom .bmb_table-header{height:30%;width:100%}.bmb_table-filters-top .bmb_table-container,.bmb_table-filters-bottom .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-left,.bmb_table-filters-right{flex-flow:row}.bmb_table-filters-left .bmb_table-header,.bmb_table-filters-right .bmb_table-header{width:30%}.bmb_table-filters-left .bmb_table-container,.bmb_table-filters-right .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-right{flex-flow:row-reverse}}.bmb_table-header{container-type:inline-size;overflow:auto;max-height:100%}.bmb_table-header .bmb_table-filter{display:flex;gap:1rem;flex-flow:column;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table-filter-item-number{flex-flow:column}}.bmb_table-filter-item-number>*{flex:1}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{content:\"\";width:1rem;height:0;border-top:.125rem solid;margin:0 .625rem;display:inline-block}@media (max-width: 43.6875rem){.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%;max-height:100%;display:flex;flex-flow:column;gap:1rem}.bmb_table-container-table{overflow:auto;flex:1}.bmb_table-content{width:100%}.bmb_table-row.mat-mdc-row{height:2.875rem}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:0 .5rem}.bmb_table-row>td.truncated,.bmb_table-row>th.truncated{max-width:6.25rem;min-width:4.375rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table-row>td.wrapped,.bmb_table-row>th.wrapped{white-space:nowrap}@media (min-width: 48rem){.bmb_table-row>td,.bmb_table-row>th{max-width:fit-content}}.bmb_table-row>td.bmb_table-checkbox,.bmb_table-row>th.bmb_table-checkbox{min-width:3.875rem;padding-right:0;text-align:center;width:3.875rem}.bmb_table-row>td.bmb_table-checkbox+.bmb_table-sticky,.bmb_table-row>th.bmb_table-checkbox+.bmb_table-sticky{left:3.625rem!important}.bmb_table-row>td.bmb_table-expand,.bmb_table-row>th.bmb_table-expand{min-width:2.5rem;width:2.5rem}.bmb_table-row>td.bmb_table-expand+.bmb_table-sticky,.bmb_table-row>th.bmb_table-expand+.bmb_table-sticky{left:6.125rem!important}.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{border-right:.0625rem solid var(--buttons-inactive-step);max-width:9rem}@media (min-width: 75rem){.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{max-width:fit-content}}.bmb_table-row>td.bmb_table-actions,.bmb_table-row>th.bmb_table-actions{border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90)}.bmb_table-row>td button,.bmb_table-row>th button{align-items:center;color:var(--color-table-90);display:flex}.bmb_table-row>th{border-bottom:0;color:RGBA(var(--color-charade-500));overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-bottom-color:var(--general_contrasts-25);border-bottom-style:dashed}.bmb_table-row>td.bmb_table-actions .action-container{display:flex}.bmb_table-row>td.bmb_table-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table-row>td .mat-mdc-icon-button{align-items:center;display:flex;height:auto;padding:0;width:auto}.bmb_table-row>td .mat-mdc-icon-button bmb-icon{font-size:1.5rem}.bmb_table-even.mat-mdc-row{background-color:var(--containers-modal);color:var(--menu_select-label-menu-inactive)}.bmb_table-even.mat-mdc-row.bmb_table-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table-odd.mat-mdc-row{background-color:var(--general_contrasts-15);color:var(--vertical-step-active-color)}.bmb_table-odd.bmb_table-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table-details.mat-mdc-row{background-color:var(--menu_select-on-surface-hovered-w-checkbox);height:0}.bmb_table-details.mat-mdc-row>td{border:0;padding:0 1rem}.bmb_table-details.mat-mdc-row.bmb_table-expanded>td{border-bottom:.0625rem dashed var(--general_contrasts-25);padding:1rem}.bmb_table-detail{color:var(--general_contrasts-75);display:flex;overflow:hidden}.bmb_table-detail>bmb-table{width:100%}.bmb_table-resize{border-right:.0625rem solid var(--general_contrasts-25);cursor:col-resize;display:inline-block;height:100%;opacity:0;position:absolute;right:0;top:0}.bmb_table-resize:hover{opacity:1;width:1.25rem}.bmb_table .mat-mdc-paginator{display:none}.bmb_table-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table-paginator-text{color:var(--general_contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table-paginator-btn{color:var(--color-table-btn-900);height:3rem;padding:0;width:3rem}.bmb_table-paginator-btn-disabled{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table-paginator-icon{font-size:1.5rem}.bmb_table bmb-checkbox{display:block;height:1.5rem}.bmb_table bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table-success{color:var(--semantic-success)}.bmb_table-error{color:var(--semantic-error)}\n"] }]
+                    ], template: "<div [ngClass]=\"getTableClasses()\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table-header\">\n      <div class=\"bmb_table-filter\">\n        @if (showSearch()) {\n          <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\n            <bmb-input\n              class=\"bmb_table-search\"\n              [type]=\"'text'\"\n              [placeholder]=\"'Buscar'\"\n              [disabled]=\"false\"\n              [icon]=\"'search'\"\n              [appearance]=\"'normal'\"\n              [control]=\"searchControl\"\n            ></bmb-input>\n          </section>\n        }\n\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table-filter-item-number\" margin=\"none\">\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00EDnimo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00E1ximo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00E1x'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_max')\"\n                    />\n                  </div>\n                }\n\n                @case ('date') {\n                  <bmb-date-range\n                    [label]=\"column.label\"\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\n                    [appearance]=\"'normal'\"\n                    [dateFormat]=\"'dd/MM/yyyy'\"\n                    [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n                    [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n                    (startDateChange)=\"\n                      getFormControl(column.dataKey + '_from').setValue($event)\n                    \"\n                    (endDateChange)=\"\n                      getFormControl(column.dataKey + '_to').setValue($event)\n                    \"\n                  />\n                }\n\n                @default {\n                  <bmb-input\n                    [label]=\"column.label\"\n                    [placeholder]=\"'Filtrar'\"\n                    [control]=\"getFormControl(column.dataKey + '_contains')\"\n                  />\n                }\n              }\n            </section>\n          }\n        }\n      </div>\n    </header>\n  }\n  <div class=\"bmb_table-container\">\n    @if (showFilters()) {\n      <bmb-action-icon\n        [idElement]=\"''\"\n        [icon]=\"'filter_list'\"\n        [iconSize]=\"24\"\n        (buttonClick)=\"toggleFilters()\"\n      ></bmb-action-icon>\n    }\n    <section class=\"bmb_table-container-table\">\n      <table\n        mat-table\n        [dataSource]=\"dataSource\"\n        class=\"bmb_table-content\"\n        multiTemplateDataRows\n      >\n        <!-- Checkbox Column -->\n        <ng-container matColumnDef=\"select\" sticky>\n          <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n            <bmb-checkbox\n              (change)=\"handleMasterSelection($event)\"\n              [checked]=\"checkIfAllRowsSelected()\"\n              [indeterminate]=\"checkIfSomeRowsSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n              [checked]=\"selection.isSelected(row)\"\n              [ariaLabel]=\"checkboxLabel(row)\"\n              [disabled]=\"false\"\n              onkeypress=\"$event.stopPropagation()\"\n            />\n          </td>\n        </ng-container>\n\n        <!-- Expand Column -->\n        <ng-container matColumnDef=\"expand\" sticky>\n          <th\n            mat-header-cell\n            *matHeaderCellDef\n            class=\"bmb_table-expand\"\n            aria-label=\"row actions\"\n          >\n            &nbsp;\n          </th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n            <ng-container *ngIf=\"row.detail\">\n              <button\n                mat-icon-button\n                aria-label=\"expand row\"\n                (click)=\"\n                  expandedElement = expandedElement === row ? null : row;\n                  $event.stopPropagation()\n                \"\n              >\n                <bmb-icon\n                  [icon]=\"\n                    expandedElement === row ? 'expand_less' : 'expand_more'\n                  \"\n                />\n              </button>\n            </ng-container>\n          </td>\n        </ng-container>\n\n        <!-- Display Columns -->\n        @for (column of tableColumns; track column; let i = $index) {\n          <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n            <th\n              mat-header-cell\n              *matHeaderCellDef\n              #headerCell\n              [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n              matTooltipPosition=\"below\"\n              matTooltipClass=\"bmb_tooltip\"\n              [ngClass]=\"{\n                'bmb_table-sticky': i === 0,\n                truncated: truncate(),\n                wrapped: wrap()\n              }\"\n            >\n              <!-- T\u00EDtulo -->\n              @if (column.htmlLabel) {\n                <ng-template\n                  [ngTemplateOutlet]=\"column.htmlLabel\"\n                  [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n                ></ng-template>\n              } @else {\n                {{ this.lang() === 'es' ? column.label : column.labelEn }}\n              }\n\n              <!-- Resize Handle -->\n              <span\n                class=\"bmb_table-resize\"\n                (mousedown)=\"onResizeColumn($event, i)\"\n              ></span>\n            </th>\n\n            <td\n              mat-cell\n              *matCellDef=\"let row; let a = index\"\n              #cell\n              [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n              tooltipClass=\"bmb_tooltip\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n            >\n              @if (isTemplateRef(row[column.dataKey + 'Template'])) {\n                <ng-template\n                  [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n              }\n            </td>\n          </ng-container>\n        }\n\n        <!-- Actions Column -->\n        <ng-container matColumnDef=\"actions\" stickyEnd>\n          <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n          <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n            <ng-template\n              [ngTemplateOutlet]=\"actionTemplate()!\"\n              [ngTemplateOutletContext]=\"{ row: row }\"\n            >\n            </ng-template>\n          </td>\n        </ng-container>\n\n        <!-- Row to expand -->\n        <ng-container matColumnDef=\"expandedDetail\">\n          <td\n            mat-cell\n            *matCellDef=\"let row\"\n            [attr.colspan]=\"tableDisplayColumns.length\"\n          >\n            <div\n              class=\"bmb_table-detail\"\n              [@detailExpand]=\"\n                row == expandedElement ? 'expanded' : 'collapsed'\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </td>\n        </ng-container>\n\n        <!-- Rows -->\n        <tr\n          mat-header-row\n          *matHeaderRowDef=\"tableDisplayColumns\"\n          class=\"bmb_table-row\"\n        ></tr>\n\n        <tr\n          mat-row\n          *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n          (click)=\"onSelectRow(row)\"\n          class=\"bmb_table-row\"\n          [class.bmb_table-expandible]=\"expandedElement === row\"\n          [ngClass]=\"{\n            'bmb_table-even': isEven(i),\n            'bmb_table-odd': isOdd(i)\n          }\"\n        ></tr>\n\n        <ng-container *ngIf=\"tableConfig?.isExpandible\">\n          <tr\n            mat-row\n            *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n            class=\"bmb_table-details\"\n            [class.bmb_table-expanded]=\"expandedElement === row\"\n          ></tr>\n        </ng-container>\n      </table>\n    </section>\n    <!-- Paginator -->\n    <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n      <mat-paginator\n        #paginator\n        [length]=\"totalItems()\"\n        [pageSize]=\"this.pageSize()\"\n        [hidePageSize]=\"true\"\n        (page)=\"onPageEvent($event)\"\n      >\n      </mat-paginator>\n\n      <div class=\"bmb_table-paginator\">\n        <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n\n        <button\n          [disabled]=\"\n            serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() === 0\n              : !paginator?.hasPreviousPage()\n          }\"\n          (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() === 0\n              : !paginator?.hasPreviousPage()\n          }\"\n          (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          }\"\n          (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n        <button\n          [disabled]=\"\n            serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          \"\n          [ngClass]=\"{\n            'bmb_table-paginator-btn-disabled': serverSide()\n              ? currentPage() >= lastPage()\n              : !paginator?.hasNextPage()\n          }\"\n          (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\n          class=\"bmb_table-paginator-btn\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table-paginator-icon\"\n          />\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);padding:1.5rem 1rem;width:100%;height:auto;box-sizing:border-box;container-type:inline-size}@media (min-width: 62.5625rem){.bmb_table{height:100%}}.bmb_table-filters-top,.bmb_table-filters-left{display:flex;gap:1rem;overflow:auto;flex-flow:column}.bmb_table-filters-bottom,.bmb_table-filters-right{display:flex;gap:1rem;overflow:auto;flex-flow:column;flex-direction:column-reverse;align-items:flex-start}@media (min-width: 62.5625rem){.bmb_table-filters-top .bmb_table-header,.bmb_table-filters-bottom .bmb_table-header{height:30%;width:100%}.bmb_table-filters-top .bmb_table-container,.bmb_table-filters-bottom .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-left,.bmb_table-filters-right{flex-flow:row}.bmb_table-filters-left .bmb_table-header,.bmb_table-filters-right .bmb_table-header{width:30%}.bmb_table-filters-left .bmb_table-container,.bmb_table-filters-right .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-right{flex-flow:row-reverse}}.bmb_table-header{container-type:inline-size;overflow:auto;max-height:100%}.bmb_table-header .bmb_table-filter{display:flex;gap:1rem;flex-flow:column;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table-filter-item-number{flex-flow:column}}.bmb_table-filter-item-number>*{flex:1}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{content:\"\";width:1rem;height:0;border-top:.125rem solid;margin:0 .625rem;display:inline-block}@media (max-width: 43.6875rem){.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%;max-height:100%;display:flex;flex-flow:column;gap:1rem}.bmb_table-container-table{overflow:auto;flex:1}.bmb_table-content{width:100%}.bmb_table-row.mat-mdc-row{height:2.875rem}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:0 .5rem}.bmb_table-row>td.truncated,.bmb_table-row>th.truncated{max-width:6.25rem;min-width:4.375rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table-row>td.wrapped,.bmb_table-row>th.wrapped{white-space:nowrap}@media (min-width: 48rem){.bmb_table-row>td,.bmb_table-row>th{max-width:fit-content}}.bmb_table-row>td.bmb_table-checkbox,.bmb_table-row>th.bmb_table-checkbox{min-width:3.875rem;padding-right:0;text-align:center;width:3.875rem}.bmb_table-row>td.bmb_table-checkbox+.bmb_table-sticky,.bmb_table-row>th.bmb_table-checkbox+.bmb_table-sticky{left:3.625rem!important}.bmb_table-row>td.bmb_table-expand,.bmb_table-row>th.bmb_table-expand{min-width:2.5rem;width:2.5rem}.bmb_table-row>td.bmb_table-expand+.bmb_table-sticky,.bmb_table-row>th.bmb_table-expand+.bmb_table-sticky{left:6.125rem!important}.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{border-right:.0625rem solid var(--buttons-inactive-step);max-width:9rem}@media (min-width: 75rem){.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{max-width:fit-content}}.bmb_table-row>td.bmb_table-actions,.bmb_table-row>th.bmb_table-actions{border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90)}.bmb_table-row>td button,.bmb_table-row>th button{align-items:center;color:var(--color-table-90);display:flex}.bmb_table-row>th{border-bottom:0;color:RGBA(var(--color-charade-500));overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-bottom-color:var(--general_contrasts-25);border-bottom-style:dashed}.bmb_table-row>td.bmb_table-actions .action-container{display:flex}.bmb_table-row>td.bmb_table-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table-row>td .mat-mdc-icon-button{align-items:center;display:flex;height:auto;padding:0;width:auto}.bmb_table-row>td .mat-mdc-icon-button bmb-icon{font-size:1.5rem}.bmb_table-even.mat-mdc-row{background-color:var(--containers-modal);color:var(--menu_select-label-menu-inactive)}.bmb_table-even.mat-mdc-row.bmb_table-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table-odd.mat-mdc-row{background-color:var(--general_contrasts-15);color:var(--vertical-step-active-color)}.bmb_table-odd.bmb_table-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table-details.mat-mdc-row{background-color:var(--menu_select-on-surface-hovered-w-checkbox);height:0}.bmb_table-details.mat-mdc-row>td{border:0;padding:0 1rem}.bmb_table-details.mat-mdc-row.bmb_table-expanded>td{border-bottom:.0625rem dashed var(--general_contrasts-25);padding:1rem}.bmb_table-detail{color:var(--general_contrasts-75);display:flex;overflow:hidden}.bmb_table-detail>bmb-table{width:100%}.bmb_table-resize{border-right:.0625rem solid var(--general_contrasts-25);cursor:col-resize;display:inline-block;height:100%;opacity:0;position:absolute;right:0;top:0}.bmb_table-resize:hover{opacity:1;width:1.25rem}.bmb_table .mat-mdc-paginator{display:none}.bmb_table-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table-paginator-text{color:var(--general_contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table-paginator-btn{color:var(--color-table-btn-900);height:3rem;padding:0;width:3rem}.bmb_table-paginator-btn-disabled{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table-paginator-icon{font-size:1.5rem}.bmb_table bmb-checkbox{display:block;height:1.5rem}.bmb_table bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table-success{color:var(--semantic-success)}.bmb_table-error{color:var(--semantic-error)}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$2.DomSanitizer }, { type: i0.ChangeDetectorRef }], propDecorators: { select: [{
                 type: Output
             }], clickedRow: [{
@@ -7094,6 +7248,12 @@ class BmbProgressBarComponent {
         this.href = input('');
         this.target = input('_blank');
         this.textFormat = input((counter, total) => `${counter}/${total}`);
+        this.isContainer = input(false);
+        this.avatarIcon = input('');
+        this.actionIcon = input('');
+        this.textFormatSeparator = input(''); //Internal
+        this.showStatusIcon = input(false); //Internal
+        this.actionClick = output();
         this.progressValue = computed(() => {
             const numberProgress = (this.counter() / this.totalCount()) * 100;
             let newProgress = numberProgress.toFixed(2);
@@ -7104,18 +7264,25 @@ class BmbProgressBarComponent {
             return newProgress;
         });
     }
-    getFormattedText() {
-        if (this.textFormat() !== null) {
-            return this.textFormat()(this.counter().toString(), this.totalCount().toString());
-        }
-        return `${this.counter()}/${this.totalCount()}`;
+    handleClick(event) {
+        this.actionClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbProgressBarComponent, isStandalone: true, selector: "bmb-progress-bar", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, textFormat: { classPropertyName: "textFormat", publicName: "textFormat", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"bmb_progress-bar\">\n  @if (type() !== 'container') {\n    <div class=\"bmb_progress-bar-counter-container\">\n      <div class=\"bmb_progress-bar-track\">\n        <div\n          [class]=\"\n            'bmb_progress-bar-active bmb_progress-bar-active-' + appearance()\n          \"\n          [style.width.%]=\"progressValue()\"\n        ></div>\n      </div>\n      @if (type() !== 'simple') {\n        <span class=\"bmb_progress-bar-counter-text\">\n          {{ getFormattedText() }}\n        </span>\n      }\n    </div>\n  } @else {\n    <div class=\"bmb_progress-bar-container\">\n      <div class=\"bmb_progress-bar-container-main\">\n        <div class=\"bmb_progress-bar-container-header\">\n          <h4 class=\"bmb_progress-bar-container-header-text\">\n            {{ title() }}\n          </h4>\n          <span class=\"bmb_progress-bar-container-header-text\">\n            {{ getFormattedText() }}\n          </span>\n        </div>\n        <div class=\"bmb_progress-bar-container-bar\">\n          <div class=\"bmb_progress-bar-counter-container\">\n            <div class=\"bmb_progress-bar-track\">\n              <div\n                [class]=\"\n                  'bmb_progress-bar-active bmb_progress-bar-active-' +\n                  appearance()\n                \"\n                [style.width.%]=\"progressValue()\"\n              ></div>\n            </div>\n            <span class=\"bmb_progress-bar-counter-text\">\n              {{ progressValue() + '%' }}\n            </span>\n          </div>\n        </div>\n        @if (textLink()) {\n          <div class=\"bmb_progress-bar-container-link\">\n            <a\n              class=\"bmb_progress-bar-container-link-text\"\n              [href]=\"href()\"\n              [target]=\"target()\"\n            >\n              <span>{{ textLink() }}</span>\n              <bmb-icon [icon]=\"'arrow_forward'\" />\n            </a>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_progress-bar-counter-container{display:flex;width:100%;align-items:center}.bmb_progress-bar-counter-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-left:.625rem}.bmb_progress-bar-track{height:.5rem;min-width:3rem;width:100%;border-radius:.3125rem;background-color:var(--buttons-inactive-step)}.bmb_progress-bar-active{height:.5rem;border-radius:.3125rem;transition:.3s linear;transition-property:width,background-color}.bmb_progress-bar-active-info{background-color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-active-warning{background-color:RGBA(var(--color-yellow-primary))}.bmb_progress-bar-active-error{background-color:RGBA(var(--color-red-primary))}.bmb_progress-bar-container{display:inline-flex;width:100%}.bmb_progress-bar-container-main{display:flex;flex-direction:column;width:100%;padding:.9375rem 1.25rem}.bmb_progress-bar-container-header{display:inline-flex;justify-content:space-between;align-items:center;width:100%;padding:.1875rem 0}.bmb_progress-bar-container-header-text{font-family:Poppins-Regular,sans-serif;font-size:1rem;font-weight:300}.bmb_progress-bar-container-bar{padding:.125rem 0}.bmb_progress-bar-container-link{font-family:Poppins-Regular,sans-serif;font-size:.875rem;padding:.1875rem 0}.bmb_progress-bar-container-link-text{text-decoration:none;display:inline-flex;align-items:center;color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-container-link bmb-icon{font-size:1.125rem}[data-theme=dark] .bmb_progress-bar-active-info,.storybook-dark-theme .bmb_progress-bar-active-info{background-color:RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_progress-bar-counter-text,.storybook-dark-theme .bmb_progress-bar-counter-text{color:RGBA(var(--color-charade-500))}[data-theme=dark] .bmb_progress-bar-container-header-text,.storybook-dark-theme .bmb_progress-bar-container-header-text{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_progress-bar-container-link-text,.storybook-dark-theme .bmb_progress-bar-container-link-text{color:RGBA(var(--color-neon-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbProgressBarComponent, isStandalone: true, selector: "bmb-progress-bar", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, textFormat: { classPropertyName: "textFormat", publicName: "textFormat", isSignal: true, isRequired: false, transformFunction: null }, isContainer: { classPropertyName: "isContainer", publicName: "isContainer", isSignal: true, isRequired: false, transformFunction: null }, avatarIcon: { classPropertyName: "avatarIcon", publicName: "avatarIcon", isSignal: true, isRequired: false, transformFunction: null }, actionIcon: { classPropertyName: "actionIcon", publicName: "actionIcon", isSignal: true, isRequired: false, transformFunction: null }, textFormatSeparator: { classPropertyName: "textFormatSeparator", publicName: "textFormatSeparator", isSignal: true, isRequired: false, transformFunction: null }, showStatusIcon: { classPropertyName: "showStatusIcon", publicName: "showStatusIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<ng-template #progressBar>\n  <section\n    class=\"bmb_progress-bar-wrapper\"\n    bmbLayoutItem\n    bmbVerticalLayout\n    gapSize=\"s\"\n  >\n    @if (type() === 'container') {\n      <bmb-value-counter\n        [ngClass]=\"\n          appearance() !== 'info' ? 'bmb_progress-bar-' + appearance() : ''\n        \"\n        [label]=\"title()\"\n        [value]=\"totalCount().toString()\"\n        [progress]=\"counter().toString()\"\n        [textFormat]=\"textFormat()\"\n        [textFormatSeparator]=\"textFormatSeparator()\"\n        bmbVerticalLayoutItem\n      />\n    }\n    @if (appearance() !== 'error') {\n      <section\n        class=\"bmb_progress-bar-wrapper-bar\"\n        bmbVerticalLayoutItem\n        bmbLayout\n        [dynamicCols]=\"true\"\n        margin=\"none\"\n        gapSize=\"s\"\n        alignItems=\"center\"\n        justify=\"spaceBetween\"\n      >\n        <div class=\"bmb_progress-bar-track\" bmbLayoutItem>\n          <div\n            class=\"bmb_progress-bar-active\"\n            [style.width.%]=\"progressValue()\"\n          ></div>\n        </div>\n        @if (type() !== 'simple') {\n          @if (type() === 'counter') {\n            <bmb-value-counter\n              class=\"bmb_progress-bar-counter-text\"\n              [value]=\"totalCount().toString()\"\n              [progress]=\"counter().toString()\"\n              [textFormat]=\"textFormat()\"\n              [textFormatSeparator]=\"textFormatSeparator()\"\n              bmbLayoutItem\n            />\n          } @else {\n            @if (!isContainer()) {\n              <span class=\"bmb_progress-bar-counter-text\" bmbLayoutItem>\n                {{ progressValue() + '%' }}\n              </span>\n            }\n          }\n        }\n      </section>\n    }\n    @if (type() === 'container' && appearance() === 'info' && textLink()) {\n      <bmb-text-link\n        class=\"bmb_progress-bar-info\"\n        [textLink]=\"textLink()\"\n        [target]=\"target()\"\n        [link]=\"href()\"\n        bmbVerticalLayoutItem\n      />\n    }\n  </section>\n</ng-template>\n@if (isContainer()) {\n  <section\n    class=\"bmb_progress-bar\"\n    bmbLayout\n    [dynamicCols]=\"true\"\n    margin=\"none\"\n    alignItems=\"center\"\n  >\n    @if (!!avatarIcon() && type() !== 'simple') {\n      <bmb-icon\n        class=\"bmb_progress-bar-icon\"\n        [ngClass]=\"{ 'bmb_progress-bar-error': appearance() === 'error' }\"\n        [icon]=\"avatarIcon()\"\n        [size]=\"24\"\n        bmbLayoutItem\n      />\n    }\n    <ng-container\n      class=\"bmb_progress-bar-container\"\n      [ngTemplateOutlet]=\"progressBar\"\n    />\n    @if (showStatusIcon()) {\n      <bmb-icon\n        class=\"bmb_progress-bar-icon-successful\"\n        icon=\"check_circle\"\n        [size]=\"24\"\n        bmbLayoutItem\n      />\n    }\n    @if (!!actionIcon()) {\n      <bmb-action-icon\n        class=\"bmb_progress-bar-icon-action\"\n        idElement=\"progress_bar_action\"\n        [icon]=\"actionIcon()\"\n        [iconSize]=\"24\"\n        (buttonClick)=\"handleClick($event)\"\n        bmbLayoutItem\n      />\n    }\n  </section>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"progressBar\" />\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_progress-bar{padding:var(--bmb-spacing-m);border:.0625rem solid var(--general_contrasts-25);border-radius:var(--bmb-radius-s);background-color:var(--containers-modal);color:var(--general_contrasts-100)}.bmb_progress-bar-container{margin:var(--bmb-spacing-s) 0}.bmb_progress-bar-icon{color:var(--general_contrasts-main-selection)}.bmb_progress-bar-icon-successful{color:var(--alert-successful)}.bmb_progress-bar-icon-action{color:var(--general_contrasts-60)}.bmb_progress-bar-counter-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-75)}.bmb_progress-bar-track{flex:1;height:.5rem;min-width:3rem;border-radius:.3125rem;background-color:var(--buttons-inactive-step)}.bmb_progress-bar-active{background-color:var(--general_contrasts-main-selection);height:100%;border-radius:.3125rem;transition:.3s linear;transition-property:width,background-color}.bmb_progress-bar-error,.bmb_progress-bar-error .bmb_value-counter-value{color:var(--buttons-destructive)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BmbVerticalLayoutDirective, selector: "[bmbVerticalLayout]", inputs: ["gapSize", "justify", "alignItems", "layoutHeight"] }, { kind: "directive", type: BmbVerticalLayoutItemDirective, selector: "[bmbVerticalLayoutItem]", inputs: ["rowGrow", "isFullWidth"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbValueCounterComponent, selector: "bmb-value-counter", inputs: ["label", "value", "progress", "textFormatSeparator", "textFormat"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-progress-bar', standalone: true, imports: [CommonModule, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_progress-bar\">\n  @if (type() !== 'container') {\n    <div class=\"bmb_progress-bar-counter-container\">\n      <div class=\"bmb_progress-bar-track\">\n        <div\n          [class]=\"\n            'bmb_progress-bar-active bmb_progress-bar-active-' + appearance()\n          \"\n          [style.width.%]=\"progressValue()\"\n        ></div>\n      </div>\n      @if (type() !== 'simple') {\n        <span class=\"bmb_progress-bar-counter-text\">\n          {{ getFormattedText() }}\n        </span>\n      }\n    </div>\n  } @else {\n    <div class=\"bmb_progress-bar-container\">\n      <div class=\"bmb_progress-bar-container-main\">\n        <div class=\"bmb_progress-bar-container-header\">\n          <h4 class=\"bmb_progress-bar-container-header-text\">\n            {{ title() }}\n          </h4>\n          <span class=\"bmb_progress-bar-container-header-text\">\n            {{ getFormattedText() }}\n          </span>\n        </div>\n        <div class=\"bmb_progress-bar-container-bar\">\n          <div class=\"bmb_progress-bar-counter-container\">\n            <div class=\"bmb_progress-bar-track\">\n              <div\n                [class]=\"\n                  'bmb_progress-bar-active bmb_progress-bar-active-' +\n                  appearance()\n                \"\n                [style.width.%]=\"progressValue()\"\n              ></div>\n            </div>\n            <span class=\"bmb_progress-bar-counter-text\">\n              {{ progressValue() + '%' }}\n            </span>\n          </div>\n        </div>\n        @if (textLink()) {\n          <div class=\"bmb_progress-bar-container-link\">\n            <a\n              class=\"bmb_progress-bar-container-link-text\"\n              [href]=\"href()\"\n              [target]=\"target()\"\n            >\n              <span>{{ textLink() }}</span>\n              <bmb-icon [icon]=\"'arrow_forward'\" />\n            </a>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_progress-bar-counter-container{display:flex;width:100%;align-items:center}.bmb_progress-bar-counter-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-left:.625rem}.bmb_progress-bar-track{height:.5rem;min-width:3rem;width:100%;border-radius:.3125rem;background-color:var(--buttons-inactive-step)}.bmb_progress-bar-active{height:.5rem;border-radius:.3125rem;transition:.3s linear;transition-property:width,background-color}.bmb_progress-bar-active-info{background-color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-active-warning{background-color:RGBA(var(--color-yellow-primary))}.bmb_progress-bar-active-error{background-color:RGBA(var(--color-red-primary))}.bmb_progress-bar-container{display:inline-flex;width:100%}.bmb_progress-bar-container-main{display:flex;flex-direction:column;width:100%;padding:.9375rem 1.25rem}.bmb_progress-bar-container-header{display:inline-flex;justify-content:space-between;align-items:center;width:100%;padding:.1875rem 0}.bmb_progress-bar-container-header-text{font-family:Poppins-Regular,sans-serif;font-size:1rem;font-weight:300}.bmb_progress-bar-container-bar{padding:.125rem 0}.bmb_progress-bar-container-link{font-family:Poppins-Regular,sans-serif;font-size:.875rem;padding:.1875rem 0}.bmb_progress-bar-container-link-text{text-decoration:none;display:inline-flex;align-items:center;color:RGBA(var(--color-blue-primary))}.bmb_progress-bar-container-link bmb-icon{font-size:1.125rem}[data-theme=dark] .bmb_progress-bar-active-info,.storybook-dark-theme .bmb_progress-bar-active-info{background-color:RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_progress-bar-counter-text,.storybook-dark-theme .bmb_progress-bar-counter-text{color:RGBA(var(--color-charade-500))}[data-theme=dark] .bmb_progress-bar-container-header-text,.storybook-dark-theme .bmb_progress-bar-container-header-text{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_progress-bar-container-link-text,.storybook-dark-theme .bmb_progress-bar-container-link-text{color:RGBA(var(--color-neon-primary))}\n"] }]
+            args: [{ selector: 'bmb-progress-bar', standalone: true, imports: [
+                        CommonModule,
+                        BmbVerticalLayoutDirective,
+                        BmbVerticalLayoutItemDirective,
+                        BmbLayoutDirective,
+                        BmbLayoutItemDirective,
+                        BmbIconComponent,
+                        BmbValueCounterComponent,
+                        BmbTextLinkComponent,
+                        BmbActionIconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #progressBar>\n  <section\n    class=\"bmb_progress-bar-wrapper\"\n    bmbLayoutItem\n    bmbVerticalLayout\n    gapSize=\"s\"\n  >\n    @if (type() === 'container') {\n      <bmb-value-counter\n        [ngClass]=\"\n          appearance() !== 'info' ? 'bmb_progress-bar-' + appearance() : ''\n        \"\n        [label]=\"title()\"\n        [value]=\"totalCount().toString()\"\n        [progress]=\"counter().toString()\"\n        [textFormat]=\"textFormat()\"\n        [textFormatSeparator]=\"textFormatSeparator()\"\n        bmbVerticalLayoutItem\n      />\n    }\n    @if (appearance() !== 'error') {\n      <section\n        class=\"bmb_progress-bar-wrapper-bar\"\n        bmbVerticalLayoutItem\n        bmbLayout\n        [dynamicCols]=\"true\"\n        margin=\"none\"\n        gapSize=\"s\"\n        alignItems=\"center\"\n        justify=\"spaceBetween\"\n      >\n        <div class=\"bmb_progress-bar-track\" bmbLayoutItem>\n          <div\n            class=\"bmb_progress-bar-active\"\n            [style.width.%]=\"progressValue()\"\n          ></div>\n        </div>\n        @if (type() !== 'simple') {\n          @if (type() === 'counter') {\n            <bmb-value-counter\n              class=\"bmb_progress-bar-counter-text\"\n              [value]=\"totalCount().toString()\"\n              [progress]=\"counter().toString()\"\n              [textFormat]=\"textFormat()\"\n              [textFormatSeparator]=\"textFormatSeparator()\"\n              bmbLayoutItem\n            />\n          } @else {\n            @if (!isContainer()) {\n              <span class=\"bmb_progress-bar-counter-text\" bmbLayoutItem>\n                {{ progressValue() + '%' }}\n              </span>\n            }\n          }\n        }\n      </section>\n    }\n    @if (type() === 'container' && appearance() === 'info' && textLink()) {\n      <bmb-text-link\n        class=\"bmb_progress-bar-info\"\n        [textLink]=\"textLink()\"\n        [target]=\"target()\"\n        [link]=\"href()\"\n        bmbVerticalLayoutItem\n      />\n    }\n  </section>\n</ng-template>\n@if (isContainer()) {\n  <section\n    class=\"bmb_progress-bar\"\n    bmbLayout\n    [dynamicCols]=\"true\"\n    margin=\"none\"\n    alignItems=\"center\"\n  >\n    @if (!!avatarIcon() && type() !== 'simple') {\n      <bmb-icon\n        class=\"bmb_progress-bar-icon\"\n        [ngClass]=\"{ 'bmb_progress-bar-error': appearance() === 'error' }\"\n        [icon]=\"avatarIcon()\"\n        [size]=\"24\"\n        bmbLayoutItem\n      />\n    }\n    <ng-container\n      class=\"bmb_progress-bar-container\"\n      [ngTemplateOutlet]=\"progressBar\"\n    />\n    @if (showStatusIcon()) {\n      <bmb-icon\n        class=\"bmb_progress-bar-icon-successful\"\n        icon=\"check_circle\"\n        [size]=\"24\"\n        bmbLayoutItem\n      />\n    }\n    @if (!!actionIcon()) {\n      <bmb-action-icon\n        class=\"bmb_progress-bar-icon-action\"\n        idElement=\"progress_bar_action\"\n        [icon]=\"actionIcon()\"\n        [iconSize]=\"24\"\n        (buttonClick)=\"handleClick($event)\"\n        bmbLayoutItem\n      />\n    }\n  </section>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"progressBar\" />\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_progress-bar{padding:var(--bmb-spacing-m);border:.0625rem solid var(--general_contrasts-25);border-radius:var(--bmb-radius-s);background-color:var(--containers-modal);color:var(--general_contrasts-100)}.bmb_progress-bar-container{margin:var(--bmb-spacing-s) 0}.bmb_progress-bar-icon{color:var(--general_contrasts-main-selection)}.bmb_progress-bar-icon-successful{color:var(--alert-successful)}.bmb_progress-bar-icon-action{color:var(--general_contrasts-60)}.bmb_progress-bar-counter-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-75)}.bmb_progress-bar-track{flex:1;height:.5rem;min-width:3rem;border-radius:.3125rem;background-color:var(--buttons-inactive-step)}.bmb_progress-bar-active{background-color:var(--general_contrasts-main-selection);height:100%;border-radius:.3125rem;transition:.3s linear;transition-property:width,background-color}.bmb_progress-bar-error,.bmb_progress-bar-error .bmb_value-counter-value{color:var(--buttons-destructive)}\n"] }]
         }] });
 
 class BmbModalComponent {
@@ -8820,7 +8987,7 @@ class BmbInputPhoneNumberComponent {
         return showError(this.control()) || showError(this.phoneControl);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputPhoneNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbInputPhoneNumberComponent, isStandalone: true, selector: "bmb-input-phone-number", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, defaultLada: { classPropertyName: "defaultLada", publicName: "defaultLada", isSignal: true, isRequired: false, transformFunction: null }, defaultCountryCode: { classPropertyName: "defaultCountryCode", publicName: "defaultCountryCode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, preferredCountries: { classPropertyName: "preferredCountries", publicName: "preferredCountries", isSignal: true, isRequired: false, transformFunction: null }, onlyCountries: { classPropertyName: "onlyCountries", publicName: "onlyCountries", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", showError: "showErrorChange" }, ngImport: i0, template: "<bmb-input-validator\n  [name]=\"name()\"\n  [label]=\"label()\"\n  [value]=\"!!defaultCountryCode() ? value() : ''\"\n  [errorMessage]=\"getErrorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"isRequired()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [customValidation]=\"handleCustomValidator()\"\n  [inputId]=\"inputId()\"\n>\n  <section class=\"bmb_input-phone\">\n    <section\n      class=\"bmb_input-phone-container\"\n      [ngClass]=\"{\n        'bmb_input-phone-container-error': shouldShowError,\n        'bmb_input-phone-container-focus': isFocused()\n      }\"\n    >\n      <bmb-dropdown\n        class=\"bmb_input-phone-lada\"\n        [name]=\"getUUID('lada')\"\n        [value]=\"ladaControl.value\"\n        [required]=\"true\"\n        [disabled]=\"disabled()\"\n        [showIcon]=\"false\"\n        [options]=\"countryFiltering\"\n        [preferredOptions]=\"preferredCountries()\"\n        [control]=\"ladaControl\"\n        (onValueChange)=\"onValueChange($event)\"\n        (onFocus)=\"handleFocus($event)\"\n      />\n      <bmb-input-content\n        class=\"bmb_input-phone-number\"\n        [name]=\"getUUID('phone')\"\n        pattern=\"^\\d+$\"\n        [control]=\"phoneControl\"\n        [inputId]=\"inputId()\"\n        [placeholder]=\"placeholder()\"\n        [maxLength]=\"getSelectedCountryLength(ladaControl.value)\"\n        [minLength]=\"getSelectedCountryLength(ladaControl.value)\"\n        [isRequired]=\"isRequired()\"\n        (onFocus)=\"handleFocus($event)\"\n        (onBlur)=\"handleValidity()\"\n      />\n    </section>\n    <input\n      hidden\n      type=\"text\"\n      [name]=\"name()\"\n      [required]=\"isRequired()\"\n      [formControl]=\"control()\"\n      [tabindex]=\"-1\"\n    />\n  </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-phone{display:block;position:relative}.bmb_input-phone-container{display:flex;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:var(--input-error)}.bmb_input-phone-container:focus,.bmb_input-phone-container:focus-visible,.bmb_input-phone-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-phone-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-phone-container .bmb_input-validator-label{display:none}.bmb_input-phone-container .bmb_input-validator{padding:0}.bmb_input-phone-lada .bmb_dropdown{width:5rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal{border-top-right-radius:0;border-bottom-right-radius:0;border-width:0 .0625rem 0 0;height:2.75rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus-visible,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:hover{border-width:0 .0625rem 0 0;outline:0 none}.bmb_input-phone-lada .bmb_dropdown .bmb_dropdown-content-modal{min-width:max-content}.bmb_input-phone-number{flex:1}.bmb_input-phone-number .bmb_field-input-normal{border-top-left-radius:0;border-bottom-left-radius:0;border:0;height:2.75rem}.bmb_input-phone-number .bmb_field-input-normal:focus,.bmb_input-phone-number .bmb_field-input-normal:focus-visible,.bmb_input-phone-number .bmb_field-input-normal:hover{border:0;outline:0 none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbInputPhoneNumberComponent, isStandalone: true, selector: "bmb-input-phone-number", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, defaultLada: { classPropertyName: "defaultLada", publicName: "defaultLada", isSignal: true, isRequired: false, transformFunction: null }, defaultCountryCode: { classPropertyName: "defaultCountryCode", publicName: "defaultCountryCode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, preferredCountries: { classPropertyName: "preferredCountries", publicName: "preferredCountries", isSignal: true, isRequired: false, transformFunction: null }, onlyCountries: { classPropertyName: "onlyCountries", publicName: "onlyCountries", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", showError: "showErrorChange" }, ngImport: i0, template: "<bmb-input-validator\n  [name]=\"name()\"\n  [label]=\"label()\"\n  [value]=\"!!defaultCountryCode() ? value() : ''\"\n  [errorMessage]=\"getErrorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"isRequired()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [customValidation]=\"handleCustomValidator()\"\n  [inputId]=\"inputId()\"\n>\n  <section class=\"bmb_input-phone\">\n    <section\n      class=\"bmb_input-phone-container\"\n      [ngClass]=\"{\n        'bmb_input-phone-container-error': shouldShowError,\n        'bmb_input-phone-container-focus': isFocused()\n      }\"\n    >\n      <bmb-dropdown\n        class=\"bmb_input-phone-lada\"\n        [name]=\"getUUID('lada')\"\n        [value]=\"ladaControl.value\"\n        [required]=\"true\"\n        [disabled]=\"disabled()\"\n        [showIcon]=\"false\"\n        [options]=\"countryFiltering\"\n        [preferredOptions]=\"preferredCountries()\"\n        [control]=\"ladaControl\"\n        (onValueChange)=\"onValueChange($event)\"\n        (onFocus)=\"handleFocus($event)\"\n      />\n      <bmb-input-content\n        class=\"bmb_input-phone-number\"\n        [name]=\"getUUID('phone')\"\n        pattern=\"^\\d+$\"\n        [control]=\"phoneControl\"\n        [inputId]=\"inputId()\"\n        [placeholder]=\"placeholder()\"\n        [maxLength]=\"getSelectedCountryLength(ladaControl.value)\"\n        [minLength]=\"getSelectedCountryLength(ladaControl.value)\"\n        [isRequired]=\"isRequired()\"\n        (onFocus)=\"handleFocus($event)\"\n        (onBlur)=\"handleValidity()\"\n      />\n    </section>\n    <input\n      hidden\n      type=\"text\"\n      [name]=\"name()\"\n      [required]=\"isRequired()\"\n      [formControl]=\"control()\"\n      [tabindex]=\"-1\"\n    />\n  </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-phone{display:block;position:relative}.bmb_input-phone-container{display:flex;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:var(--input-error)}.bmb_input-phone-container:focus,.bmb_input-phone-container:focus-visible,.bmb_input-phone-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-phone-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-phone-container .bmb_input-validator-label{display:none}.bmb_input-phone-container .bmb_input-validator{padding:0}.bmb_input-phone-lada .bmb_dropdown{width:5rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal{border-top-right-radius:0;border-bottom-right-radius:0;border-width:0 .0625rem 0 0;height:2.75rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus-visible,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:hover{border-width:0 .0625rem 0 0;outline:0 none}.bmb_input-phone-lada .bmb_dropdown .bmb_dropdown-content-modal{min-width:max-content}.bmb_input-phone-number{flex:1}.bmb_input-phone-number .bmb_field-input-normal{border-top-left-radius:0;border-bottom-left-radius:0;border:0;height:2.75rem}.bmb_input-phone-number .bmb_field-input-normal:focus,.bmb_input-phone-number .bmb_field-input-normal:focus-visible,.bmb_input-phone-number .bmb_field-input-normal:hover{border:0;outline:0 none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "customFilterFunction", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputPhoneNumberComponent, decorators: [{
             type: Component,
@@ -11123,7 +11290,7 @@ class BmbAccountStatementComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbAccountStatementComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbAccountStatementComponent, isStandalone: true, selector: "bmb-account-statement", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, progressCircleTitle: { classPropertyName: "progressCircleTitle", publicName: "progressCircleTitle", isSignal: true, isRequired: false, transformFunction: null }, labelPrimary: { classPropertyName: "labelPrimary", publicName: "labelPrimary", isSignal: true, isRequired: false, transformFunction: null }, labelSecondary: { classPropertyName: "labelSecondary", publicName: "labelSecondary", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, progressTitle: { classPropertyName: "progressTitle", publicName: "progressTitle", isSignal: true, isRequired: false, transformFunction: null }, formatDates: { classPropertyName: "formatDates", publicName: "formatDates", isSignal: true, isRequired: false, transformFunction: null }, paymentDeadline: { classPropertyName: "paymentDeadline", publicName: "paymentDeadline", isSignal: true, isRequired: false, transformFunction: null }, cutOffDate: { classPropertyName: "cutOffDate", publicName: "cutOffDate", isSignal: true, isRequired: false, transformFunction: null }, paymentDeadlineLabel: { classPropertyName: "paymentDeadlineLabel", publicName: "paymentDeadlineLabel", isSignal: true, isRequired: false, transformFunction: null }, cutOffDateLabel: { classPropertyName: "cutOffDateLabel", publicName: "cutOffDateLabel", isSignal: true, isRequired: false, transformFunction: null }, payButtonLabel: { classPropertyName: "payButtonLabel", publicName: "payButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, backButtonLabel: { classPropertyName: "backButtonLabel", publicName: "backButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, modalSubtitle: { classPropertyName: "modalSubtitle", publicName: "modalSubtitle", isSignal: true, isRequired: false, transformFunction: null }, modalRestLabel: { classPropertyName: "modalRestLabel", publicName: "modalRestLabel", isSignal: true, isRequired: false, transformFunction: null }, modalOtherAmountLabel: { classPropertyName: "modalOtherAmountLabel", publicName: "modalOtherAmountLabel", isSignal: true, isRequired: false, transformFunction: null }, modalPrimaryButtonLabel: { classPropertyName: "modalPrimaryButtonLabel", publicName: "modalPrimaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent", backEvent: "backEvent", payEvent: "payEvent" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"bmb_account-statement\">\n  <bmb-inner-header\n    (onHandleClose)=\"handleClose($event)\"\n    [title]=\"title() || ('account_statement.title' | translate)\"\n    [showSearch]=\"false\"\n    [showClose]=\"true\"\n  />\n  <main class=\"bmb_account-statement-content\">\n    <div class=\"bmb_account-statement-content-balance\">\n      <bmb-balance-overview\n        [progressCircleTitle]=\"progressCircleTitle()\"\n        [labelPrimary]=\"\n          labelPrimary() || ('account_statement.label_primary' | translate)\n        \"\n        [labelSecondary]=\"\n          labelSecondary() || ('account_statement.label_secondary' | translate)\n        \"\n        [progressCircleValue]=\"getFormattedAmount(totalCount() - counter())\"\n        [valuePrimary]=\"getFormattedAmount(totalCount())\"\n        [valueSecondary]=\"getFormattedAmount(counter())\"\n        [progressCirclePercent]=\"getProgressPercent()\"\n      />\n    </div>\n    <bmb-card>\n      <bmb-card-content padding=\"none\">\n        <bmb-progress-bar\n          appearance=\"info\"\n          type=\"container\"\n          [counter]=\"counter()\"\n          [totalCount]=\"totalCount()\"\n          [title]=\"\n            progressTitle() || ('account_statement.progress_title' | translate)\n          \"\n        />\n      </bmb-card-content>\n    </bmb-card>\n    <bmb-card>\n      <bmb-card-content>\n        <p class=\"bmb_account-statement-content-date\">\n          <span>{{ cutOffDateLabel() }}</span>\n          <span>{{ getFormattedDate(cutOffDate()) }}</span>\n        </p>\n        <bmb-divider />\n        <p class=\"bmb_account-statement-content-date\">\n          <span>{{ paymentDeadlineLabel() }}</span>\n          <span>{{ getFormattedDate(paymentDeadline()) }}</span>\n        </p>\n      </bmb-card-content>\n    </bmb-card>\n  </main>\n  <footer class=\"bmb_account-statement-footer\">\n    <button\n      bmbButton\n      size=\"large\"\n      appearance=\"secondary-outlined\"\n      (click)=\"handleBack($event)\"\n      type=\"button\"\n    >\n      {{ backButtonLabel() }}\n    </button>\n    <button (click)=\"handlePay()\" bmbButton size=\"large\" type=\"button\">\n      {{ payButtonLabel() }}\n    </button>\n  </footer>\n</div>\n\n<ng-template #modalTemplate>\n  <section class=\"bmb_account-statement-modal\">\n    <form [formGroup]=\"amountForm\" (ngSubmit)=\"handleSubmit()\">\n      <bmb-progress-bar\n        appearance=\"info\"\n        type=\"container\"\n        [counter]=\"counter()\"\n        [totalCount]=\"totalCount()\"\n        [title]=\"\n          progressTitle() || ('account_statement.progress_title' | translate)\n        \"\n      />\n      <bmb-divider />\n      <label\n        class=\"bmb_account-statement-modal-label\"\n        bmbLayout\n        alignItems=\"center\"\n        [dynamicCols]=\"true\"\n      >\n        <bmb-radial\n          id=\"modalRestInput\"\n          name=\"modalAmount\"\n          [checked]=\"true\"\n          (change)=\"handleActiveCustomAmount($event)\"\n          value=\"modalRestInput\"\n        />\n        <span bmbLayoutItem [colGrow]=\"1\">\n          {{ modalRestLabel() }}\n          <br />\n          {{ getFormattedAmount(totalCount() - counter()) }}\n        </span>\n      </label>\n      <bmb-divider />\n      <label\n        class=\"bmb_account-statement-modal-label\"\n        bmbLayout\n        alignItems=\"center\"\n        [dynamicCols]=\"true\"\n      >\n        <bmb-radial\n          id=\"modalOtherAmountInput\"\n          name=\"modalAmount\"\n          (change)=\"handleActiveCustomAmount($event)\"\n          value=\"modalOtherAmountInput\"\n        />\n        <span bmbLayoutItem [colGrow]=\"1\">\n          {{ modalOtherAmountLabel() }}\n        </span>\n      </label>\n      @if (isEnableCustomAmount) {\n        <bmb-input\n          type=\"number\"\n          [max]=\"totalCount() - counter()\"\n          [min]=\"1\"\n          pattern=\"\\d*\"\n          [errorMessage]=\"\n            errorMessage() || ('account_statement.error_message' | translate)\n          \"\n          [isRequired]=\"true\"\n          [control]=\"getFormControl('amount')\"\n          [showError]=\"showErrors['amount']\"\n        />\n      }\n      <footer class=\"bmb_account-statement-footer\">\n        <button type=\"submit\" bmbButton size=\"large\">\n          {{ modalPrimaryButtonLabel() }}\n        </button>\n      </footer>\n    </form>\n  </section>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_account-statement{height:100dvh;display:flex;flex-flow:column}.bmb_account-statement-content{flex:1;overflow:auto}.bmb_account-statement-content-balance{max-width:18.75rem;margin:var(--bmb-spacing-xl) auto}.bmb_account-statement-content-date{text-transform:capitalize;display:flex;justify-content:space-between;margin:0}.bmb_account-statement-footer{display:flex;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_account-statement-modal{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_account-statement-modal .bmb_progress-bar-container-main{padding:0}[data-theme=dark] .bmb_account-statement-modal,.storybook-dark-theme .bmb_account-statement-modal{color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "component", type: BmbBalanceOverviewComponent, selector: "bmb-balance-overview", inputs: ["progressCirclePercent", "progressCircleValue", "showProgressCircleValue", "progressCircleTitle", "showProgressCircleTitle", "showProgressCircleBackground", "labelPrimary", "valuePrimary", "labelSecondary", "valueSecondary"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground", "setBorderRadius"] }, { kind: "component", type: BmbProgressBarComponent, selector: "bmb-progress-bar", inputs: ["type", "totalCount", "counter", "title", "appearance", "textLink", "href", "target", "textFormat"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbAccountStatementComponent, isStandalone: true, selector: "bmb-account-statement", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, progressCircleTitle: { classPropertyName: "progressCircleTitle", publicName: "progressCircleTitle", isSignal: true, isRequired: false, transformFunction: null }, labelPrimary: { classPropertyName: "labelPrimary", publicName: "labelPrimary", isSignal: true, isRequired: false, transformFunction: null }, labelSecondary: { classPropertyName: "labelSecondary", publicName: "labelSecondary", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, progressTitle: { classPropertyName: "progressTitle", publicName: "progressTitle", isSignal: true, isRequired: false, transformFunction: null }, formatDates: { classPropertyName: "formatDates", publicName: "formatDates", isSignal: true, isRequired: false, transformFunction: null }, paymentDeadline: { classPropertyName: "paymentDeadline", publicName: "paymentDeadline", isSignal: true, isRequired: false, transformFunction: null }, cutOffDate: { classPropertyName: "cutOffDate", publicName: "cutOffDate", isSignal: true, isRequired: false, transformFunction: null }, paymentDeadlineLabel: { classPropertyName: "paymentDeadlineLabel", publicName: "paymentDeadlineLabel", isSignal: true, isRequired: false, transformFunction: null }, cutOffDateLabel: { classPropertyName: "cutOffDateLabel", publicName: "cutOffDateLabel", isSignal: true, isRequired: false, transformFunction: null }, payButtonLabel: { classPropertyName: "payButtonLabel", publicName: "payButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, backButtonLabel: { classPropertyName: "backButtonLabel", publicName: "backButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, modalSubtitle: { classPropertyName: "modalSubtitle", publicName: "modalSubtitle", isSignal: true, isRequired: false, transformFunction: null }, modalRestLabel: { classPropertyName: "modalRestLabel", publicName: "modalRestLabel", isSignal: true, isRequired: false, transformFunction: null }, modalOtherAmountLabel: { classPropertyName: "modalOtherAmountLabel", publicName: "modalOtherAmountLabel", isSignal: true, isRequired: false, transformFunction: null }, modalPrimaryButtonLabel: { classPropertyName: "modalPrimaryButtonLabel", publicName: "modalPrimaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent", backEvent: "backEvent", payEvent: "payEvent" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"bmb_account-statement\">\n  <bmb-inner-header\n    (onHandleClose)=\"handleClose($event)\"\n    [title]=\"title() || ('account_statement.title' | translate)\"\n    [showSearch]=\"false\"\n    [showClose]=\"true\"\n  />\n  <main class=\"bmb_account-statement-content\">\n    <div class=\"bmb_account-statement-content-balance\">\n      <bmb-balance-overview\n        [progressCircleTitle]=\"progressCircleTitle()\"\n        [labelPrimary]=\"\n          labelPrimary() || ('account_statement.label_primary' | translate)\n        \"\n        [labelSecondary]=\"\n          labelSecondary() || ('account_statement.label_secondary' | translate)\n        \"\n        [progressCircleValue]=\"getFormattedAmount(totalCount() - counter())\"\n        [valuePrimary]=\"getFormattedAmount(totalCount())\"\n        [valueSecondary]=\"getFormattedAmount(counter())\"\n        [progressCirclePercent]=\"getProgressPercent()\"\n      />\n    </div>\n    <bmb-card>\n      <bmb-card-content padding=\"none\">\n        <bmb-progress-bar\n          appearance=\"info\"\n          type=\"container\"\n          [counter]=\"counter()\"\n          [totalCount]=\"totalCount()\"\n          [title]=\"\n            progressTitle() || ('account_statement.progress_title' | translate)\n          \"\n        />\n      </bmb-card-content>\n    </bmb-card>\n    <bmb-card>\n      <bmb-card-content>\n        <p class=\"bmb_account-statement-content-date\">\n          <span>{{ cutOffDateLabel() }}</span>\n          <span>{{ getFormattedDate(cutOffDate()) }}</span>\n        </p>\n        <bmb-divider />\n        <p class=\"bmb_account-statement-content-date\">\n          <span>{{ paymentDeadlineLabel() }}</span>\n          <span>{{ getFormattedDate(paymentDeadline()) }}</span>\n        </p>\n      </bmb-card-content>\n    </bmb-card>\n  </main>\n  <footer class=\"bmb_account-statement-footer\">\n    <button\n      bmbButton\n      size=\"large\"\n      appearance=\"secondary-outlined\"\n      (click)=\"handleBack($event)\"\n      type=\"button\"\n    >\n      {{ backButtonLabel() }}\n    </button>\n    <button (click)=\"handlePay()\" bmbButton size=\"large\" type=\"button\">\n      {{ payButtonLabel() }}\n    </button>\n  </footer>\n</div>\n\n<ng-template #modalTemplate>\n  <section class=\"bmb_account-statement-modal\">\n    <form [formGroup]=\"amountForm\" (ngSubmit)=\"handleSubmit()\">\n      <bmb-progress-bar\n        appearance=\"info\"\n        type=\"container\"\n        [counter]=\"counter()\"\n        [totalCount]=\"totalCount()\"\n        [title]=\"\n          progressTitle() || ('account_statement.progress_title' | translate)\n        \"\n      />\n      <bmb-divider />\n      <label\n        class=\"bmb_account-statement-modal-label\"\n        bmbLayout\n        alignItems=\"center\"\n        [dynamicCols]=\"true\"\n      >\n        <bmb-radial\n          id=\"modalRestInput\"\n          name=\"modalAmount\"\n          [checked]=\"true\"\n          (change)=\"handleActiveCustomAmount($event)\"\n          value=\"modalRestInput\"\n        />\n        <span bmbLayoutItem [colGrow]=\"1\">\n          {{ modalRestLabel() }}\n          <br />\n          {{ getFormattedAmount(totalCount() - counter()) }}\n        </span>\n      </label>\n      <bmb-divider />\n      <label\n        class=\"bmb_account-statement-modal-label\"\n        bmbLayout\n        alignItems=\"center\"\n        [dynamicCols]=\"true\"\n      >\n        <bmb-radial\n          id=\"modalOtherAmountInput\"\n          name=\"modalAmount\"\n          (change)=\"handleActiveCustomAmount($event)\"\n          value=\"modalOtherAmountInput\"\n        />\n        <span bmbLayoutItem [colGrow]=\"1\">\n          {{ modalOtherAmountLabel() }}\n        </span>\n      </label>\n      @if (isEnableCustomAmount) {\n        <bmb-input\n          type=\"number\"\n          [max]=\"totalCount() - counter()\"\n          [min]=\"1\"\n          pattern=\"\\d*\"\n          [errorMessage]=\"\n            errorMessage() || ('account_statement.error_message' | translate)\n          \"\n          [isRequired]=\"true\"\n          [control]=\"getFormControl('amount')\"\n          [showError]=\"showErrors['amount']\"\n        />\n      }\n      <footer class=\"bmb_account-statement-footer\">\n        <button type=\"submit\" bmbButton size=\"large\">\n          {{ modalPrimaryButtonLabel() }}\n        </button>\n      </footer>\n    </form>\n  </section>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_account-statement{height:100dvh;display:flex;flex-flow:column}.bmb_account-statement-content{flex:1;overflow:auto}.bmb_account-statement-content-balance{max-width:18.75rem;margin:var(--bmb-spacing-xl) auto}.bmb_account-statement-content-date{text-transform:capitalize;display:flex;justify-content:space-between;margin:0}.bmb_account-statement-footer{display:flex;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_account-statement-modal{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_account-statement-modal .bmb_progress-bar-container-main{padding:0}[data-theme=dark] .bmb_account-statement-modal,.storybook-dark-theme .bmb_account-statement-modal{color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "component", type: BmbBalanceOverviewComponent, selector: "bmb-balance-overview", inputs: ["progressCirclePercent", "progressCircleValue", "showProgressCircleValue", "progressCircleTitle", "showProgressCircleTitle", "showProgressCircleBackground", "labelPrimary", "valuePrimary", "labelSecondary", "valueSecondary"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground", "setBorderRadius"] }, { kind: "component", type: BmbProgressBarComponent, selector: "bmb-progress-bar", inputs: ["type", "totalCount", "counter", "title", "appearance", "textLink", "href", "target", "textFormat", "isContainer", "avatarIcon", "actionIcon", "textFormatSeparator", "showStatusIcon"], outputs: ["actionClick"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbAccountStatementComponent, decorators: [{
             type: Component,
@@ -11712,16 +11879,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }] });
 
 class BmbDropzoneComponent {
-    constructor(cdr) {
+    constructor(cdr, translationService) {
         this.cdr = cdr;
+        this.translationService = translationService;
         this.appearanceContrast = input('default');
         this.acceptedExtensions = input.required();
         this.dropInstruction = input();
         this.dropLabel = input();
-        this.errorMessage = input();
+        this.errorMessage = input(); //Deprecated
         this.errorMessageFormat = input();
         this.errorMessageSize = input();
-        this.fileDataList = [];
         this.fileSize = input(2);
         this.formatFilesLabel = input();
         this.linkFilesSupported = input('');
@@ -11730,9 +11897,19 @@ class BmbDropzoneComponent {
         this.multiple = input(false);
         this.name = input(getUUID());
         this.progress = input({});
+        this.inputId = input(this.name());
+        this.customValidation = input();
+        this.control = model(newFormControlByType('file', this.multiple()));
         this.newFile = output();
         this.fileRemoved = output();
-        this.validFile = true;
+        this.fileDataList = [];
+        this.isControlNull = false;
+    }
+    ngOnInit() {
+        if (!this.control()) {
+            this.control.set(assignNewFormControl(this.name(), this.control(), 'file', this.multiple()));
+            this.isControlNull = true;
+        }
     }
     ngOnChanges(changes) {
         if (changes['progress'] ||
@@ -11741,53 +11918,86 @@ class BmbDropzoneComponent {
             this.cdr.detectChanges();
         }
     }
-    onFileSelected(event) {
-        this.input = event.target;
-        if (this.input.files?.[0]) {
-            const files = this.input.files;
-            if (files && files.length > 0) {
-                this.getFileAndValidate(this.multiple() ? Array.from(files) : files[0]);
-            }
+    getDropZoneClass() {
+        const classList = [];
+        if (this.isErrorFiles()) {
+            classList.push('bmb_drop-zone-container-error');
         }
-    }
-    isValidFileType(fileType, fileName) {
-        if (this.acceptedExtensions().some((element) => element.includes('/'))) {
-            const types = this.acceptedExtensions().filter((element) => element.endsWith('/*'));
-            if (!!types.length &&
-                types.some((element) => element.substring(0, element.length - 2) ===
-                    fileType.substring(0, element.length - 2))) {
-                return true;
+        else {
+            if (!!this.fileDataList.length &&
+                this.fileDataList?.some((file) => this.isUploadInProgress(file))) {
+                classList.push('bmb_drop-zone-container-uploading-file');
             }
-            else {
-                if (this.acceptedExtensions().includes(fileType))
-                    return true;
+            if (this.appearanceContrast() === 'primary') {
+                classList.push('bmb-drop-zone-container-primary');
+            }
+            if (this.appearanceContrast() === 'alternative') {
+                classList.push('bmb-drop-zone-container-alternative');
             }
         }
-        if (this.acceptedExtensions().includes(fileName.substring(fileName.lastIndexOf('.') + 1)))
-            return true;
-        return false;
+        return classList;
+    }
+    get errorMessageLabel() {
+        return `${this.isFormatErrorFiles()
+            ? (this.errorMessageFormat() ||
+                this.translationService.translate('dropzone.error_message_format')).concat('* ')
+            : ''}${this.isFormatErrorFiles()
+            ? (this.errorMessageSize() ||
+                this.translationService.translate('dropzone.error_message_size')).concat('MB*')
+            : ''}`;
+    }
+    getAvatarIcon(file) {
+        if (this.getProgress(file) === 100)
+            return 'upload_file';
+        if (file.error)
+            return 'task';
+        return 'progress_activity';
+    }
+    getFileName(file) {
+        return this.isFormatError(file) ? file.name.concat('*') : file.name;
+    }
+    getFormatProgress(value, total) {
+        return `${value}%/${total}%`;
+    }
+    getFormatSize(_, total) {
+        return `${Intl.NumberFormat('en-US', {
+            minimumFractionDigits: 2,
+        }).format(Number(total))}MB`;
+    }
+    getFormatSizeError(_, total) {
+        return `${Intl.NumberFormat('en-US', {
+            minimumFractionDigits: 2,
+        }).format(Number(total))}MB*`;
     }
     getFileSizeInMB(fileSize) {
         return fileSize / 1048576;
     }
-    isValidFileSize(fileSize) {
-        return this.getFileSizeInMB(fileSize) <= this.fileSize();
+    getProgress(file) {
+        const progress = this.progress();
+        if (file.error)
+            return 0;
+        if (typeof progress === 'number')
+            return progress;
+        return progress?.[file.name] ?? 0;
     }
-    isFileDuplicate(fileName) {
-        return this.fileDataList.some((existing) => existing.name === fileName);
+    get organizedFiles() {
+        if (this.fileDataList.some((file) => file.error)) {
+            return this.fileDataList.sort((file1, file2) => (Number(file1.error) - Number(file2.error)) * -1);
+        }
+        return this.fileDataList;
     }
     getFileAndValidate(file) {
-        const filesArray = Array.isArray(file) ? file : [file];
+        const fileList = Array.isArray(file) ? file : [file];
         const validFiles = [];
         if (!this.multiple()) {
             this.fileDataList = [];
         }
-        for (const singleFile of filesArray) {
+        for (const singleFile of fileList) {
             if (this.isFileDuplicate(singleFile.name)) {
                 continue;
             }
             const fileValidation = {
-                isValidFormat: this.isValidFileType(singleFile.type, singleFile.name),
+                isValidFormat: this.isValidFileFormat(singleFile.type, singleFile.name),
                 isValidSize: this.isValidFileSize(singleFile.size),
             };
             const fileData = {
@@ -11801,97 +12011,135 @@ class BmbDropzoneComponent {
                 validFiles.push(singleFile);
         }
         if (!!validFiles.length) {
-            this.newFile.emit(this.multiple() ? validFiles : validFiles[0]);
-        }
-        else {
-            this.onErrorFile();
+            if (this.multiple()) {
+                this.control().patchValue(validFiles.map((_file) => _file.name));
+                this.control().updateValueAndValidity();
+                this.newFile.emit(validFiles);
+            }
+            else {
+                const _file = validFiles[0];
+                this.control().patchValue(_file.name);
+                this.control().updateValueAndValidity();
+                this.newFile.emit(_file);
+            }
         }
     }
-    removeFile(fileName) {
-        this.fileDataList = this.fileDataList.filter((file) => file.name !== fileName);
-        const hasFormatErrorsOnly = this.fileDataList.some((file) => file.error && file.errorType === 'format');
-        this.validFile = this.fileDataList.length > 0 && !hasFormatErrorsOnly;
-        if (this.fileDataList.length === 0 && this.input) {
-            this.input.value = '';
+    isValidFileFormat(fileType, fileName) {
+        if (this.acceptedExtensions().some((element) => element.includes('/'))) {
+            const types = this.acceptedExtensions().filter((element) => element.endsWith('/*'));
+            if (!!types.length &&
+                types.some((element) => element.substring(0, element.length - 2) ===
+                    fileType.substring(0, element.length - 2))) {
+                return true;
+            }
+            else {
+                if (this.acceptedExtensions().includes(fileType))
+                    return true;
+            }
         }
-        this.fileRemoved.emit(fileName);
+        if (this.acceptedExtensions().includes(fileName.substring(fileName.lastIndexOf('.') + 1)))
+            return true;
+        return false;
     }
-    onErrorFile() {
-        this.input && (this.input.value = '');
-        this.validFile = false;
+    isValidFileSize(fileSize) {
+        return this.getFileSizeInMB(fileSize) <= this.fileSize();
     }
-    onDragOver(event) {
-        this.validFile = true;
+    isFileDuplicate(fileName) {
+        return this.fileDataList.some((existing) => existing.name === fileName);
+    }
+    isUploadInProgress(file) {
+        return !file.error && this.getProgress(file) < 100;
+    }
+    isUploadCompleted(file) {
+        return !file.error && this.getProgress(file) === 100;
+    }
+    isErrorFiles() {
+        return this.fileDataList.some((file) => file.error);
+    }
+    isFormatError(file) {
+        return (file.error && file.errorType === 'format') || false;
+    }
+    isFormatErrorFiles() {
+        return this.fileDataList.some((file) => this.isFormatError(file));
+    }
+    isSizeError(file) {
+        return (file.error && file.errorType === 'size') || false;
+    }
+    isSizeErrorFiles() {
+        return this.fileDataList.some((file) => this.isSizeError(file));
+    }
+    handleDragOver(event) {
         event.preventDefault();
         event.stopPropagation();
         const dropzoneElement = event.currentTarget;
-        dropzoneElement.classList.add('bmb-drop-zone-drag-over');
+        dropzoneElement.classList.add('bmb_drop-zone-container-uploading-file');
     }
-    onDragLeave(event) {
+    handleDragLeave(event) {
         event.preventDefault();
         event.stopPropagation();
         const dropzoneElement = event.currentTarget;
-        dropzoneElement.classList.remove('bmb-drop-zone-drag-over');
+        dropzoneElement.classList.remove('bmb_drop-zone-container-uploading-file');
     }
-    onDrop(event) {
+    handleDrop(event) {
         event.preventDefault();
         event.stopPropagation();
         const dropzoneElement = event.currentTarget;
         dropzoneElement.classList.add('bmb-drop-zone');
-        dropzoneElement.classList.remove('bmb-drop-zone-drag-over');
+        dropzoneElement.classList.remove('bmb_drop-zone-container-uploading-file');
         const files = event.dataTransfer?.files;
-        if (files && files.length > 0) {
+        if (files && !!files.length) {
             this.getFileAndValidate(this.multiple() ? Array.from(files) : files[0]);
         }
     }
-    getProgress(fileName) {
-        const progress = this.progress();
-        if (typeof progress === 'number')
-            return progress;
-        return progress?.[fileName] ?? 0;
+    handleFileSelected(event) {
+        const _input = event.target;
+        if (_input.files?.[0]) {
+            const files = _input.files;
+            if (files && !!files.length) {
+                this.getFileAndValidate(this.multiple() ? Array.from(files) : files[0]);
+            }
+        }
+    }
+    handleRemoveFile(fileName) {
+        this.fileDataList = this.fileDataList.filter((file) => file.name !== fileName);
+        if (this.multiple()) {
+            const _fileNames = this.control().value;
+            this.control().patchValue(Array.from(_fileNames).filter((_fileName) => _fileName !== fileName));
+            this.control().updateValueAndValidity();
+        }
+        else {
+            const _fileName = this.control().value;
+            this.control().patchValue(_fileName === fileName ? null : _fileName);
+            this.control().updateValueAndValidity();
+        }
+        this.fileRemoved.emit(fileName);
     }
-    isInvalidFileOnly() {
-        return this.fileDataList.some((file) => file.error && file.errorType === 'format');
+    handleValidity() {
+        handleValidity(this.control());
     }
     reset() {
         this.fileDataList = [];
-        this.validFile = true;
-        if (this.input) {
-            this.input.value = '';
-        }
+        this.control().patchValue(this.multiple() ? [null] : null);
         this.cdr.detectChanges();
     }
-    getDropZoneClass() {
-        const classList = [];
-        if (this.isInvalidFileOnly()) {
-            classList.push('bmb-drop-zone-error');
-        }
-        if (this.fileDataList.length > 0 && !!this.fileDataList[0].name) {
-            classList.push('bmb-drop-zone-drag-over');
-        }
-        if (this.appearanceContrast() === 'primary') {
-            classList.push('bmb-drop-zone-container-primary');
-        }
-        if (this.appearanceContrast() === 'alternative') {
-            classList.push('bmb-drop-zone-container-alternative');
-        }
-        return classList;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropzoneComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbDropzoneComponent, isStandalone: true, selector: "bmb-dropzone", inputs: { appearanceContrast: { classPropertyName: "appearanceContrast", publicName: "appearanceContrast", isSignal: true, isRequired: false, transformFunction: null }, acceptedExtensions: { classPropertyName: "acceptedExtensions", publicName: "acceptedExtensions", isSignal: true, isRequired: true, transformFunction: null }, dropInstruction: { classPropertyName: "dropInstruction", publicName: "dropInstruction", isSignal: true, isRequired: false, transformFunction: null }, dropLabel: { classPropertyName: "dropLabel", publicName: "dropLabel", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, errorMessageFormat: { classPropertyName: "errorMessageFormat", publicName: "errorMessageFormat", isSignal: true, isRequired: false, transformFunction: null }, errorMessageSize: { classPropertyName: "errorMessageSize", publicName: "errorMessageSize", isSignal: true, isRequired: false, transformFunction: null }, fileSize: { classPropertyName: "fileSize", publicName: "fileSize", isSignal: true, isRequired: false, transformFunction: null }, formatFilesLabel: { classPropertyName: "formatFilesLabel", publicName: "formatFilesLabel", isSignal: true, isRequired: false, transformFunction: null }, linkFilesSupported: { classPropertyName: "linkFilesSupported", publicName: "linkFilesSupported", isSignal: true, isRequired: false, transformFunction: null }, linkLabel: { classPropertyName: "linkLabel", publicName: "linkLabel", isSignal: true, isRequired: false, transformFunction: null }, mainIcon: { classPropertyName: "mainIcon", publicName: "mainIcon", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { newFile: "newFile", fileRemoved: "fileRemoved" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"bmb-drop-zone\">\n  <section\n    class=\"bmb-drop-zone-container\"\n    [ngClass]=\"getDropZoneClass()\"\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\"\n  >\n    <div\n      class=\"bmb-drop-zone-icon\"\n      [ngClass]=\"{\n        'bmb-drop-zone-icon-valid':\n          validFile && fileDataList.length > 0 && !!fileDataList[0].name,\n        'bmb-drop-zone-icon-error': isInvalidFileOnly()\n      }\"\n    >\n      <bmb-icon [icon]=\"mainIcon()\" [size]=\"48\" alt=\"Drop zone icon\" />\n    </div>\n    <p class=\"bmb-drop-zone-label-format\">\n      {{ formatFilesLabel() || ('dropzone.format_files_label' | translate) }}\n    </p>\n    <p class=\"bmb-drop-zone-label-format-instruction\">\n      {{ dropInstruction() || ('dropzone.drop_instructions' | translate) }}\n      <label class=\"bmb-drop-zone-link\" [htmlFor]=\"name()\">\n        {{ dropLabel() || ('dropzone.drop_label' | translate) }}\n      </label>\n    </p>\n    @if (isInvalidFileOnly()) {\n      <p class=\"bmb-drop-zone-label-format-error bmb-drop-zone-label-format\">\n        {{ errorMessage() || ('dropzone.error_message' | translate) }}\n      </p>\n      @if (linkFilesSupported()) {\n        <bmb-text-link\n          textLinkStyle=\"underlined\"\n          [link]=\"linkFilesSupported()\"\n          [textLink]=\"linkLabel() || ('dropzone.link_label' | translate)\"\n        />\n      }\n    }\n    <input\n      type=\"file\"\n      [id]=\"name()\"\n      [name]=\"name()\"\n      [accept]=\"acceptedExtensions().toString()\"\n      (change)=\"onFileSelected($event)\"\n      [multiple]=\"multiple()\"\n      style=\"display: none\"\n    />\n  </section>\n  @if (fileDataList.length > 0) {\n    @for (file of fileDataList; track file.name) {\n      <bmb-card margin=\"none\" type=\"transparent\">\n        <bmb-card-content>\n          <div\n            class=\"bmb-drop-zone-list-files\"\n            [ngClass]=\"{\n              'bmb-drop-zone-list-files-loading':\n                !file.error && getProgress(file.name) < 100,\n              'bmb-drop-zone-list-files-error': file.error,\n              'bmb-drop-zone-list-files-valid': getProgress(file.name) === 100\n            }\"\n          >\n            <span\n              class=\"bmb-drop-zone-list-files-icon\"\n              [ngClass]=\"{\n                'bmb-drop-zone-list-files-icon-spin':\n                  !file.error && getProgress(file.name) < 100\n              }\"\n            >\n              @if (!validFile) {\n                <bmb-icon icon=\"upload_file\" [size]=\"24\" />\n              } @else if (getProgress(file.name) < 100) {\n                <bmb-icon icon=\"progress_activity\" [size]=\"24\" class=\"spin\" />\n              } @else if (validFile) {\n                <bmb-icon icon=\"task\" [size]=\"24\" />\n              }\n            </span>\n\n            <div class=\"bmb-drop-zone-list-name\">\n              <span>{{ file.name }}</span>\n\n              <div\n                class=\"bmb-drop-zone-list-status\"\n                [ngClass]=\"{\n                  'bmb-drop-zone-list-status-success':\n                    getProgress(file.name) === 100\n                }\"\n              >\n                @if (validFile && getProgress(file.name) < 100) {\n                  <span>{{ getProgress(file.name) }}% / 100%</span>\n                }\n\n                @if (getProgress(file.name) === 100) {\n                  {{ file.size.toFixed(2) }} MB\n                  <bmb-icon\n                    icon=\"check_circle\"\n                    [size]=\"24\"\n                    class=\"success-icon\"\n                  />\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      removeButton;\n                      context: { fileName: file.name }\n                    \"\n                  ></ng-container>\n                }\n\n                @if (file.error) {\n                  <span>\n                    @if (file.errorType === 'format') {\n                      {{\n                        errorMessageFormat() ||\n                          ('dropzone.error_message_format' | translate)\n                      }}\n                    } @else if (file.errorType === 'size') {\n                      {{\n                        errorMessageSize() ||\n                          ('dropzone.error_message_size' | translate)\n                      }}\n                      ({{ file.size.toFixed(2) }} MB)\n                    }\n                  </span>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      removeButton;\n                      context: { fileName: file.name }\n                    \"\n                  ></ng-container>\n                }\n              </div>\n\n              <ng-template #removeButton let-fileName=\"fileName\">\n                <button\n                  class=\"bmb-drop-zone-list-remove\"\n                  (click)=\"removeFile(fileName)\"\n                  type=\"button\"\n                >\n                  <bmb-icon icon=\"delete\" [size]=\"24\" class=\"delete-icon\" />\n                </button>\n              </ng-template>\n            </div>\n\n            @if (validFile && getProgress(file.name) < 100) {\n              <span class=\"bmb-drop-zone-list-upload\">\n                <bmb-progress-bar\n                  type=\"simple\"\n                  [counter]=\"getProgress(file.name)\"\n                  [totalCount]=\"100\"\n                />\n              </span>\n            }\n          </div>\n        </bmb-card-content>\n      </bmb-card>\n    }\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb-drop-zone{color:RGBA(var(--color-charade-500));display:flex;flex-direction:column;gap:var(--bmb-spacing-m);font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb-drop-zone-container{align-items:center;border:.125rem dashed var(--general_contrasts-container-outline);border-radius:var(--bmb-radius-s);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bmb-spacing-m);justify-content:center;padding:var(--bmb-spacing-m) var(--bmb-spacing-l)}.bmb-drop-zone-container-primary{background-color:var(--containers-background)}.bmb-drop-zone-container-alternative{background-color:var(--containers-main)}.bmb-drop-zone-drag-over{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-color:var(--general_contrasts-main-selection)}.bmb-drop-zone-error{border-color:var(--red-primary);background-color:transparent}.bmb-drop-zone-label-format{margin:0;color:var(--general_contrasts-50)}.bmb-drop-zone-label-format-instruction{color:var(--general_contrasts-100)}.bmb-drop-zone-link{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-main-selection);cursor:pointer;text-decoration-line:underline}.bmb-drop-zone-label-format-error{color:var(--red-primary)}.bmb-drop-zone-icon-valid{color:var(--general_contrasts-main-selection)}.bmb-drop-zone-icon-error{color:var(--red-primary)}.bmb-drop-zone-list-files{align-items:center;display:grid;gap:.5rem;grid-template-areas:\"icon name\" \"icon progress\";grid-template-columns:1.5rem 1fr;margin:0}.bmb-drop-zone-list-files-error{color:var(--red-primary);grid-template-areas:\"icon name\"}.bmb-drop-zone-list-files-loading .bmb-drop-zone-list-files-icon{color:var(--general_contrasts-main-selection)}.bmb-drop-zone-list-files-valid{grid-template-areas:\"icon name\"}.bmb-drop-zone-list-files-icon{grid-area:icon;height:1.5rem;width:1.5rem}.bmb-drop-zone-list-files-icon-spin{animation:spin 1s linear infinite}.bmb-drop-zone-list-upload{flex:1;grid-area:progress}.bmb-drop-zone-list-name{align-items:center;display:flex;grid-area:name;justify-content:space-between}.bmb-drop-zone-list-status{align-items:center;display:flex;gap:.5rem}.bmb-drop-zone-list-status-success .success-icon{color:var(--red-primary)}.bmb-drop-zone-list-status .delete-icon{color:var(--general_contrasts-50)}.bmb-drop-zone-list-remove{padding:0;margin:0;height:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground", "setBorderRadius"] }, { kind: "component", type: BmbProgressBarComponent, selector: "bmb-progress-bar", inputs: ["type", "totalCount", "counter", "title", "appearance", "textLink", "href", "target", "textFormat"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropzoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: BmbTranslationsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbDropzoneComponent, isStandalone: true, selector: "bmb-dropzone", inputs: { appearanceContrast: { classPropertyName: "appearanceContrast", publicName: "appearanceContrast", isSignal: true, isRequired: false, transformFunction: null }, acceptedExtensions: { classPropertyName: "acceptedExtensions", publicName: "acceptedExtensions", isSignal: true, isRequired: true, transformFunction: null }, dropInstruction: { classPropertyName: "dropInstruction", publicName: "dropInstruction", isSignal: true, isRequired: false, transformFunction: null }, dropLabel: { classPropertyName: "dropLabel", publicName: "dropLabel", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, errorMessageFormat: { classPropertyName: "errorMessageFormat", publicName: "errorMessageFormat", isSignal: true, isRequired: false, transformFunction: null }, errorMessageSize: { classPropertyName: "errorMessageSize", publicName: "errorMessageSize", isSignal: true, isRequired: false, transformFunction: null }, fileSize: { classPropertyName: "fileSize", publicName: "fileSize", isSignal: true, isRequired: false, transformFunction: null }, formatFilesLabel: { classPropertyName: "formatFilesLabel", publicName: "formatFilesLabel", isSignal: true, isRequired: false, transformFunction: null }, linkFilesSupported: { classPropertyName: "linkFilesSupported", publicName: "linkFilesSupported", isSignal: true, isRequired: false, transformFunction: null }, linkLabel: { classPropertyName: "linkLabel", publicName: "linkLabel", isSignal: true, isRequired: false, transformFunction: null }, mainIcon: { classPropertyName: "mainIcon", publicName: "mainIcon", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", newFile: "newFile", fileRemoved: "fileRemoved" }, usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n  type=\"file\"\n  [name]=\"name()\"\n  [control]=\"control()\"\n  [inputId]=\"inputId()\"\n  [isMultipleFile]=\"multiple()\"\n  [customValidation]=\"customValidation()\"\n>\n  <section class=\"bmb_drop-zone\" bmbVerticalLayout gapSize=\"l\">\n    <section\n      class=\"bmb_drop-zone-container\"\n      [ngClass]=\"getDropZoneClass()\"\n      (dragover)=\"handleDragOver($event)\"\n      (dragleave)=\"handleDragLeave($event)\"\n      (drop)=\"handleDrop($event)\"\n      bmbVerticalLayoutItem\n      bmbVerticalLayout\n      gapSize=\"m\"\n      justify=\"center\"\n      alignItems=\"center\"\n    >\n      <bmb-icon\n        class=\"bmb_drop-zone-icon\"\n        [ngClass]=\"{\n          'bmb_drop-zone-icon-valid': isErrorFiles(),\n          'bmb_drop-zone-icon-error': isErrorFiles()\n        }\"\n        [icon]=\"mainIcon()\"\n        [size]=\"48\"\n        alt=\"Drop zone icon\"\n        bmbVerticalLayoutItem\n        [isFullWidth]=\"false\"\n      />\n\n      <p\n        class=\"bmb_drop-zone-label\"\n        bmbVerticalLayoutItem\n        [isFullWidth]=\"false\"\n      >\n        {{ formatFilesLabel() || ('dropzone.format_files_label' | translate) }}\n      </p>\n      <p\n        class=\"bmb_drop-zone-label-instruction\"\n        bmbVerticalLayoutItem\n        [isFullWidth]=\"false\"\n      >\n        {{ dropInstruction() || ('dropzone.drop_instructions' | translate) }}\n        <label\n          class=\"bmb_drop-zone-input bmb_drop-zone-input-underlined\"\n          [for]=\"inputId()\"\n          bmbVerticalLayoutItem\n          [isFullWidth]=\"false\"\n        >\n          {{ dropLabel() || ('dropzone.drop_label' | translate) }}\n          <input\n            hidden\n            type=\"file\"\n            [id]=\"inputId()\"\n            [name]=\"name()\"\n            [accept]=\"acceptedExtensions().toString()\"\n            [attr.multiple]=\"multiple() || null\"\n            [tabindex]=\"-1\"\n            (change)=\"handleFileSelected($event)\"\n          />\n        </label>\n      </p>\n      @if (isErrorFiles()) {\n        <p\n          class=\"bmb_drop-zone-label-error\"\n          bmbVerticalLayoutItem\n          [isFullWidth]=\"false\"\n        >\n          {{ errorMessageLabel }}\n        </p>\n        @if (!!linkFilesSupported() && !!linkLabel()) {\n          <bmb-text-link\n            textLinkStyle=\"underlined\"\n            [link]=\"linkFilesSupported()\"\n            [textLink]=\"linkLabel() || ('dropzone.link_label' | translate)\"\n            bmbVerticalLayoutItem\n            [isFullWidth]=\"false\"\n          />\n        }\n      }\n    </section>\n    @if (!!fileDataList.length) {\n      @for (file of organizedFiles; track file.name) {\n        <bmb-progress-bar\n          class=\"bmb-drop-zone-file\"\n          [ngClass]=\"{\n            'bmb_drop-zone-icon-animated': isUploadInProgress(file)\n          }\"\n          type=\"container\"\n          [totalCount]=\"\n            isUploadInProgress(file) ? 100 : getFileSizeInMB(file.size)\n          \"\n          [textFormat]=\"\n            file.error || isUploadCompleted(file)\n              ? !isValidFileSize(file.size)\n                ? getFormatSizeError\n                : getFormatSize\n              : getFormatProgress\n          \"\n          [textFormatSeparator]=\"isUploadInProgress(file) ? '' : '/'\"\n          [counter]=\"\n            isUploadInProgress(file)\n              ? getProgress(file)\n              : getFileSizeInMB(file.size)\n          \"\n          [title]=\"getFileName(file)\"\n          [appearance]=\"file.error ? 'error' : 'info'\"\n          [isContainer]=\"true\"\n          [avatarIcon]=\"getAvatarIcon(file)\"\n          [actionIcon]=\"file.error ? 'close' : 'delete'\"\n          [showStatusIcon]=\"isUploadCompleted(file)\"\n          (actionClick)=\"handleRemoveFile(file.name)\"\n          bmbVerticalLayoutItem\n        />\n      }\n    }\n  </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_drop-zone{color:var(--general_contrasts-80);font-family:Poppins-Regular,sans-serif;font-size:.875rem;width:100%}.bmb_drop-zone-container{border:.125rem dashed var(--general_contrasts-container-outline);border-radius:.75rem;box-sizing:border-box;padding:var(--bmb-spacing-m) var(--bmb-spacing-m)}.bmb_drop-zone-container-primary{background-color:var(--containers-background)}.bmb_drop-zone-container-alternative{background-color:var(--containers-main)}.bmb_drop-zone-container-error{border-color:var(--buttons-destructive);background-color:transparent}.bmb_drop-zone-container-uploading-file{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-color:var(--general_contrasts-primary)}.bmb_drop-zone-container>p{margin:0}.bmb_drop-zone-label-instruction{color:var(--general_contrasts-100)}.bmb_drop-zone-label-error{color:var(--buttons-destructive)}.bmb_drop-zone-icon-valid{color:var(--general_contrasts-primary)}.bmb_drop-zone-icon-animated .bmb_progress-bar-icon{animation:spin 1.5s ease infinite}.bmb_drop-zone-icon-error{color:var(--buttons-destructive)}.bmb_drop-zone-input{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--buttons-text-link);line-height:2}.bmb_drop-zone-input-underlined{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "directive", type: BmbVerticalLayoutDirective, selector: "[bmbVerticalLayout]", inputs: ["gapSize", "justify", "alignItems", "layoutHeight"] }, { kind: "directive", type: BmbVerticalLayoutItemDirective, selector: "[bmbVerticalLayoutItem]", inputs: ["rowGrow", "isFullWidth"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }, { kind: "component", type: BmbProgressBarComponent, selector: "bmb-progress-bar", inputs: ["type", "totalCount", "counter", "title", "appearance", "textLink", "href", "target", "textFormat", "isContainer", "avatarIcon", "actionIcon", "textFormatSeparator", "showStatusIcon"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropzoneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bmb-dropzone', standalone: true, imports: [
                         CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        BmbInputValidatorComponent,
+                        BmbVerticalLayoutDirective,
+                        BmbVerticalLayoutItemDirective,
                         BmbIconComponent,
                         BmbTextLinkComponent,
-                        BmbCardComponent,
-                        BmbCardContentComponent,
                         BmbProgressBarComponent,
                         TranslatePipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb-drop-zone\">\n  <section\n    class=\"bmb-drop-zone-container\"\n    [ngClass]=\"getDropZoneClass()\"\n    (dragover)=\"onDragOver($event)\"\n    (dragleave)=\"onDragLeave($event)\"\n    (drop)=\"onDrop($event)\"\n  >\n    <div\n      class=\"bmb-drop-zone-icon\"\n      [ngClass]=\"{\n        'bmb-drop-zone-icon-valid':\n          validFile && fileDataList.length > 0 && !!fileDataList[0].name,\n        'bmb-drop-zone-icon-error': isInvalidFileOnly()\n      }\"\n    >\n      <bmb-icon [icon]=\"mainIcon()\" [size]=\"48\" alt=\"Drop zone icon\" />\n    </div>\n    <p class=\"bmb-drop-zone-label-format\">\n      {{ formatFilesLabel() || ('dropzone.format_files_label' | translate) }}\n    </p>\n    <p class=\"bmb-drop-zone-label-format-instruction\">\n      {{ dropInstruction() || ('dropzone.drop_instructions' | translate) }}\n      <label class=\"bmb-drop-zone-link\" [htmlFor]=\"name()\">\n        {{ dropLabel() || ('dropzone.drop_label' | translate) }}\n      </label>\n    </p>\n    @if (isInvalidFileOnly()) {\n      <p class=\"bmb-drop-zone-label-format-error bmb-drop-zone-label-format\">\n        {{ errorMessage() || ('dropzone.error_message' | translate) }}\n      </p>\n      @if (linkFilesSupported()) {\n        <bmb-text-link\n          textLinkStyle=\"underlined\"\n          [link]=\"linkFilesSupported()\"\n          [textLink]=\"linkLabel() || ('dropzone.link_label' | translate)\"\n        />\n      }\n    }\n    <input\n      type=\"file\"\n      [id]=\"name()\"\n      [name]=\"name()\"\n      [accept]=\"acceptedExtensions().toString()\"\n      (change)=\"onFileSelected($event)\"\n      [multiple]=\"multiple()\"\n      style=\"display: none\"\n    />\n  </section>\n  @if (fileDataList.length > 0) {\n    @for (file of fileDataList; track file.name) {\n      <bmb-card margin=\"none\" type=\"transparent\">\n        <bmb-card-content>\n          <div\n            class=\"bmb-drop-zone-list-files\"\n            [ngClass]=\"{\n              'bmb-drop-zone-list-files-loading':\n                !file.error && getProgress(file.name) < 100,\n              'bmb-drop-zone-list-files-error': file.error,\n              'bmb-drop-zone-list-files-valid': getProgress(file.name) === 100\n            }\"\n          >\n            <span\n              class=\"bmb-drop-zone-list-files-icon\"\n              [ngClass]=\"{\n                'bmb-drop-zone-list-files-icon-spin':\n                  !file.error && getProgress(file.name) < 100\n              }\"\n            >\n              @if (!validFile) {\n                <bmb-icon icon=\"upload_file\" [size]=\"24\" />\n              } @else if (getProgress(file.name) < 100) {\n                <bmb-icon icon=\"progress_activity\" [size]=\"24\" class=\"spin\" />\n              } @else if (validFile) {\n                <bmb-icon icon=\"task\" [size]=\"24\" />\n              }\n            </span>\n\n            <div class=\"bmb-drop-zone-list-name\">\n              <span>{{ file.name }}</span>\n\n              <div\n                class=\"bmb-drop-zone-list-status\"\n                [ngClass]=\"{\n                  'bmb-drop-zone-list-status-success':\n                    getProgress(file.name) === 100\n                }\"\n              >\n                @if (validFile && getProgress(file.name) < 100) {\n                  <span>{{ getProgress(file.name) }}% / 100%</span>\n                }\n\n                @if (getProgress(file.name) === 100) {\n                  {{ file.size.toFixed(2) }} MB\n                  <bmb-icon\n                    icon=\"check_circle\"\n                    [size]=\"24\"\n                    class=\"success-icon\"\n                  />\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      removeButton;\n                      context: { fileName: file.name }\n                    \"\n                  ></ng-container>\n                }\n\n                @if (file.error) {\n                  <span>\n                    @if (file.errorType === 'format') {\n                      {{\n                        errorMessageFormat() ||\n                          ('dropzone.error_message_format' | translate)\n                      }}\n                    } @else if (file.errorType === 'size') {\n                      {{\n                        errorMessageSize() ||\n                          ('dropzone.error_message_size' | translate)\n                      }}\n                      ({{ file.size.toFixed(2) }} MB)\n                    }\n                  </span>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      removeButton;\n                      context: { fileName: file.name }\n                    \"\n                  ></ng-container>\n                }\n              </div>\n\n              <ng-template #removeButton let-fileName=\"fileName\">\n                <button\n                  class=\"bmb-drop-zone-list-remove\"\n                  (click)=\"removeFile(fileName)\"\n                  type=\"button\"\n                >\n                  <bmb-icon icon=\"delete\" [size]=\"24\" class=\"delete-icon\" />\n                </button>\n              </ng-template>\n            </div>\n\n            @if (validFile && getProgress(file.name) < 100) {\n              <span class=\"bmb-drop-zone-list-upload\">\n                <bmb-progress-bar\n                  type=\"simple\"\n                  [counter]=\"getProgress(file.name)\"\n                  [totalCount]=\"100\"\n                />\n              </span>\n            }\n          </div>\n        </bmb-card-content>\n      </bmb-card>\n    }\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb-drop-zone{color:RGBA(var(--color-charade-500));display:flex;flex-direction:column;gap:var(--bmb-spacing-m);font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb-drop-zone-container{align-items:center;border:.125rem dashed var(--general_contrasts-container-outline);border-radius:var(--bmb-radius-s);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bmb-spacing-m);justify-content:center;padding:var(--bmb-spacing-m) var(--bmb-spacing-l)}.bmb-drop-zone-container-primary{background-color:var(--containers-background)}.bmb-drop-zone-container-alternative{background-color:var(--containers-main)}.bmb-drop-zone-drag-over{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-color:var(--general_contrasts-main-selection)}.bmb-drop-zone-error{border-color:var(--red-primary);background-color:transparent}.bmb-drop-zone-label-format{margin:0;color:var(--general_contrasts-50)}.bmb-drop-zone-label-format-instruction{color:var(--general_contrasts-100)}.bmb-drop-zone-link{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-main-selection);cursor:pointer;text-decoration-line:underline}.bmb-drop-zone-label-format-error{color:var(--red-primary)}.bmb-drop-zone-icon-valid{color:var(--general_contrasts-main-selection)}.bmb-drop-zone-icon-error{color:var(--red-primary)}.bmb-drop-zone-list-files{align-items:center;display:grid;gap:.5rem;grid-template-areas:\"icon name\" \"icon progress\";grid-template-columns:1.5rem 1fr;margin:0}.bmb-drop-zone-list-files-error{color:var(--red-primary);grid-template-areas:\"icon name\"}.bmb-drop-zone-list-files-loading .bmb-drop-zone-list-files-icon{color:var(--general_contrasts-main-selection)}.bmb-drop-zone-list-files-valid{grid-template-areas:\"icon name\"}.bmb-drop-zone-list-files-icon{grid-area:icon;height:1.5rem;width:1.5rem}.bmb-drop-zone-list-files-icon-spin{animation:spin 1s linear infinite}.bmb-drop-zone-list-upload{flex:1;grid-area:progress}.bmb-drop-zone-list-name{align-items:center;display:flex;grid-area:name;justify-content:space-between}.bmb-drop-zone-list-status{align-items:center;display:flex;gap:.5rem}.bmb-drop-zone-list-status-success .success-icon{color:var(--red-primary)}.bmb-drop-zone-list-status .delete-icon{color:var(--general_contrasts-50)}.bmb-drop-zone-list-remove{padding:0;margin:0;height:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n  type=\"file\"\n  [name]=\"name()\"\n  [control]=\"control()\"\n  [inputId]=\"inputId()\"\n  [isMultipleFile]=\"multiple()\"\n  [customValidation]=\"customValidation()\"\n>\n  <section class=\"bmb_drop-zone\" bmbVerticalLayout gapSize=\"l\">\n    <section\n      class=\"bmb_drop-zone-container\"\n      [ngClass]=\"getDropZoneClass()\"\n      (dragover)=\"handleDragOver($event)\"\n      (dragleave)=\"handleDragLeave($event)\"\n      (drop)=\"handleDrop($event)\"\n      bmbVerticalLayoutItem\n      bmbVerticalLayout\n      gapSize=\"m\"\n      justify=\"center\"\n      alignItems=\"center\"\n    >\n      <bmb-icon\n        class=\"bmb_drop-zone-icon\"\n        [ngClass]=\"{\n          'bmb_drop-zone-icon-valid': isErrorFiles(),\n          'bmb_drop-zone-icon-error': isErrorFiles()\n        }\"\n        [icon]=\"mainIcon()\"\n        [size]=\"48\"\n        alt=\"Drop zone icon\"\n        bmbVerticalLayoutItem\n        [isFullWidth]=\"false\"\n      />\n\n      <p\n        class=\"bmb_drop-zone-label\"\n        bmbVerticalLayoutItem\n        [isFullWidth]=\"false\"\n      >\n        {{ formatFilesLabel() || ('dropzone.format_files_label' | translate) }}\n      </p>\n      <p\n        class=\"bmb_drop-zone-label-instruction\"\n        bmbVerticalLayoutItem\n        [isFullWidth]=\"false\"\n      >\n        {{ dropInstruction() || ('dropzone.drop_instructions' | translate) }}\n        <label\n          class=\"bmb_drop-zone-input bmb_drop-zone-input-underlined\"\n          [for]=\"inputId()\"\n          bmbVerticalLayoutItem\n          [isFullWidth]=\"false\"\n        >\n          {{ dropLabel() || ('dropzone.drop_label' | translate) }}\n          <input\n            hidden\n            type=\"file\"\n            [id]=\"inputId()\"\n            [name]=\"name()\"\n            [accept]=\"acceptedExtensions().toString()\"\n            [attr.multiple]=\"multiple() || null\"\n            [tabindex]=\"-1\"\n            (change)=\"handleFileSelected($event)\"\n          />\n        </label>\n      </p>\n      @if (isErrorFiles()) {\n        <p\n          class=\"bmb_drop-zone-label-error\"\n          bmbVerticalLayoutItem\n          [isFullWidth]=\"false\"\n        >\n          {{ errorMessageLabel }}\n        </p>\n        @if (!!linkFilesSupported() && !!linkLabel()) {\n          <bmb-text-link\n            textLinkStyle=\"underlined\"\n            [link]=\"linkFilesSupported()\"\n            [textLink]=\"linkLabel() || ('dropzone.link_label' | translate)\"\n            bmbVerticalLayoutItem\n            [isFullWidth]=\"false\"\n          />\n        }\n      }\n    </section>\n    @if (!!fileDataList.length) {\n      @for (file of organizedFiles; track file.name) {\n        <bmb-progress-bar\n          class=\"bmb-drop-zone-file\"\n          [ngClass]=\"{\n            'bmb_drop-zone-icon-animated': isUploadInProgress(file)\n          }\"\n          type=\"container\"\n          [totalCount]=\"\n            isUploadInProgress(file) ? 100 : getFileSizeInMB(file.size)\n          \"\n          [textFormat]=\"\n            file.error || isUploadCompleted(file)\n              ? !isValidFileSize(file.size)\n                ? getFormatSizeError\n                : getFormatSize\n              : getFormatProgress\n          \"\n          [textFormatSeparator]=\"isUploadInProgress(file) ? '' : '/'\"\n          [counter]=\"\n            isUploadInProgress(file)\n              ? getProgress(file)\n              : getFileSizeInMB(file.size)\n          \"\n          [title]=\"getFileName(file)\"\n          [appearance]=\"file.error ? 'error' : 'info'\"\n          [isContainer]=\"true\"\n          [avatarIcon]=\"getAvatarIcon(file)\"\n          [actionIcon]=\"file.error ? 'close' : 'delete'\"\n          [showStatusIcon]=\"isUploadCompleted(file)\"\n          (actionClick)=\"handleRemoveFile(file.name)\"\n          bmbVerticalLayoutItem\n        />\n      }\n    }\n  </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_drop-zone{color:var(--general_contrasts-80);font-family:Poppins-Regular,sans-serif;font-size:.875rem;width:100%}.bmb_drop-zone-container{border:.125rem dashed var(--general_contrasts-container-outline);border-radius:.75rem;box-sizing:border-box;padding:var(--bmb-spacing-m) var(--bmb-spacing-m)}.bmb_drop-zone-container-primary{background-color:var(--containers-background)}.bmb_drop-zone-container-alternative{background-color:var(--containers-main)}.bmb_drop-zone-container-error{border-color:var(--buttons-destructive);background-color:transparent}.bmb_drop-zone-container-uploading-file{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-color:var(--general_contrasts-primary)}.bmb_drop-zone-container>p{margin:0}.bmb_drop-zone-label-instruction{color:var(--general_contrasts-100)}.bmb_drop-zone-label-error{color:var(--buttons-destructive)}.bmb_drop-zone-icon-valid{color:var(--general_contrasts-primary)}.bmb_drop-zone-icon-animated .bmb_progress-bar-icon{animation:spin 1.5s ease infinite}.bmb_drop-zone-icon-error{color:var(--buttons-destructive)}.bmb_drop-zone-input{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--buttons-text-link);line-height:2}.bmb_drop-zone-input-underlined{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: BmbTranslationsService }] });
 
 const checkFilters = (event, filters) => {
     const filtersKeys = Object.keys(filters);
@@ -12215,7 +12463,7 @@ class BmbInputTagsComponent {
         return showError(this.control());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputTagsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n  class=\"bmb_input-tags\"\n  [name]=\"name()\"\n  [value]=\"getValidInitialValues()\"\n  [label]=\"label()!\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"isRequired()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [customValidation]=\"customValidation()\"\n  clickOutside\n  (clickOutside)=\"closeList()\"\n  [inputId]=\"inputId()\"\n>\n  <section\n    class=\"bmb_input-tags-container\"\n    [ngClass]=\"{\n      'bmb_input-tags-container-error': shouldShowError,\n      'bmb_input-tags-container-focus': isFocused()\n    }\"\n  >\n    <bmb-input-content\n      class=\"bmb_input-tags-filter\"\n      type=\"text\"\n      [inputId]=\"inputId()\"\n      [name]=\"getUUID('filter')\"\n      [control]=\"filterControl\"\n      [placeholder]=\"placeholder()\"\n      (click)=\"openList()\"\n      (onBlur)=\"handleValidity()\"\n      (keydown)=\"handleKeyDown($event)\"\n      (onFocus)=\"handleFocus($event)\"\n    />\n    @if (!!selectedTags && !!selectedTags.length) {\n      <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n        @for (item of selectedTags; track $index) {\n          <bmb-tag\n            [text]=\"item.selectedText!\"\n            [dismissible]=\"true\"\n            [isDisabled]=\"disabled()\"\n            (clickedTag)=\"removeTag(item)\"\n            (closedTag)=\"removeTag(item)\"\n          />\n        }\n      </div>\n    }\n  </section>\n  <input\n    hidden\n    type=\"text\"\n    [id]=\"name()\"\n    [name]=\"name()\"\n    [formControl]=\"control()\"\n  />\n  <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n    <bmb-dropdown-content\n      class=\"bmb_input-tags-dialog\"\n      name=\"list\"\n      [selectedOption]=\"control().value\"\n      [isKeyboardEvent]=\"isKeyboardEvent\"\n      [(items)]=\"filteredOptions\"\n      [(isOpen)]=\"showDropdown\"\n    />\n  </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n  class=\"bmb_input-tags\"\n  [name]=\"name()\"\n  [value]=\"getValidInitialValues()\"\n  [label]=\"label()!\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"isRequired()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [customValidation]=\"customValidation()\"\n  clickOutside\n  (clickOutside)=\"closeList()\"\n  [inputId]=\"inputId()\"\n>\n  <section\n    class=\"bmb_input-tags-container\"\n    [ngClass]=\"{\n      'bmb_input-tags-container-error': shouldShowError,\n      'bmb_input-tags-container-focus': isFocused()\n    }\"\n  >\n    <bmb-input-content\n      class=\"bmb_input-tags-filter\"\n      type=\"text\"\n      [inputId]=\"inputId()\"\n      [name]=\"getUUID('filter')\"\n      [control]=\"filterControl\"\n      [placeholder]=\"placeholder()\"\n      (click)=\"openList()\"\n      (onBlur)=\"handleValidity()\"\n      (keydown)=\"handleKeyDown($event)\"\n      (onFocus)=\"handleFocus($event)\"\n    />\n    @if (!!selectedTags && !!selectedTags.length) {\n      <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n        @for (item of selectedTags; track $index) {\n          <bmb-tag\n            [text]=\"item.selectedText!\"\n            [dismissible]=\"true\"\n            [isDisabled]=\"disabled()\"\n            (clickedTag)=\"removeTag(item)\"\n            (closedTag)=\"removeTag(item)\"\n          />\n        }\n      </div>\n    }\n  </section>\n  <input\n    hidden\n    type=\"text\"\n    [id]=\"name()\"\n    [name]=\"name()\"\n    [formControl]=\"control()\"\n  />\n  <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n    <bmb-dropdown-content\n      class=\"bmb_input-tags-dialog\"\n      name=\"list\"\n      [selectedOption]=\"control().value\"\n      [isKeyboardEvent]=\"isKeyboardEvent\"\n      [(items)]=\"filteredOptions\"\n      [(isOpen)]=\"showDropdown\"\n    />\n  </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "customFilterFunction", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
             type: Component,
@@ -13327,80 +13575,301 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #student>\n  <section class=\"bmb_profile-info\">\n    <bmb-icon-item\n      icon=\"calendar_month\"\n      label=\"Semestre\"\n      [value]=\"_studentData.period\"\n    />\n\n    <bmb-icon-item\n      icon=\"location_on\"\n      label=\"Campus\"\n      [value]=\"_studentData.campus\"\n    />\n\n    <bmb-icon-item\n      icon=\"library_books\"\n      label=\"Programa\"\n      [value]=\"_studentData.program\"\n    />\n\n    @if (_studentData.isExatec && _studentData.linkedin) {\n      <bmb-icon-item\n        icon=\"work_history\"\n        label=\"Historial Laboral\"\n        [value]=\"_studentData.linkedin\"\n      />\n    } @else if (!_studentData.isExatec && _studentData.curp) {\n      <bmb-icon-item\n        icon=\"assignment_ind\"\n        label=\"Curp\"\n        [value]=\"_studentData.curp\"\n      />\n    }\n  </section>\n</ng-template>\n\n<ng-template #collaborator>\n  <section class=\"bmb_profile-info\">\n    <bmb-icon-item\n      icon=\"id_card\"\n      label=\"Puesto\"\n      [value]=\"collaboratorData()?.position!\"\n    />\n\n    <bmb-icon-item\n      icon=\"location_on\"\n      label=\"\u00C1rea\"\n      [value]=\"collaboratorData()?.area!\"\n      [showDivider]=\"false\"\n    />\n  </section>\n  <section class=\"bmb_profile-access\">\n    <h2 class=\"bmb_profile-title\">Mi L\u00EDder</h2>\n    <bmb-container-button\n      [title]=\"collaboratorData()?.leader?.userData?.name!\"\n      [subtitle]=\"collaboratorData()?.leader?.userData?.email!\"\n      [iconLeft]=\"collaboratorData()?.leader?.userData?.userImg!\"\n      [isUserImage]=\"true\"\n      [link]=\"collaboratorData()?.leader?.hierarchyLink!\"\n      [target]=\"collaboratorData()?.leader?.hierarchyTarget!\"\n      (onButton)=\"handleButtonClick(collaboratorData()?.leader?.userData)\"\n    />\n    <h2 class=\"bmb_profile-title\">Mi Generalista</h2>\n    <bmb-container-button\n      [title]=\"collaboratorData()?.generalist?.userData?.name!\"\n      [subtitle]=\"collaboratorData()?.generalist?.userData?.email!\"\n      [iconLeft]=\"collaboratorData()?.generalist?.userData?.userImg!\"\n      [isUserImage]=\"true\"\n      [link]=\"collaboratorData()?.generalist?.hierarchyLink!\"\n      [target]=\"collaboratorData()?.generalist?.hierarchyTarget!\"\n      (onButton)=\"handleButtonClick(collaboratorData()?.generalist?.userData)\"\n    />\n  </section>\n</ng-template>\n\n<ng-template #content>\n  <section class=\"bmb_profile\">\n    <bmb-user-summary-content\n      [isProfile]=\"true\"\n      [name]=\"getUserData().name!\"\n      [userId]=\"getUserData().registration!\"\n      [image]=\"getUserData().userImg\"\n      [email]=\"getUserData().email\"\n      contentLayout=\"row\"\n      [isImageBordered]=\"false\"\n    />\n    @if (!isStandAlone()) {\n      @if (isStudent()) {\n        <ng-container [ngTemplateOutlet]=\"student\" />\n      } @else {\n        <ng-container [ngTemplateOutlet]=\"collaborator\" />\n      }\n    }\n    @if (enableLangChange() && isStandAlone()) {\n      <section class=\"bmb_profile-info-container theme\">\n        <div class=\"bmb_profile-info-container-item\">\n          <bmb-icon [icon]=\"'language'\" [size]=\"24\" />\n          <span class=\"bmb_profile-info-container-item-text\">Idioma</span>\n        </div>\n        <div class=\"bmb_profile-lang-container\">\n          <bmb-radial\n            id=\"es\"\n            value=\"es\"\n            name=\"language\"\n            label=\"ES\"\n            [checked]=\"true\"\n            [required]=\"true\"\n            [disabled]=\"false\"\n            [control]=\"langFormControl\"\n            (change)=\"handleRadial('es')\"\n          />\n          <bmb-radial\n            id=\"en\"\n            value=\"en\"\n            name=\"language\"\n            label=\"EN\"\n            [checked]=\"false\"\n            [required]=\"true\"\n            [disabled]=\"false\"\n            [control]=\"langFormControl\"\n            (change)=\"handleRadial('en')\"\n          />\n        </div>\n      </section>\n      <bmb-divider />\n    }\n    <section class=\"bmb_profile-info-container theme\">\n      <div class=\"bmb_profile-info-container-item\">\n        <bmb-icon [icon]=\"'palette'\" [size]=\"24\" />\n        <span class=\"bmb_profile-info-container-item-text\">Tema</span>\n      </div>\n      <bmb-theme leftText=\"Light\" rightText=\"Dark\" [showControls]=\"true\" />\n    </section>\n    @if (isMobile() && !isStandAlone()) {\n      <section class=\"bmb_profile-access\">\n        <bmb-container-button\n          title=\"ID Digital\"\n          iconLeft=\"person\"\n          iconRight=\"chevron_right\"\n          [link]=\"idDigitalLink()\"\n          [target]=\"targetLinks()!\"\n        />\n        <bmb-container-button\n          title=\"Acceso a Campus\"\n          iconLeft=\"qr_code\"\n          iconRight=\"chevron_right\"\n          [link]=\"campusAcessLink()\"\n          [target]=\"targetLinks()!\"\n        />\n        <bmb-container-button\n          title=\"TecServices\"\n          iconLeft=\"forum\"\n          iconRight=\"chevron_right\"\n          [link]=\"tecServicesLink()\"\n          [target]=\"targetLinks()!\"\n        />\n      </section>\n      <div class=\"bmb_profile-version\">\n        {{ versionLabel() }}\n      </div>\n    }\n    <section class=\"bmb_profile-close\">\n      <button\n        bmbButton\n        appearance=\"destructive\"\n        icon=\"logout\"\n        size=\"large\"\n        position=\"left\"\n        (click)=\"closeSession()\"\n      >\n        Cerrar Sesi\u00F3n\n      </button>\n    </section>\n  </section>\n</ng-template>\n\n@if (isStandAlone()) {\n  <section class=\"bmb_profile-stand_alone\">\n    <ng-container [ngTemplateOutlet]=\"content\" />\n  </section>\n} @else if (isMobile()) {\n  <bmb-mobile-templates\n    [title]=\"'Mi Perfil'\"\n    (externalLinkOnClose)=\"closeProfile()\"\n  >\n    <ng-template #bmbTemplateMain>\n      <ng-container [ngTemplateOutlet]=\"content\" />\n    </ng-template>\n  </bmb-mobile-templates>\n} @else {\n  <bmb-home-card\n    icon=\"person\"\n    bgIconAppearance=\"green-light\"\n    title=\"Mi perfil\"\n    [showRightButton]=\"false\"\n    contentPadding=\"l\"\n  >\n    <ng-container [ngTemplateOutlet]=\"content\" />\n  </bmb-home-card>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_profile{padding:1.375rem 1rem}.bmb_profile-info{margin-top:2.375rem}.bmb_profile-info-container{width:100%;display:flex;flex-direction:row;padding:1.375rem 0 1rem;align-items:center;justify-content:space-between}.bmb_profile-info-container-item{display:flex;align-items:center}.bmb_profile-info-container-item-text{font-family:Poppins-Bold,sans-serif;font-size:1rem;margin-left:1rem}.bmb_profile-access{display:flex;flex-direction:column;gap:1rem;margin-top:1.375rem}.bmb_profile-title{display:flex;padding:0 1.5rem;align-items:center;gap:.5rem;font-family:Poppins-Regular,sans-serif;font-size:1rem;color:var(--general_contrasts-75)}.bmb_profile-version{margin-top:1rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-75);font-weight:400;text-align:center}.bmb_profile-close{margin-top:1.5625rem}.bmb_profile-stand_alone{max-width:26.4375rem;padding:1.5rem;gap:1rem;border-radius:1.5rem;border:.0625rem solid var(--general_contrasts-container-outline);background:var(--containers-background);box-shadow:var(--bmb-box-shadow-3)}.bmb_profile-stand_alone .bmb_profile{padding:0}.bmb_profile-lang-container{display:flex;gap:1rem}\n"] }]
         }] });
 
-class BmbTextEditorComponent {
-    detectAlignment() {
-        const selection = window.getSelection();
-        if (selection && selection.rangeCount > 0) {
-            const element = selection.getRangeAt(0)
-                .commonAncestorContainer;
-            const parentElement = element.parentElement;
-            if (parentElement) {
-                const textAlign = parentElement.style.textAlign || 'left';
-                this.currentAlignment = textAlign;
-            }
-        }
-    }
-    applyAlignment(alignment) {
-        this.execCommand('styleWithCSS', 'true');
-        this.execCommand('justify' + alignment.charAt(0).toUpperCase() + alignment.slice(1));
-    }
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-        this.control = input(new FormControl(''));
-        this.sanitizedContent = signal('');
-        this.currentAlignment = 'left';
-        this.showTableDialog = false;
-        this.tableRows = 2;
-        this.tableColumns = 2;
-    }
-    ngOnInit() {
-        this.sanitizedContent.set(this.sanitizer.bypassSecurityTrustHtml(this.control().value || ''));
-        this.control().valueChanges?.subscribe((value) => {
-            if (value === null) {
-                this.sanitizedContent.set(this.sanitizer.bypassSecurityTrustHtml(''));
-            }
-        });
+class BmbFormValidatorComponent {
+    constructor() {
+        this.formGroup = model(new FormGroup({}));
+        this.formGroupState = output();
     }
     ngAfterViewInit() {
-        this.editor.nativeElement.focus();
-    }
-    handleChange(event, type) {
-        const target = event.target;
-        if (target?.value) {
-            this.execCommand(type, target.value);
-        }
-    }
-    execCommand(command, value = null) {
-        document.execCommand(command, false, value || undefined);
-        this.updateContent();
-    }
-    insertLink() {
-        const url = prompt('Ingrese la URL:');
-        if (url) {
-            this.execCommand('createLink', url);
-        }
-    }
-    updateContent() {
-        this.control().setValue(this.editor.nativeElement.innerHTML);
+        this.addControls();
     }
-    clearFormatting() {
-        this.execCommand('removeFormat');
-        this.execCommand('unlink');
+    addControls() {
+        this.bmbInputs.forEach((child) => {
+            this.addControl(child.name(), child.control(), child.isControlNull);
+        });
+        this.bmbDropdowns.forEach((child) => {
+            this.addControl(child.name(), child.control(), child.isControlNull);
+        });
+        this.bmbInputPhoneNumbers.forEach((child) => {
+            this.addControl(child.name(), child.control(), child.isControlNull);
+        });
+        this.bmbInputTags.forEach((child) => {
+            this.addControl(child.name(), child.control(), child.isControlNull);
+        });
+        this.bmbDatepickers.forEach((child) => {
+            this.addControl(child.name(), child.control(), child.isControlNull);
+        });
+        this.bmbDateRanges.forEach((child) => {
+            this.addControl(`${child.name()}_start`, child.controlStart(), child.isControlStartNull);
+            this.addControl(`${child.name()}_end`, child.controlEnd(), child.isControlEndNull);
+        });
+        this.bmbCheckboxes.forEach((child) => {
+            this.addControl(child.name(), child.control(), child.isControlNull);
+        });
+        this.bmbRadials.forEach((child) => {
+            this.addControl(child.name(), child.control(), child.isControlNull);
+        });
+        this.bmbSwitches.forEach((child) => {
+            this.addControl(child.name(), child.control(), child.isControlNull);
+        });
     }
-    getCurrentState() {
-        return this.control().value;
+    addControl(controlName, control, isControlNull) {
+        if (!this.getFormControl(controlName)) {
+            this.formGroup().addControl(controlName, control);
+        }
+        else {
+            if (isControlNull)
+                this.formGroup().setControl(controlName, control);
+        }
     }
-    insertImage() {
-        const url = prompt('Ingrese la URL de la imagen:');
-        if (url) {
-            if (this.isValidImageUrl(url)) {
-                this.execCommand('insertImage', url);
+    addRadials() {
+        const radialNames = this.bmbRadials.reduce((acc, currentElement) => {
+            if (acc.includes(currentElement.name()))
+                return acc;
+            return [...acc, currentElement.name()];
+        }, []);
+        radialNames.forEach((name) => {
+            const radialIndexWithSameName = this.bmbRadials.reduce((acc, currentElement, index) => {
+                if (currentElement.name() === name)
+                    return [...acc, index];
+                return acc;
+            }, []);
+            const radialControl = this.bmbRadials.get(radialIndexWithSameName[0]);
+            if (this.bmbRadials
+                .filter((element) => element.name() === name)
+                .every((elementSelected) => !elementSelected.isControlNull)) {
+                this.addControl(radialControl.name(), radialControl.control(), false);
+                return;
             }
-            else {
-                alert('La URL de la imagen no es válida.');
+            const value = this.bmbRadials
+                .filter((element) => element.name() === name)
+                ?.find((elementSelected) => elementSelected.checked())
+                ?.control()?.value;
+            radialControl.control()?.setValue(value);
+            radialIndexWithSameName.slice(1).forEach((element) => {
+                this.bmbRadials.get(element)?.control.set(radialControl.control());
+            });
+            this.addControl(radialControl.name(), radialControl.control(), false);
+        });
+    }
+    onSubmit() {
+        this.formGroup().updateValueAndValidity();
+        this.formGroup().markAllAsTouched();
+        this.updateErrorState();
+        this.formGroupState.emit(this.formGroup());
+    }
+    updateErrorState() {
+        Object.keys(this.formGroup().controls).forEach((field) => {
+            const control = this.getFormControl(field);
+            if (!!control) {
+                handleValidity(control);
+            }
+        });
+    }
+    getFormControl(name) {
+        return this.formGroup().get(name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbFormValidatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbFormValidatorComponent, isStandalone: true, selector: "bmb-form-validator", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formGroup: "formGroupChange", formGroupState: "formGroupState" }, queries: [{ propertyName: "bmbInputs", predicate: BmbInputComponent, descendants: true }, { propertyName: "bmbDropdowns", predicate: BmbDropdownComponent, descendants: true }, { propertyName: "bmbInputPhoneNumbers", predicate: BmbInputPhoneNumberComponent, descendants: true }, { propertyName: "bmbInputTags", predicate: BmbInputTagsComponent, descendants: true }, { propertyName: "bmbDatepickers", predicate: BmbDatepickerComponent, descendants: true }, { propertyName: "bmbDateRanges", predicate: BmbDateRangeComponent, descendants: true }, { propertyName: "bmbCheckboxes", predicate: BmbCheckboxComponent, descendants: true }, { propertyName: "bmbRadials", predicate: BmbRadialComponent, descendants: true }, { propertyName: "bmbSwitches", predicate: BmbSwitchComponent, descendants: true }], ngImport: i0, template: `
+    <form [formGroup]="formGroup()" (ngSubmit)="onSubmit()">
+      <ng-content />
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbFormValidatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bmb-form-validator',
+                    standalone: true,
+                    imports: [CommonModule, ReactiveFormsModule],
+                    template: `
+    <form [formGroup]="formGroup()" (ngSubmit)="onSubmit()">
+      <ng-content />
+    </form>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { bmbInputs: [{
+                type: ContentChildren,
+                args: [BmbInputComponent, { descendants: true }]
+            }], bmbDropdowns: [{
+                type: ContentChildren,
+                args: [BmbDropdownComponent, { descendants: true }]
+            }], bmbInputPhoneNumbers: [{
+                type: ContentChildren,
+                args: [BmbInputPhoneNumberComponent, { descendants: true }]
+            }], bmbInputTags: [{
+                type: ContentChildren,
+                args: [BmbInputTagsComponent, { descendants: true }]
+            }], bmbDatepickers: [{
+                type: ContentChildren,
+                args: [BmbDatepickerComponent, { descendants: true }]
+            }], bmbDateRanges: [{
+                type: ContentChildren,
+                args: [BmbDateRangeComponent, { descendants: true }]
+            }], bmbCheckboxes: [{
+                type: ContentChildren,
+                args: [BmbCheckboxComponent, { descendants: true }]
+            }], bmbRadials: [{
+                type: ContentChildren,
+                args: [BmbRadialComponent, { descendants: true }]
+            }], bmbSwitches: [{
+                type: ContentChildren,
+                args: [BmbSwitchComponent, { descendants: true }]
+            }] } });
+
+class BmbTextEditorPromptComponent {
+    constructor() {
+        this.type = input.required();
+        this.formValues = output();
+        this.cancelForm = output();
+        this.formGroup = new FormGroup({});
+    }
+    getFormControl(name) {
+        return this.formGroup.get(name);
+    }
+    handleFormGroupState() {
+        if (this.formGroup.valid) {
+            const values = this.formGroup.getRawValue();
+            this.formValues.emit(values);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTextEditorPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbTextEditorPromptComponent, isStandalone: true, selector: "app-bmb-text-editor-prompt", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { formValues: "formValues", cancelForm: "cancelForm" }, ngImport: i0, template: "<div class=\"bmb_text-editor-prompt\">\n  <bmb-card>\n    <bmb-card-content padding=\"l\">\n      <bmb-form-validator\n        [(formGroup)]=\"formGroup\"\n        (formGroupState)=\"handleFormGroupState()\"\n      >\n        <section bmbVerticalLayout margin=\"none\">\n          <div bmbVerticalLayoutItem>\n            <bmb-input\n              inputId=\"prompt_url\"\n              name=\"prompt_url\"\n              [label]=\"\n                type() === 'link'\n                  ? ('text_editor.prompt.link.link_label' | translate)\n                  : ('text_editor.prompt.image.image_label' | translate)\n              \"\n              [isRequired]=\"true\"\n              [helperMessage]=\"\n                type() === 'link'\n                  ? ('text_editor.prompt.link.link_helper' | translate)\n                  : ('text_editor.prompt.image.image_helper' | translate)\n              \"\n              [placeholder]=\"\n                type() === 'link'\n                  ? ('text_editor.prompt.link.link_placeholder' | translate)\n                  : ('text_editor.prompt.image.image_placeholder' | translate)\n              \"\n            />\n          </div>\n          @switch (type()) {\n            @case ('link') {\n              <div bmbVerticalLayoutItem>\n                <h3>\n                  {{ 'text_editor.prompt.link.target_helper' | translate }}\n                </h3>\n                <div bmbLayout margin=\"none\" gapSize=\"none\">\n                  <bmb-radial\n                    inputId=\"target_blank\"\n                    name=\"target\"\n                    label=\"Blank\"\n                    value=\"_blank\"\n                    [control]=\"getFormControl('target')\"\n                    bmbLayoutItem\n                    [colSm]=\"2\"\n                  />\n                  <bmb-radial\n                    inputId=\"target_self\"\n                    name=\"target\"\n                    label=\"Self\"\n                    value=\"_self\"\n                    bmbLayoutItem\n                    [control]=\"getFormControl('target')\"\n                    [colSm]=\"2\"\n                  />\n                  <bmb-radial\n                    inputId=\"target_parent\"\n                    name=\"target\"\n                    label=\"Parent\"\n                    value=\"_parent\"\n                    bmbLayoutItem\n                    [control]=\"getFormControl('target')\"\n                    [colSm]=\"2\"\n                  />\n                  <bmb-radial\n                    inputId=\"target_top\"\n                    name=\"target\"\n                    label=\"Top\"\n                    value=\"_top\"\n                    bmbLayoutItem\n                    [control]=\"getFormControl('target')\"\n                    [colSm]=\"2\"\n                  />\n                </div>\n              </div>\n              <div bmbVerticalLayoutItem>\n                <bmb-checkbox\n                  inputId=\"add_rel\"\n                  name=\"rel\"\n                  [checked]=\"true\"\n                  [label]=\"'text_editor.prompt.link.rel_label' | translate\"\n                />\n              </div>\n            }\n            @case ('image') {\n              <div bmbVerticalLayoutItem>\n                <bmb-input\n                  inputId=\"prompt_alt\"\n                  name=\"prompt_alt\"\n                  [label]=\"'text_editor.prompt.image.alt_label' | translate\"\n                  [helperMessage]=\"\n                    'text_editor.prompt.image.alt_helper' | translate\n                  \"\n                  [placeholder]=\"\n                    'text_editor.prompt.image.alt_placeholder' | translate\n                  \"\n                />\n              </div>\n            }\n          }\n          <footer bmbVerticalLayoutItem>\n            <div bmbLayout margin=\"none\" gapSize=\"m\">\n              <button\n                bmbLayoutItem\n                [colSm]=\"4\"\n                bmbButton\n                appearance=\"primary\"\n                type=\"submit\"\n              >\n                {{ 'text_editor.prompt.primary_button' | translate }}\n              </button>\n              <button\n                bmbLayoutItem\n                [colSm]=\"4\"\n                bmbButton\n                appearance=\"secondary-outlined\"\n                type=\"button\"\n                (click)=\"cancelForm.emit()\"\n              >\n                {{ 'text_editor.prompt.secondary_button' | translate }}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </bmb-form-validator>\n    </bmb-card-content>\n  </bmb-card>\n</div>\n", styles: [".bmb_text-editor-prompt{width:clamp(300px,90vw,400px)}\n"], dependencies: [{ kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbFormValidatorComponent, selector: "bmb-form-validator", inputs: ["formGroup"], outputs: ["formGroupChange", "formGroupState"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground", "setBorderRadius"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "directive", type: BmbVerticalLayoutDirective, selector: "[bmbVerticalLayout]", inputs: ["gapSize", "justify", "alignItems", "layoutHeight"] }, { kind: "directive", type: BmbVerticalLayoutItemDirective, selector: "[bmbVerticalLayoutItem]", inputs: ["rowGrow", "isFullWidth"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTextEditorPromptComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-bmb-text-editor-prompt', standalone: true, imports: [
+                        BmbCardComponent,
+                        BmbFormValidatorComponent,
+                        BmbButtonDirective,
+                        BmbCardContentComponent,
+                        BmbInputComponent,
+                        TranslatePipe,
+                        BmbCheckboxComponent,
+                        BmbLayoutDirective,
+                        BmbLayoutItemDirective,
+                        BmbVerticalLayoutDirective,
+                        BmbVerticalLayoutItemDirective,
+                        BmbRadialComponent,
+                    ], template: "<div class=\"bmb_text-editor-prompt\">\n  <bmb-card>\n    <bmb-card-content padding=\"l\">\n      <bmb-form-validator\n        [(formGroup)]=\"formGroup\"\n        (formGroupState)=\"handleFormGroupState()\"\n      >\n        <section bmbVerticalLayout margin=\"none\">\n          <div bmbVerticalLayoutItem>\n            <bmb-input\n              inputId=\"prompt_url\"\n              name=\"prompt_url\"\n              [label]=\"\n                type() === 'link'\n                  ? ('text_editor.prompt.link.link_label' | translate)\n                  : ('text_editor.prompt.image.image_label' | translate)\n              \"\n              [isRequired]=\"true\"\n              [helperMessage]=\"\n                type() === 'link'\n                  ? ('text_editor.prompt.link.link_helper' | translate)\n                  : ('text_editor.prompt.image.image_helper' | translate)\n              \"\n              [placeholder]=\"\n                type() === 'link'\n                  ? ('text_editor.prompt.link.link_placeholder' | translate)\n                  : ('text_editor.prompt.image.image_placeholder' | translate)\n              \"\n            />\n          </div>\n          @switch (type()) {\n            @case ('link') {\n              <div bmbVerticalLayoutItem>\n                <h3>\n                  {{ 'text_editor.prompt.link.target_helper' | translate }}\n                </h3>\n                <div bmbLayout margin=\"none\" gapSize=\"none\">\n                  <bmb-radial\n                    inputId=\"target_blank\"\n                    name=\"target\"\n                    label=\"Blank\"\n                    value=\"_blank\"\n                    [control]=\"getFormControl('target')\"\n                    bmbLayoutItem\n                    [colSm]=\"2\"\n                  />\n                  <bmb-radial\n                    inputId=\"target_self\"\n                    name=\"target\"\n                    label=\"Self\"\n                    value=\"_self\"\n                    bmbLayoutItem\n                    [control]=\"getFormControl('target')\"\n                    [colSm]=\"2\"\n                  />\n                  <bmb-radial\n                    inputId=\"target_parent\"\n                    name=\"target\"\n                    label=\"Parent\"\n                    value=\"_parent\"\n                    bmbLayoutItem\n                    [control]=\"getFormControl('target')\"\n                    [colSm]=\"2\"\n                  />\n                  <bmb-radial\n                    inputId=\"target_top\"\n                    name=\"target\"\n                    label=\"Top\"\n                    value=\"_top\"\n                    bmbLayoutItem\n                    [control]=\"getFormControl('target')\"\n                    [colSm]=\"2\"\n                  />\n                </div>\n              </div>\n              <div bmbVerticalLayoutItem>\n                <bmb-checkbox\n                  inputId=\"add_rel\"\n                  name=\"rel\"\n                  [checked]=\"true\"\n                  [label]=\"'text_editor.prompt.link.rel_label' | translate\"\n                />\n              </div>\n            }\n            @case ('image') {\n              <div bmbVerticalLayoutItem>\n                <bmb-input\n                  inputId=\"prompt_alt\"\n                  name=\"prompt_alt\"\n                  [label]=\"'text_editor.prompt.image.alt_label' | translate\"\n                  [helperMessage]=\"\n                    'text_editor.prompt.image.alt_helper' | translate\n                  \"\n                  [placeholder]=\"\n                    'text_editor.prompt.image.alt_placeholder' | translate\n                  \"\n                />\n              </div>\n            }\n          }\n          <footer bmbVerticalLayoutItem>\n            <div bmbLayout margin=\"none\" gapSize=\"m\">\n              <button\n                bmbLayoutItem\n                [colSm]=\"4\"\n                bmbButton\n                appearance=\"primary\"\n                type=\"submit\"\n              >\n                {{ 'text_editor.prompt.primary_button' | translate }}\n              </button>\n              <button\n                bmbLayoutItem\n                [colSm]=\"4\"\n                bmbButton\n                appearance=\"secondary-outlined\"\n                type=\"button\"\n                (click)=\"cancelForm.emit()\"\n              >\n                {{ 'text_editor.prompt.secondary_button' | translate }}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </bmb-form-validator>\n    </bmb-card-content>\n  </bmb-card>\n</div>\n", styles: [".bmb_text-editor-prompt{width:clamp(300px,90vw,400px)}\n"] }]
+        }] });
+
+class BmbTextEditorComponent {
+    detectAlignment() {
+        const selection = globalThis.getSelection();
+        if (selection && selection.rangeCount > 0) {
+            const element = selection.getRangeAt(0)
+                .commonAncestorContainer;
+            const parentElement = element.parentElement;
+            if (parentElement) {
+                const textAlign = parentElement.style.textAlign || 'left';
+                this.currentAlignment = textAlign;
             }
         }
     }
+    applyAlignment(alignment) {
+        this.execCommand('styleWithCSS', 'true');
+        this.execCommand('justify' + alignment.charAt(0).toUpperCase() + alignment.slice(1));
+    }
+    constructor(sanitizer, projectionContent) {
+        this.sanitizer = sanitizer;
+        this.projectionContent = projectionContent;
+        this.control = input(new FormControl(''));
+        this.sanitizedContent = signal('');
+        this.currentAlignment = 'left';
+        this.showTableDialog = false;
+        this.tableRows = 2;
+        this.tableColumns = 2;
+        this.userSelection = null;
+    }
+    ngOnInit() {
+        this.sanitizedContent.set(
+        // NOSONAR: Initial content sanitization
+        this.sanitizer.bypassSecurityTrustHtml(this.control().value || ''));
+        this.control().valueChanges?.subscribe((value) => {
+            if (value === null) {
+                // NOSONAR: Clear content sanitization
+                this.sanitizedContent.set(this.sanitizer.bypassSecurityTrustHtml(''));
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.editor.nativeElement.focus();
+    }
+    handleChange(event, type) {
+        const target = event.target;
+        if (target?.value) {
+            this.execCommand(type, target.value);
+        }
+    }
+    execCommand(command, value = null) {
+        if (this.userSelection) {
+            const selection = globalThis.getSelection();
+            if (selection) {
+                selection.removeAllRanges();
+                selection.addRange(this.userSelection);
+            }
+        }
+        document.execCommand(command, false, value || undefined);
+        this.updateContent();
+        this.userSelection = null;
+    }
+    openPrompt(type, event) {
+        this.userSelection = globalThis.getSelection()?.getRangeAt(0) || null;
+        const buttonNode = event.currentTarget;
+        this.projectionContent.openContent({
+            content: BmbTextEditorPromptComponent,
+            inputContext: { type },
+            outputContext: {
+                formValues: (values) => this.handleClosePrompt({ ...values, type }),
+                cancelForm: () => this.projectionContent.closeContent(),
+            },
+            targetRef: buttonNode,
+        });
+    }
+    handleClosePrompt(values) {
+        if (values['type'] === 'link' && values['prompt_url']) {
+            this.insertLink(values);
+        }
+        else if (values['type'] === 'image' && values['prompt_url']) {
+            this.insertImage(values);
+        }
+        this.projectionContent.closeContent();
+    }
+    insertLink(values) {
+        const selection = globalThis.getSelection();
+        if (!selection || selection.rangeCount === 0 || !values['prompt_url']) {
+            return;
+        }
+        this.execCommand('createLink', values['prompt_url']);
+        const range = selection.getRangeAt(0);
+        const parentNode = range.commonAncestorContainer.parentNode;
+        if (parentNode && parentNode instanceof HTMLAnchorElement) {
+            parentNode.target = values['target'] || '_self';
+            if (values['rel']) {
+                parentNode.rel = 'noopener noreferrer';
+            }
+        }
+    }
+    insertImage(values) {
+        const selection = globalThis.getSelection();
+        if (!selection || selection.rangeCount === 0 || !values['prompt_url']) {
+            return;
+        }
+        this.execCommand('insertImage', values['prompt_url']);
+    }
+    updateContent() {
+        this.control().setValue(this.editor.nativeElement.innerHTML);
+    }
+    clearFormatting() {
+        this.execCommand('removeFormat');
+        this.execCommand('unlink');
+    }
+    getCurrentState() {
+        return this.control().value;
+    }
     isValidImageUrl(url) {
         try {
             new URL(url); // Intenta crear un objeto URL
@@ -13443,7 +13912,7 @@ class BmbTextEditorComponent {
     }
     // Método para insertar HTML en el editor
     insertHtml(html) {
-        const selection = window.getSelection();
+        const selection = globalThis.getSelection();
         if (selection && selection.rangeCount > 0) {
             const range = selection.getRangeAt(0);
             const div = document.createElement('div');
@@ -13452,13 +13921,13 @@ class BmbTextEditorComponent {
             this.updateContent();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTextEditorComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbTextEditorComponent, isStandalone: true, selector: "bmb-text-editor", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_text-editor\">\n  <header class=\"bmb_text-editor-header\">\n    <span class=\"bmb_text-editor-header-group\">\n      <select\n        id=\"BmbTextEditorSelect\"\n        class=\"bmb_text-editor-header-select\"\n        (change)=\"handleChange($event, 'formatBlock')\"\n        title=\"Estilo de p\u00E1rrafo\"\n      >\n        <option value=\"p\">P\u00E1rrafo</option>\n        <option value=\"h1\">T\u00EDtulo 1</option>\n        <option value=\"h2\">T\u00EDtulo 2</option>\n        <option value=\"h3\">T\u00EDtulo 3</option>\n        <option value=\"blockquote\">Cita</option>\n      </select>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('bold')\"\n        title=\"Negrita\"\n      >\n        <bmb-icon icon=\"format_bold\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('italic')\"\n        title=\"Cursiva\"\n      >\n        <bmb-icon icon=\"format_italic\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('underline')\"\n        title=\"Subrayado\"\n      >\n        <bmb-icon icon=\"format_underlined\" [size]=\"24\" />\n      </button>\n      <input\n        id=\"BmbTextEditorColor\"\n        type=\"color\"\n        (change)=\"handleChange($event, 'foreColor')\"\n        title=\"Color de texto\"\n      />\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('left')\"\n        [class.active]=\"currentAlignment === 'left'\"\n        title=\"Alinear a la izquierda\"\n      >\n        <bmb-icon icon=\"format_align_left\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('center')\"\n        [class.active]=\"currentAlignment === 'center'\"\n        title=\"Centrar\"\n      >\n        <bmb-icon icon=\"format_align_center\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('right')\"\n        [class.active]=\"currentAlignment === 'right'\"\n        title=\"Alinear a la derecha\"\n      >\n        <bmb-icon icon=\"format_align_right\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('insertOrderedList')\"\n        title=\"Lista numerada\"\n      >\n        <bmb-icon icon=\"format_list_numbered\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('insertUnorderedList')\"\n        title=\"Lista con vi\u00F1etas\"\n      >\n        <bmb-icon icon=\"format_list_bulleted\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('indent')\"\n        title=\"Aumentar sangr\u00EDa\"\n      >\n        <bmb-icon icon=\"format_indent_increase\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('outdent')\"\n        title=\"Disminuir sangr\u00EDa\"\n      >\n        <bmb-icon icon=\"format_indent_decrease\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"insertLink()\"\n        title=\"Insertar enlace\"\n      >\n        <bmb-icon icon=\"link\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"insertImage()\"\n        title=\"Insertar imagen\"\n      >\n        <bmb-icon icon=\"image\" [size]=\"24\" />\n      </button>\n      <!-- <button bmbButton appearance=\"transparent\" size=\"micro\" type=\"button\" (click)=\"openTableDialog()\" title=\"Insertar tabla\">\n        <bmb-icon icon=\"table_chart\" [size]=\"24\"/>\n      </button> -->\n    </span>\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"clearFormatting()\"\n        title=\"Limpiar formato\"\n      >\n        <bmb-icon icon=\"format_clear\" [size]=\"24\" />\n      </button>\n    </span>\n  </header>\n\n  <div\n    class=\"bmb_text-editor-content\"\n    #editor\n    contenteditable=\"true\"\n    (input)=\"updateContent()\"\n    [innerHTML]=\"sanitizedContent()\"\n  ></div>\n</section>\n\n<!-- Di\u00E1logo para definir filas y columnas -->\n<dialog class=\"dialog-overlay\" [open]=\"showTableDialog\">\n  <div class=\"dialog\">\n    <h3>Insertar tabla</h3>\n    <label for=\"rows\">Filas:</label>\n    <input type=\"number\" id=\"rows\" min=\"1\" max=\"10\" />\n\n    <label for=\"columns\">Columnas:</label>\n    <input type=\"number\" id=\"columns\" min=\"1\" max=\"10\" />\n\n    <div class=\"dialog-buttons\">\n      <button type=\"button\" (click)=\"insertTable()\">Insertar</button>\n      <button type=\"button\" (click)=\"closeTableDialog()\">Cancelar</button>\n    </div>\n  </div>\n</dialog>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-editor{border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-spacing-s);container-type:inline-size;display:flex;flex-flow:column}.bmb_text-editor-header{border-bottom:.0625rem solid var(--general_contrasts-50);padding:var(--bmb-spacing-s);display:flex;flex-wrap:nowrap;align-items:center;gap:var(--bmb-spacing-m);overflow:auto}.bmb_text-editor-header-select{background:transparent;border:0;cursor:pointer;color:var(--general_contrasts-100)}.bmb_text-editor-header-group{display:inline-flex;align-items:center;flex-wrap:nowrap}.bmb_text-editor-header-group:not(:last-child){padding-right:var(--bmb-spacing-m);border-right:.0625rem solid var(--general_contrasts-50)}.bmb_text-editor-content{padding:var(--bmb-spacing-s);background-color:var(--general_contrasts-input-background);min-height:100px;border-radius:0 0 var(--bmb-spacing-s) var(--bmb-spacing-s);flex:1}\n"], dependencies: [{ kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTextEditorComponent, deps: [{ token: i1$2.DomSanitizer }, { token: BmbProjectionContentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbTextEditorComponent, isStandalone: true, selector: "bmb-text-editor", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_text-editor\">\n  <header class=\"bmb_text-editor-header\">\n    <span class=\"bmb_text-editor-header-group\">\n      <select\n        id=\"BmbTextEditorSelect\"\n        class=\"bmb_text-editor-header-select\"\n        (change)=\"handleChange($event, 'formatBlock')\"\n        title=\"Estilo de p\u00E1rrafo\"\n      >\n        <option value=\"p\">P\u00E1rrafo</option>\n        <option value=\"h1\">T\u00EDtulo 1</option>\n        <option value=\"h2\">T\u00EDtulo 2</option>\n        <option value=\"h3\">T\u00EDtulo 3</option>\n        <option value=\"blockquote\">Cita</option>\n      </select>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('bold')\"\n        title=\"Negrita\"\n      >\n        <bmb-icon icon=\"format_bold\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('italic')\"\n        title=\"Cursiva\"\n      >\n        <bmb-icon icon=\"format_italic\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('underline')\"\n        title=\"Subrayado\"\n      >\n        <bmb-icon icon=\"format_underlined\" [size]=\"24\" />\n      </button>\n      <input\n        id=\"BmbTextEditorColor\"\n        type=\"color\"\n        (change)=\"handleChange($event, 'foreColor')\"\n        title=\"Color de texto\"\n      />\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('left')\"\n        [class.active]=\"currentAlignment === 'left'\"\n        title=\"Alinear a la izquierda\"\n      >\n        <bmb-icon icon=\"format_align_left\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('center')\"\n        [class.active]=\"currentAlignment === 'center'\"\n        title=\"Centrar\"\n      >\n        <bmb-icon icon=\"format_align_center\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('right')\"\n        [class.active]=\"currentAlignment === 'right'\"\n        title=\"Alinear a la derecha\"\n      >\n        <bmb-icon icon=\"format_align_right\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('insertOrderedList')\"\n        title=\"Lista numerada\"\n      >\n        <bmb-icon icon=\"format_list_numbered\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('insertUnorderedList')\"\n        title=\"Lista con vi\u00F1etas\"\n      >\n        <bmb-icon icon=\"format_list_bulleted\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('indent')\"\n        title=\"Aumentar sangr\u00EDa\"\n      >\n        <bmb-icon icon=\"format_indent_increase\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('outdent')\"\n        title=\"Disminuir sangr\u00EDa\"\n      >\n        <bmb-icon icon=\"format_indent_decrease\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"openPrompt('link', $event)\"\n        title=\"Insertar enlace\"\n      >\n        <bmb-icon icon=\"link\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"openPrompt('image', $event)\"\n        title=\"Insertar imagen\"\n      >\n        <bmb-icon icon=\"image\" [size]=\"24\" />\n      </button>\n      <!-- <button bmbButton appearance=\"transparent\" size=\"micro\" type=\"button\" (click)=\"openTableDialog()\" title=\"Insertar tabla\">\n        <bmb-icon icon=\"table_chart\" [size]=\"24\"/>\n      </button> -->\n    </span>\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"clearFormatting()\"\n        title=\"Limpiar formato\"\n      >\n        <bmb-icon icon=\"format_clear\" [size]=\"24\" />\n      </button>\n    </span>\n  </header>\n\n  <div\n    class=\"bmb_text-editor-content\"\n    #editor\n    contenteditable=\"true\"\n    (input)=\"updateContent()\"\n    [innerHTML]=\"sanitizedContent()\"\n  ></div>\n</section>\n\n<!-- Di\u00E1logo para definir filas y columnas -->\n<dialog class=\"dialog-overlay\" [open]=\"showTableDialog\">\n  <div class=\"dialog\">\n    <h3>Insertar tabla</h3>\n    <label for=\"rows\">Filas:</label>\n    <input type=\"number\" id=\"rows\" min=\"1\" max=\"10\" />\n\n    <label for=\"columns\">Columnas:</label>\n    <input type=\"number\" id=\"columns\" min=\"1\" max=\"10\" />\n\n    <div class=\"dialog-buttons\">\n      <button type=\"button\" (click)=\"insertTable()\">Insertar</button>\n      <button type=\"button\" (click)=\"closeTableDialog()\">Cancelar</button>\n    </div>\n  </div>\n</dialog>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-editor{border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-spacing-s);container-type:inline-size;display:flex;flex-flow:column}.bmb_text-editor-header{border-bottom:.0625rem solid var(--general_contrasts-50);padding:var(--bmb-spacing-s);display:flex;flex-wrap:nowrap;align-items:center;gap:var(--bmb-spacing-m);overflow:auto}.bmb_text-editor-header-select{background:transparent;border:0;cursor:pointer;color:var(--general_contrasts-100)}.bmb_text-editor-header-group{display:inline-flex;align-items:center;flex-wrap:nowrap}.bmb_text-editor-header-group:not(:last-child){padding-right:var(--bmb-spacing-m);border-right:.0625rem solid var(--general_contrasts-50)}.bmb_text-editor-content{padding:var(--bmb-spacing-s);background-color:var(--general_contrasts-input-background);min-height:100px;border-radius:0 0 var(--bmb-spacing-s) var(--bmb-spacing-s);flex:1}\n"], dependencies: [{ kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTextEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-text-editor', standalone: true, imports: [BmbButtonDirective, BmbIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_text-editor\">\n  <header class=\"bmb_text-editor-header\">\n    <span class=\"bmb_text-editor-header-group\">\n      <select\n        id=\"BmbTextEditorSelect\"\n        class=\"bmb_text-editor-header-select\"\n        (change)=\"handleChange($event, 'formatBlock')\"\n        title=\"Estilo de p\u00E1rrafo\"\n      >\n        <option value=\"p\">P\u00E1rrafo</option>\n        <option value=\"h1\">T\u00EDtulo 1</option>\n        <option value=\"h2\">T\u00EDtulo 2</option>\n        <option value=\"h3\">T\u00EDtulo 3</option>\n        <option value=\"blockquote\">Cita</option>\n      </select>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('bold')\"\n        title=\"Negrita\"\n      >\n        <bmb-icon icon=\"format_bold\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('italic')\"\n        title=\"Cursiva\"\n      >\n        <bmb-icon icon=\"format_italic\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('underline')\"\n        title=\"Subrayado\"\n      >\n        <bmb-icon icon=\"format_underlined\" [size]=\"24\" />\n      </button>\n      <input\n        id=\"BmbTextEditorColor\"\n        type=\"color\"\n        (change)=\"handleChange($event, 'foreColor')\"\n        title=\"Color de texto\"\n      />\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('left')\"\n        [class.active]=\"currentAlignment === 'left'\"\n        title=\"Alinear a la izquierda\"\n      >\n        <bmb-icon icon=\"format_align_left\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('center')\"\n        [class.active]=\"currentAlignment === 'center'\"\n        title=\"Centrar\"\n      >\n        <bmb-icon icon=\"format_align_center\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('right')\"\n        [class.active]=\"currentAlignment === 'right'\"\n        title=\"Alinear a la derecha\"\n      >\n        <bmb-icon icon=\"format_align_right\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('insertOrderedList')\"\n        title=\"Lista numerada\"\n      >\n        <bmb-icon icon=\"format_list_numbered\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('insertUnorderedList')\"\n        title=\"Lista con vi\u00F1etas\"\n      >\n        <bmb-icon icon=\"format_list_bulleted\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('indent')\"\n        title=\"Aumentar sangr\u00EDa\"\n      >\n        <bmb-icon icon=\"format_indent_increase\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('outdent')\"\n        title=\"Disminuir sangr\u00EDa\"\n      >\n        <bmb-icon icon=\"format_indent_decrease\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"insertLink()\"\n        title=\"Insertar enlace\"\n      >\n        <bmb-icon icon=\"link\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"insertImage()\"\n        title=\"Insertar imagen\"\n      >\n        <bmb-icon icon=\"image\" [size]=\"24\" />\n      </button>\n      <!-- <button bmbButton appearance=\"transparent\" size=\"micro\" type=\"button\" (click)=\"openTableDialog()\" title=\"Insertar tabla\">\n        <bmb-icon icon=\"table_chart\" [size]=\"24\"/>\n      </button> -->\n    </span>\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"clearFormatting()\"\n        title=\"Limpiar formato\"\n      >\n        <bmb-icon icon=\"format_clear\" [size]=\"24\" />\n      </button>\n    </span>\n  </header>\n\n  <div\n    class=\"bmb_text-editor-content\"\n    #editor\n    contenteditable=\"true\"\n    (input)=\"updateContent()\"\n    [innerHTML]=\"sanitizedContent()\"\n  ></div>\n</section>\n\n<!-- Di\u00E1logo para definir filas y columnas -->\n<dialog class=\"dialog-overlay\" [open]=\"showTableDialog\">\n  <div class=\"dialog\">\n    <h3>Insertar tabla</h3>\n    <label for=\"rows\">Filas:</label>\n    <input type=\"number\" id=\"rows\" min=\"1\" max=\"10\" />\n\n    <label for=\"columns\">Columnas:</label>\n    <input type=\"number\" id=\"columns\" min=\"1\" max=\"10\" />\n\n    <div class=\"dialog-buttons\">\n      <button type=\"button\" (click)=\"insertTable()\">Insertar</button>\n      <button type=\"button\" (click)=\"closeTableDialog()\">Cancelar</button>\n    </div>\n  </div>\n</dialog>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-editor{border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-spacing-s);container-type:inline-size;display:flex;flex-flow:column}.bmb_text-editor-header{border-bottom:.0625rem solid var(--general_contrasts-50);padding:var(--bmb-spacing-s);display:flex;flex-wrap:nowrap;align-items:center;gap:var(--bmb-spacing-m);overflow:auto}.bmb_text-editor-header-select{background:transparent;border:0;cursor:pointer;color:var(--general_contrasts-100)}.bmb_text-editor-header-group{display:inline-flex;align-items:center;flex-wrap:nowrap}.bmb_text-editor-header-group:not(:last-child){padding-right:var(--bmb-spacing-m);border-right:.0625rem solid var(--general_contrasts-50)}.bmb_text-editor-content{padding:var(--bmb-spacing-s);background-color:var(--general_contrasts-input-background);min-height:100px;border-radius:0 0 var(--bmb-spacing-s) var(--bmb-spacing-s);flex:1}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { editor: [{
+            args: [{ selector: 'bmb-text-editor', standalone: true, imports: [BmbButtonDirective, BmbIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_text-editor\">\n  <header class=\"bmb_text-editor-header\">\n    <span class=\"bmb_text-editor-header-group\">\n      <select\n        id=\"BmbTextEditorSelect\"\n        class=\"bmb_text-editor-header-select\"\n        (change)=\"handleChange($event, 'formatBlock')\"\n        title=\"Estilo de p\u00E1rrafo\"\n      >\n        <option value=\"p\">P\u00E1rrafo</option>\n        <option value=\"h1\">T\u00EDtulo 1</option>\n        <option value=\"h2\">T\u00EDtulo 2</option>\n        <option value=\"h3\">T\u00EDtulo 3</option>\n        <option value=\"blockquote\">Cita</option>\n      </select>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('bold')\"\n        title=\"Negrita\"\n      >\n        <bmb-icon icon=\"format_bold\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('italic')\"\n        title=\"Cursiva\"\n      >\n        <bmb-icon icon=\"format_italic\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('underline')\"\n        title=\"Subrayado\"\n      >\n        <bmb-icon icon=\"format_underlined\" [size]=\"24\" />\n      </button>\n      <input\n        id=\"BmbTextEditorColor\"\n        type=\"color\"\n        (change)=\"handleChange($event, 'foreColor')\"\n        title=\"Color de texto\"\n      />\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('left')\"\n        [class.active]=\"currentAlignment === 'left'\"\n        title=\"Alinear a la izquierda\"\n      >\n        <bmb-icon icon=\"format_align_left\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('center')\"\n        [class.active]=\"currentAlignment === 'center'\"\n        title=\"Centrar\"\n      >\n        <bmb-icon icon=\"format_align_center\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"applyAlignment('right')\"\n        [class.active]=\"currentAlignment === 'right'\"\n        title=\"Alinear a la derecha\"\n      >\n        <bmb-icon icon=\"format_align_right\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('insertOrderedList')\"\n        title=\"Lista numerada\"\n      >\n        <bmb-icon icon=\"format_list_numbered\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('insertUnorderedList')\"\n        title=\"Lista con vi\u00F1etas\"\n      >\n        <bmb-icon icon=\"format_list_bulleted\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('indent')\"\n        title=\"Aumentar sangr\u00EDa\"\n      >\n        <bmb-icon icon=\"format_indent_increase\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"execCommand('outdent')\"\n        title=\"Disminuir sangr\u00EDa\"\n      >\n        <bmb-icon icon=\"format_indent_decrease\" [size]=\"24\" />\n      </button>\n    </span>\n\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"openPrompt('link', $event)\"\n        title=\"Insertar enlace\"\n      >\n        <bmb-icon icon=\"link\" [size]=\"24\" />\n      </button>\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"openPrompt('image', $event)\"\n        title=\"Insertar imagen\"\n      >\n        <bmb-icon icon=\"image\" [size]=\"24\" />\n      </button>\n      <!-- <button bmbButton appearance=\"transparent\" size=\"micro\" type=\"button\" (click)=\"openTableDialog()\" title=\"Insertar tabla\">\n        <bmb-icon icon=\"table_chart\" [size]=\"24\"/>\n      </button> -->\n    </span>\n    <span class=\"bmb_text-editor-header-group\">\n      <button\n        bmbButton\n        appearance=\"transparent\"\n        size=\"micro\"\n        type=\"button\"\n        (click)=\"clearFormatting()\"\n        title=\"Limpiar formato\"\n      >\n        <bmb-icon icon=\"format_clear\" [size]=\"24\" />\n      </button>\n    </span>\n  </header>\n\n  <div\n    class=\"bmb_text-editor-content\"\n    #editor\n    contenteditable=\"true\"\n    (input)=\"updateContent()\"\n    [innerHTML]=\"sanitizedContent()\"\n  ></div>\n</section>\n\n<!-- Di\u00E1logo para definir filas y columnas -->\n<dialog class=\"dialog-overlay\" [open]=\"showTableDialog\">\n  <div class=\"dialog\">\n    <h3>Insertar tabla</h3>\n    <label for=\"rows\">Filas:</label>\n    <input type=\"number\" id=\"rows\" min=\"1\" max=\"10\" />\n\n    <label for=\"columns\">Columnas:</label>\n    <input type=\"number\" id=\"columns\" min=\"1\" max=\"10\" />\n\n    <div class=\"dialog-buttons\">\n      <button type=\"button\" (click)=\"insertTable()\">Insertar</button>\n      <button type=\"button\" (click)=\"closeTableDialog()\">Cancelar</button>\n    </div>\n  </div>\n</dialog>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-editor{border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-spacing-s);container-type:inline-size;display:flex;flex-flow:column}.bmb_text-editor-header{border-bottom:.0625rem solid var(--general_contrasts-50);padding:var(--bmb-spacing-s);display:flex;flex-wrap:nowrap;align-items:center;gap:var(--bmb-spacing-m);overflow:auto}.bmb_text-editor-header-select{background:transparent;border:0;cursor:pointer;color:var(--general_contrasts-100)}.bmb_text-editor-header-group{display:inline-flex;align-items:center;flex-wrap:nowrap}.bmb_text-editor-header-group:not(:last-child){padding-right:var(--bmb-spacing-m);border-right:.0625rem solid var(--general_contrasts-50)}.bmb_text-editor-content{padding:var(--bmb-spacing-s);background-color:var(--general_contrasts-input-background);min-height:100px;border-radius:0 0 var(--bmb-spacing-s) var(--bmb-spacing-s);flex:1}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }, { type: BmbProjectionContentService }], propDecorators: { editor: [{
                 type: ViewChild,
                 args: ['editor']
             }] } });
@@ -13664,7 +14133,7 @@ class BmbDigitalIdComponent {
         this.access.emit(event || new MouseEvent('click'));
     }
     getFullName() {
-        return this.name().concat(' ').concat(this.surname());
+        return this.name().concat(' ', this.surname());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDigitalIdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbDigitalIdComponent, isStandalone: true, selector: "bmb-digital-id", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, surname: { classPropertyName: "surname", publicName: "surname", isSignal: true, isRequired: true, transformFunction: null }, registration: { classPropertyName: "registration", publicName: "registration", isSignal: true, isRequired: true, transformFunction: null }, campus: { classPropertyName: "campus", publicName: "campus", isSignal: true, isRequired: true, transformFunction: null }, career: { classPropertyName: "career", publicName: "career", isSignal: true, isRequired: true, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: true, transformFunction: null }, textButton: { classPropertyName: "textButton", publicName: "textButton", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, imgProfile: { classPropertyName: "imgProfile", publicName: "imgProfile", isSignal: true, isRequired: true, transformFunction: null }, imgBackground: { classPropertyName: "imgBackground", publicName: "imgBackground", isSignal: true, isRequired: true, transformFunction: null }, secondaryTextButton: { classPropertyName: "secondaryTextButton", publicName: "secondaryTextButton", isSignal: true, isRequired: false, transformFunction: null }, secondaryIconButton: { classPropertyName: "secondaryIconButton", publicName: "secondaryIconButton", isSignal: true, isRequired: false, transformFunction: null }, disableSecondaryButton: { classPropertyName: "disableSecondaryButton", publicName: "disableSecondaryButton", isSignal: true, isRequired: false, transformFunction: null }, disableMainButton: { classPropertyName: "disableMainButton", publicName: "disableMainButton", isSignal: true, isRequired: false, transformFunction: null }, hideMainButton: { classPropertyName: "hideMainButton", publicName: "hideMainButton", isSignal: true, isRequired: false, transformFunction: null }, hideSecondaryButton: { classPropertyName: "hideSecondaryButton", publicName: "hideSecondaryButton", isSignal: true, isRequired: false, transformFunction: null }, logoSrc: { classPropertyName: "logoSrc", publicName: "logoSrc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", access: "access", onSecondaryClick: "onSecondaryClick" }, ngImport: i0, template: "<section class=\"bmb_digital-id\">\n  <bmb-image\n    class=\"bmb_digital-id-top-image\"\n    [mobileSrc]=\"imgBackground()\"\n    alt=\"Background Img\"\n    borderRadius=\"none\"\n  />\n  <div class=\"bmb_digital-id-top\">\n    <bmb-image\n      class=\"bmb_digital-id-top-logo\"\n      [mobileSrc]=\"logoSrc()\"\n      alt=\"Tec de Monterrey\"\n      borderRadius=\"none\"\n    />\n  </div>\n  <bmb-action-icon\n    class=\"bmb_digital-id-top-btn\"\n    icon=\"close\"\n    [iconSize]=\"24\"\n    (buttonClick)=\"closeDigitalId($event)\"\n  />\n\n  <div class=\"bmb_digital-id-mid\">\n    <bmb-user-summary-content\n      [isProfile]=\"true\"\n      [name]=\"getFullName()\"\n      [userId]=\"registration()\"\n      [image]=\"imgProfile()\"\n      imageSize=\"mobile-xlarge\"\n      [campus]=\"campus()\"\n      [infoCareer]=\"career()\"\n      [role]=\"role()\"\n    />\n  </div>\n  <div class=\"bmb_digital-id-bottom-btn\">\n    @if (!hideSecondaryButton()) {\n      <button\n        type=\"button\"\n        class=\"bmb_digital-id-btnAccess\"\n        bmbButton\n        appearance=\"secondary-outlined\"\n        [icon]=\"secondaryIconButton()\"\n        [iconSize]=\"0\"\n        size=\"large\"\n        position=\"left\"\n        [disabled]=\"disableSecondaryButton()\"\n        (click)=\"handleSecondaryClick($event)\"\n      >\n        {{\n          secondaryTextButton() ||\n            ('digital_id.secondary_button_label' | translate)\n        }}\n      </button>\n    }\n    @if (!hideMainButton()) {\n      <button\n        type=\"button\"\n        class=\"bmb_digital-id-btnAccess\"\n        bmbButton\n        appearance=\"primary\"\n        [icon]=\"icon()\"\n        [iconSize]=\"0\"\n        size=\"large\"\n        position=\"left\"\n        [disabled]=\"disableMainButton()\"\n        (click)=\"clickAccess($event)\"\n      >\n        {{ textButton() }}\n      </button>\n    }\n  </div>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_digital-id{background-color:rgb(var(--color-charade-50));display:grid;grid-template-columns:1fr;grid-template-rows:calc(40% - 6.25rem) 6.25rem 6.25rem 1fr auto;height:100dvh}.bmb_digital-id-top{display:flex;justify-content:center;align-items:center;grid-row:1/2;grid-column:1/2;z-index:1}.bmb_digital-id-top-btn{margin-top:1rem;margin-left:1rem;grid-row:1/2;grid-column:1/2;z-index:2;color:rgb(var(--color-white-primary))}.bmb_digital-id-top-image{grid-row:1/3;grid-column:1/2}.bmb_digital-id-top-image .bmb_image{height:100%}.bmb_digital-id-top-logo{width:15.3125rem}.bmb_digital-id-mid{grid-row:2/5;grid-column:1/2;z-index:1}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-title-column{font-family:Poppins-Bold,sans-serif;font-size:1.5rem;color:rgb(var(--color-black-primary))!important;padding-top:var(--bmb-spacing-l)}.bmb_digital-id-mid .bmb_user_image-bordered{background-color:rgb(var(--color-white-primary))}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-general-text{font-family:Poppins-Regular,sans-serif;font-size:1.25rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-campus{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-bottom-btn{grid-row:5/6;grid-column:1/2;padding:1rem;display:flex;flex-flow:column;gap:var(--bmb-spacing-m)}.bmb_digital-id-bottom-btn .bmb_btn-secondary-outlined{border-color:rgb(var(--color-charade-950));color:rgb(var(--color-charade-950))}.bmb_digital-id-bottom-btn button[disabled]{opacity:.5;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbImageComponent, selector: "bmb-image", inputs: ["src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -13764,150 +14233,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             args: [{ selector: 'bmb-button-icon', standalone: true, imports: [CommonModule, BmbActionIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"bmb_button_icon\"\n  [ngClass]=\"{\n    'bmb_button_icon-active': active(),\n    'bmb_button_icon-container': showContainer(),\n    'bmb_button_icon-container-outline': showContainer() && isOutline(),\n    'bmb_button_icon-disabled': disabled(),\n    'bmb_button_icon-container-primary': appearanceContrast() === 'primary',\n    'bmb_button_icon-container-alternative':\n      appearanceContrast() === 'alternative'\n  }\"\n>\n  <bmb-action-icon\n    [idElement]=\"idElement()\"\n    [icon]=\"icon()\"\n    [iconSize]=\"showContainer() ? 24 : 32\"\n    [disabled]=\"disabled()!\"\n    (buttonPress)=\"handlePress()\"\n    (buttonClick)=\"handleClick($event)\"\n  />\n</span>\n", styles: [".bmb_button_icon{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background-color:transparent}.bmb_button_icon-active:not(.bmb_button_icon-container) .material-symbols-rounded{color:var(--buttons-primary-select);scale:1}.bmb_button_icon-container.bmb_button_icon{display:flex;justify-content:center;align-items:center;border-radius:var(--bmb-radius-s);border:.0625rem solid var(--general_contrasts-container-outline);background-color:var(--general_contrasts-input-background)}.bmb_button_icon-container.bmb_button_icon .material-symbols-rounded{color:var(--general_contrasts-50)}.bmb_button_icon-container.bmb_button_icon-active{border:.0625rem solid rgb(var(--color-charade-50));background-color:var(--general_contrasts-50)}.bmb_button_icon-container.bmb_button_icon-active .material-symbols-rounded{color:rgb(var(--color-charade-50))}.bmb_button_icon-container:not(.bmb_button_icon-disabled):hover{border:.0625rem solid var(--general_contrasts-container-outline);background-color:var(--general_contrasts-input-background)}.bmb_button_icon-container:not(.bmb_button_icon-disabled):hover .material-symbols-rounded{color:var(--buttons-alternative-text)}.bmb_button_icon-container:not(.bmb_button_icon-disabled):active{border:.0625rem solid rgb(var(--color-charade-50));background-color:var(--general_contrasts-50)}.bmb_button_icon-container:not(.bmb_button_icon-disabled):active .material-symbols-rounded{color:rgb(var(--color-charade-50))}.bmb_button_icon-container-outline.bmb_button_icon{border:.0625rem solid var(--general_contrasts-100);background-color:var(--general_contrasts-input-background)}.bmb_button_icon-container-outline.bmb_button_icon .material-symbols-rounded{color:var(--general_contrasts-100)}.bmb_button_icon-container-outline.bmb_button_icon-active{border:.0625rem solid var(--general_contrasts-input-background);background-color:var(--general_contrasts-100)}.bmb_button_icon-container-outline.bmb_button_icon-active .material-symbols-rounded{color:var(--general_contrasts-5)}.bmb_button_icon-container-outline:not(.bmb_button_icon-disabled):hover{border:.125rem solid var(--general_contrasts-100);background-color:var(--general_contrasts-input-background)}.bmb_button_icon-container-outline:not(.bmb_button_icon-disabled):hover .material-symbols-rounded{color:var(--general_contrasts-100)}.bmb_button_icon-container-outline:not(.bmb_button_icon-disabled):active{border:.0625rem solid var(--general_contrasts-input-background);background-color:var(--general_contrasts-100)}.bmb_button_icon-container-outline:not(.bmb_button_icon-disabled):active .material-symbols-rounded{color:var(--general_contrasts-5)}.bmb_button_icon-container-primary.bmb_button_icon{background-color:var(--containers-background)}.bmb_button_icon-container-alternative.bmb_button_icon{background-color:var(--containers-main)}.bmb_button_icon:not(.bmb_button_icon-container,.bmb_button_icon-disabled):hover .material-symbols-rounded{color:var(--white-primary);scale:1.2}.bmb_button_icon:not(.bmb_button_icon-container,.bmb_button_icon-disabled):active .material-symbols-rounded{color:var(--buttons-primary-select);scale:1}.bmb_button_icon .material-symbols-rounded{color:var(--white-primary)}\n"] }]
         }] });
 
-class BmbFormValidatorComponent {
-    constructor() {
-        this.formGroup = model(new FormGroup({}));
-        this.formGroupState = output();
-    }
-    ngAfterViewInit() {
-        this.addControls();
-    }
-    addControls() {
-        this.bmbInputs.forEach((child) => {
-            this.addControl(child.name(), child.control(), child.isControlNull);
-        });
-        this.bmbDropdowns.forEach((child) => {
-            this.addControl(child.name(), child.control(), child.isControlNull);
-        });
-        this.bmbInputPhoneNumbers.forEach((child) => {
-            this.addControl(child.name(), child.control(), child.isControlNull);
-        });
-        this.bmbInputTags.forEach((child) => {
-            this.addControl(child.name(), child.control(), child.isControlNull);
-        });
-        this.bmbDatepickers.forEach((child) => {
-            this.addControl(child.name(), child.control(), child.isControlNull);
-        });
-        this.bmbDateRanges.forEach((child) => {
-            this.addControl(`${child.name()}_start`, child.controlStart(), child.isControlStartNull);
-            this.addControl(`${child.name()}_end`, child.controlEnd(), child.isControlEndNull);
-        });
-        this.bmbCheckboxes.forEach((child) => {
-            this.addControl(child.name(), child.control(), child.isControlNull);
-        });
-        this.bmbRadials.forEach((child) => {
-            this.addControl(child.name(), child.control(), child.isControlNull);
-        });
-        this.bmbSwitches.forEach((child) => {
-            this.addControl(child.name(), child.control(), child.isControlNull);
-        });
-    }
-    addControl(controlName, control, isControlNull) {
-        if (!this.getFormControl(controlName)) {
-            this.formGroup().addControl(controlName, control);
-        }
-        else {
-            if (isControlNull)
-                this.formGroup().setControl(controlName, control);
-        }
-    }
-    addRadials() {
-        const radialNames = this.bmbRadials.reduce((acc, currentElement) => {
-            if (acc.includes(currentElement.name()))
-                return acc;
-            return [...acc, currentElement.name()];
-        }, []);
-        radialNames.forEach((name) => {
-            const radialIndexWithSameName = this.bmbRadials.reduce((acc, currentElement, index) => {
-                if (currentElement.name() === name)
-                    return [...acc, index];
-                return acc;
-            }, []);
-            const radialControl = this.bmbRadials.get(radialIndexWithSameName[0]);
-            if (this.bmbRadials
-                .filter((element) => element.name() === name)
-                .every((elementSelected) => !elementSelected.isControlNull)) {
-                this.addControl(radialControl.name(), radialControl.control(), false);
-                return;
-            }
-            const value = this.bmbRadials
-                .filter((element) => element.name() === name)
-                ?.find((elementSelected) => elementSelected.checked())
-                ?.control()?.value;
-            radialControl.control()?.setValue(value);
-            radialIndexWithSameName.slice(1).forEach((element) => {
-                this.bmbRadials.get(element)?.control.set(radialControl.control());
-            });
-            this.addControl(radialControl.name(), radialControl.control(), false);
-        });
-    }
-    onSubmit() {
-        this.formGroup().updateValueAndValidity();
-        this.formGroup().markAllAsTouched();
-        this.updateErrorState();
-        this.formGroupState.emit(this.formGroup());
-    }
-    updateErrorState() {
-        Object.keys(this.formGroup().controls).forEach((field) => {
-            const control = this.getFormControl(field);
-            if (!!control) {
-                handleValidity(control);
-            }
-        });
-    }
-    getFormControl(name) {
-        return this.formGroup().get(name);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbFormValidatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbFormValidatorComponent, isStandalone: true, selector: "bmb-form-validator", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formGroup: "formGroupChange", formGroupState: "formGroupState" }, queries: [{ propertyName: "bmbInputs", predicate: BmbInputComponent, descendants: true }, { propertyName: "bmbDropdowns", predicate: BmbDropdownComponent, descendants: true }, { propertyName: "bmbInputPhoneNumbers", predicate: BmbInputPhoneNumberComponent, descendants: true }, { propertyName: "bmbInputTags", predicate: BmbInputTagsComponent, descendants: true }, { propertyName: "bmbDatepickers", predicate: BmbDatepickerComponent, descendants: true }, { propertyName: "bmbDateRanges", predicate: BmbDateRangeComponent, descendants: true }, { propertyName: "bmbCheckboxes", predicate: BmbCheckboxComponent, descendants: true }, { propertyName: "bmbRadials", predicate: BmbRadialComponent, descendants: true }, { propertyName: "bmbSwitches", predicate: BmbSwitchComponent, descendants: true }], ngImport: i0, template: `
-    <form [formGroup]="formGroup()" (ngSubmit)="onSubmit()">
-      <ng-content />
-    </form>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbFormValidatorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'bmb-form-validator',
-                    standalone: true,
-                    imports: [CommonModule, ReactiveFormsModule],
-                    template: `
-    <form [formGroup]="formGroup()" (ngSubmit)="onSubmit()">
-      <ng-content />
-    </form>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { bmbInputs: [{
-                type: ContentChildren,
-                args: [BmbInputComponent, { descendants: true }]
-            }], bmbDropdowns: [{
-                type: ContentChildren,
-                args: [BmbDropdownComponent, { descendants: true }]
-            }], bmbInputPhoneNumbers: [{
-                type: ContentChildren,
-                args: [BmbInputPhoneNumberComponent, { descendants: true }]
-            }], bmbInputTags: [{
-                type: ContentChildren,
-                args: [BmbInputTagsComponent, { descendants: true }]
-            }], bmbDatepickers: [{
-                type: ContentChildren,
-                args: [BmbDatepickerComponent, { descendants: true }]
-            }], bmbDateRanges: [{
-                type: ContentChildren,
-                args: [BmbDateRangeComponent, { descendants: true }]
-            }], bmbCheckboxes: [{
-                type: ContentChildren,
-                args: [BmbCheckboxComponent, { descendants: true }]
-            }], bmbRadials: [{
-                type: ContentChildren,
-                args: [BmbRadialComponent, { descendants: true }]
-            }], bmbSwitches: [{
-                type: ContentChildren,
-                args: [BmbSwitchComponent, { descendants: true }]
-            }] } });
-
 class BmbSelectorDirective {
     constructor() {
         this.idSelector = input.required();