@ti-tecnologico-de-monterrey-oficial/ds-ng 1.6.20-d → 1.6.20-e

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

@@ -147,8 +147,9 @@ const getRGBColorKeyValue = (color) => {
         color === 'black-min' ||
         color === 'white-tint' ||
         color === 'white-light' ||
-        color === 'white-min' ?
-        `var(--${color})` : `rgb(var(--${color}))`;
+        color === 'white-min'
+        ? `var(--${color})`
+        : `rgb(var(--${color}))`;
     return {
         'background-color': newColor,
     };
@@ -357,11 +358,11 @@ class BmbCheckExternalLinkButtonComponent {
         this.buttonKeyPress.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbCheckExternalLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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, isSignal: 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:inline-block}.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;align-items:center}.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$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.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: "20.3.16", 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, isSignal: 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() || '_blank'\"\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:inline-block}.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;align-items:center}.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$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.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: "20.3.16", 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\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:inline-block}.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;align-items:center}.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() || '_blank'\"\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:inline-block}.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;align-items:center}.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: { idElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "idElement", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], buttonName: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonName", required: false }] }], buttonPress: [{ type: i0.Output, args: ["buttonPress"] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }], buttonKeyPress: [{ type: i0.Output, args: ["buttonKeyPress"] }], commonTemplate: [{ type: i0.ContentChild, args: ['commonTemplate', { isSignal: true }] }] } });
 
 class BmbUserImageComponent {
@@ -602,11 +603,11 @@ class BmbInputValidatorComponent {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbInputValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:rgb(var(--red-light))}.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:rgb(var(--red-light))}.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: "20.3.16", 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:rgb(var(--red-light))}.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:rgb(var(--red-light))}.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: "20.3.16", ngImport: i0, type: BmbInputValidatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-input-validator', standalone: true, imports: [CommonModule, ReactiveFormsModule, BmbTooltipComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:rgb(var(--red-light))}.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:rgb(var(--red-light))}.bmb_input-validator.disabled{pointer-events:none;opacity:.5}\n"] }]
+            args: [{ selector: 'bmb-input-validator', standalone: true, imports: [CommonModule, ReactiveFormsModule, BmbTooltipComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:rgb(var(--red-light))}.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:rgb(var(--red-light))}.bmb_input-validator.disabled{pointer-events:none;opacity:.5}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], isRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRequired", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], jsonFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "jsonFormat", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }], showMaxTextLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMaxTextLength", required: false }] }], helperMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "helperMessage", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], customValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "customValidation", required: false }] }], isMultipleFile: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMultipleFile", required: false }] }], showError: [{ type: i0.Input, args: [{ isSignal: true, alias: "showError", required: false }] }, { type: i0.Output, args: ["showErrorChange"] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }, { type: i0.Output, args: ["controlChange"] }] } });
 
 const showError = (control) => {
@@ -1187,9 +1188,9 @@ var dropdown$1 = {
 };
 var table$1 = {
 	filters: {
-		startDate: "Start Date",
+		startDate: "Fecha de inicio",
 		startDatePlaceholder: "Fecha de inicio",
-		endDate: "End Date",
+		endDate: "Fecha de fin",
 		endDatePlaceholder: "Fecha de fin",
 		min: " mínimo",
 		max: " máximo",
@@ -3062,11 +3063,11 @@ class BmbBadgeComponent {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: BmbBadgeComponent, isStandalone: true, selector: "bmb-badge", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section [ngClass]=\"getClasses()\">\n  <span class=\"bmb_badge-bullet\"></span>\n  <span class=\"bmb_badge-content\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_badge{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;display:inline-flex;justify-content:center;min-height:1.25rem;width:fit-content}.bmb_badge-content{display:inline-block;color:var(--general-contrasts-100);flex:1}.bmb_badge-bullet{border-radius:var(--bmb-radius-full);display:inline-block;height:.5rem;margin-right:.5rem;vertical-align:middle;width:.5rem}.bmb_badge-normal .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--blue-mariner-500))}.bmb_badge-success .bmb_badge-bullet{background-color:var(--semantic-success)}.bmb_badge-info .bmb_badge-bullet{background-color:var(--semantic-info-event)}.bmb_badge-warning .bmb_badge-bullet{background-color:var(--semantic-warning)}.bmb_badge-error .bmb_badge-bullet{background-color:var(--semantic-error)}.bmb_badge-brand .bmb_badge-bullet{background-color:var(--semantic-brand)}.bmb_badge-alert .bmb_badge-bullet{background-color:var(--semantic-alert)}.bmb_badge-background .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-mitec_blue .bmb_badge-bullet{background-color:var(--mitec-blue)}.bmb_badge-mitec_red .bmb_badge-bullet{background-color:var(--mitec-red)}.bmb_badge-mitec_green .bmb_badge-bullet{background-color:var(--mitec-green)}.bmb_badge-mitec_orange .bmb_badge-bullet{background-color:var(--mitec-orange)}.bmb_badge-mitec_purple .bmb_badge-bullet{background-color:var(--mitec-purple)}.bmb_badge-creative_violet .bmb_badge-bullet{background-color:var(--creative-use-violet)}.bmb_badge-creative_indigo .bmb_badge-bullet{background-color:var(--creative-use-indigo)}.bmb_badge-creative_emerald .bmb_badge-bullet{background-color:var(--creative-use-emerald)}.bmb_badge-creative_licorice .bmb_badge-bullet{background-color:var(--creative-use-licorice)}.bmb_badge-creative_darkteal .bmb_badge-bullet{background-color:var(--creative-use-dark-teal)}.bmb_badge-creative_peach .bmb_badge-bullet{background-color:var(--creative-use-peach)}.bmb_badge-creative_sepia .bmb_badge-bullet{background-color:var(--creative-use-sepia)}.bmb_badge-creative_softred .bmb_badge-bullet{background-color:var(--creative-use-soft-red)}.bmb_badge-creative_wattle .bmb_badge-bullet{background-color:var(--creative-use-wattle)}.bmb_badge-creative_shipcove .bmb_badge-bullet{background-color:var(--creative-use-ship-cove)}.bmb_badge-creative_plantation .bmb_badge-bullet{background-color:var(--creative-use-plantation)}.bmb_badge-creative_rum .bmb_badge-bullet{background-color:var(--creative-use-rum)}.bmb_badge-creative_hibiscus .bmb_badge-bullet{background-color:var(--creative-use-hibiscus)}.bmb_badge-creative_ripelemon .bmb_badge-bullet{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container{border-radius:2.5rem;min-height:1.5rem;padding:0 .75rem}.bmb_badge-container .bmb_badge-bullet{background-color:var(--general-contrasts-5)}.bmb_badge-container .bmb_badge-content{color:var(--general-contrasts-5)}.bmb_badge-container.bmb_badge-normal{background-color:var(--general_contrasts-50)}.bmb_badge-container.bmb_badge-strong{background-color:rgb(var(--blue-mariner-200))}.bmb_badge-container.bmb_badge-success{background-color:var(--semantic-success)}.bmb_badge-container.bmb_badge-info{background-color:var(--semantic-info-event)}.bmb_badge-container.bmb_badge-warning{background-color:var(--semantic-warning)}.bmb_badge-container.bmb_badge-error{background-color:var(--semantic-error)}.bmb_badge-container.bmb_badge-brand{background-color:var(--semantic-brand)}.bmb_badge-container.bmb_badge-alert{background-color:var(--semantic-alert)}.bmb_badge-container.bmb_badge-background,.bmb_badge-container.bmb_badge-disabled{background-color:transparent}.bmb_badge-container.bmb_badge-mitec_blue{background-color:var(--mitec-blue)}.bmb_badge-container.bmb_badge-mitec_red{background-color:var(--mitec-red)}.bmb_badge-container.bmb_badge-mitec_green{background-color:var(--mitec-green)}.bmb_badge-container.bmb_badge-mitec_orange{background-color:var(--mitec-orange)}.bmb_badge-container.bmb_badge-mitec_purple{background-color:var(--mitec-purple)}.bmb_badge-container.bmb_badge-creative_violet{background-color:var(--creative-use-violet)}.bmb_badge-container.bmb_badge-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_badge-container.bmb_badge-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_badge-container.bmb_badge-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_badge-container.bmb_badge-creative_darkteal{background-color:var(--creative-use-dark-teal)}.bmb_badge-container.bmb_badge-creative_peach{background-color:var(--creative-use-peach)}.bmb_badge-container.bmb_badge-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_badge-container.bmb_badge-creative_softred{background-color:var(--creative-use-soft-red)}.bmb_badge-container.bmb_badge-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_badge-container.bmb_badge-creative_shipcove{background-color:var(--creative-use-ship-cove)}.bmb_badge-container.bmb_badge-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_badge-container.bmb_badge-creative_rum{background-color:var(--creative-use-rum)}.bmb_badge-container.bmb_badge-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_badge-container.bmb_badge-creative_ripelemon{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-container.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-strong .bmb_badge-content{color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-normal .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-bullet{background-color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-normal .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-content{color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-disabled{background-color:var(--general-contrasts-15)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-background .bmb_badge-bullet,.bmb_badge-container.bmb_badge-background .bmb_badge-content{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: BmbBadgeComponent, isStandalone: true, selector: "bmb-badge", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section [ngClass]=\"getClasses()\">\n  <span class=\"bmb_badge-bullet\"></span>\n  <span class=\"bmb_badge-content\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_badge{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;display:inline-flex;justify-content:center;min-height:1.25rem;width:fit-content}.bmb_badge-content{display:inline-block;color:var(--general-contrasts-100);flex:1}.bmb_badge-bullet{border-radius:var(--bmb-radius-full);display:inline-block;height:.5rem;margin-right:.5rem;vertical-align:middle;width:.5rem}.bmb_badge-normal .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--blue-mariner-500))}.bmb_badge-success .bmb_badge-bullet{background-color:var(--semantic-success)}.bmb_badge-info .bmb_badge-bullet{background-color:var(--semantic-info-event)}.bmb_badge-warning .bmb_badge-bullet{background-color:var(--semantic-warning)}.bmb_badge-error .bmb_badge-bullet{background-color:var(--semantic-error)}.bmb_badge-brand .bmb_badge-bullet{background-color:var(--semantic-brand)}.bmb_badge-alert .bmb_badge-bullet{background-color:var(--semantic-alert)}.bmb_badge-background .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-mitec_blue .bmb_badge-bullet{background-color:var(--mitec-blue)}.bmb_badge-mitec_red .bmb_badge-bullet{background-color:var(--mitec-red)}.bmb_badge-mitec_green .bmb_badge-bullet{background-color:var(--mitec-green)}.bmb_badge-mitec_orange .bmb_badge-bullet{background-color:var(--mitec-orange)}.bmb_badge-mitec_purple .bmb_badge-bullet{background-color:var(--mitec-purple)}.bmb_badge-creative_violet .bmb_badge-bullet{background-color:var(--creative-use-violet)}.bmb_badge-creative_indigo .bmb_badge-bullet{background-color:var(--creative-use-indigo)}.bmb_badge-creative_emerald .bmb_badge-bullet{background-color:var(--creative-use-emerald)}.bmb_badge-creative_licorice .bmb_badge-bullet{background-color:var(--creative-use-licorice)}.bmb_badge-creative_darkteal .bmb_badge-bullet{background-color:var(--creative-use-dark-teal)}.bmb_badge-creative_peach .bmb_badge-bullet{background-color:var(--creative-use-peach)}.bmb_badge-creative_sepia .bmb_badge-bullet{background-color:var(--creative-use-sepia)}.bmb_badge-creative_softred .bmb_badge-bullet{background-color:var(--creative-use-soft-red)}.bmb_badge-creative_wattle .bmb_badge-bullet{background-color:var(--creative-use-wattle)}.bmb_badge-creative_shipcove .bmb_badge-bullet{background-color:var(--creative-use-ship-cove)}.bmb_badge-creative_plantation .bmb_badge-bullet{background-color:var(--creative-use-plantation)}.bmb_badge-creative_rum .bmb_badge-bullet{background-color:var(--creative-use-rum)}.bmb_badge-creative_hibiscus .bmb_badge-bullet{background-color:var(--creative-use-hibiscus)}.bmb_badge-creative_ripelemon .bmb_badge-bullet{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container{border-radius:2.5rem;min-height:1.5rem;padding:0 .75rem}.bmb_badge-container .bmb_badge-bullet{background-color:var(--general-contrasts-5)}.bmb_badge-container .bmb_badge-content{color:var(--general-contrasts-5)}.bmb_badge-container.bmb_badge-normal{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-strong{background-color:rgb(var(--blue-mariner-200))}.bmb_badge-container.bmb_badge-success{background-color:var(--semantic-success)}.bmb_badge-container.bmb_badge-info{background-color:var(--semantic-info-event)}.bmb_badge-container.bmb_badge-warning{background-color:var(--semantic-warning)}.bmb_badge-container.bmb_badge-error{background-color:var(--semantic-error)}.bmb_badge-container.bmb_badge-brand{background-color:var(--semantic-brand)}.bmb_badge-container.bmb_badge-alert{background-color:var(--semantic-alert)}.bmb_badge-container.bmb_badge-background,.bmb_badge-container.bmb_badge-disabled{background-color:transparent}.bmb_badge-container.bmb_badge-mitec_blue{background-color:var(--mitec-blue)}.bmb_badge-container.bmb_badge-mitec_red{background-color:var(--mitec-red)}.bmb_badge-container.bmb_badge-mitec_green{background-color:var(--mitec-green)}.bmb_badge-container.bmb_badge-mitec_orange{background-color:var(--mitec-orange)}.bmb_badge-container.bmb_badge-mitec_purple{background-color:var(--mitec-purple)}.bmb_badge-container.bmb_badge-creative_violet{background-color:var(--creative-use-violet)}.bmb_badge-container.bmb_badge-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_badge-container.bmb_badge-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_badge-container.bmb_badge-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_badge-container.bmb_badge-creative_darkteal{background-color:var(--creative-use-dark-teal)}.bmb_badge-container.bmb_badge-creative_peach{background-color:var(--creative-use-peach)}.bmb_badge-container.bmb_badge-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_badge-container.bmb_badge-creative_softred{background-color:var(--creative-use-soft-red)}.bmb_badge-container.bmb_badge-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_badge-container.bmb_badge-creative_shipcove{background-color:var(--creative-use-ship-cove)}.bmb_badge-container.bmb_badge-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_badge-container.bmb_badge-creative_rum{background-color:var(--creative-use-rum)}.bmb_badge-container.bmb_badge-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_badge-container.bmb_badge-creative_ripelemon{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-container.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-strong .bmb_badge-content{color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-normal .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-bullet{background-color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-normal .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-content{color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-disabled{background-color:var(--general-contrasts-15)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-background .bmb_badge-bullet,.bmb_badge-container.bmb_badge-background .bmb_badge-content{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-badge', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section [ngClass]=\"getClasses()\">\n  <span class=\"bmb_badge-bullet\"></span>\n  <span class=\"bmb_badge-content\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_badge{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;display:inline-flex;justify-content:center;min-height:1.25rem;width:fit-content}.bmb_badge-content{display:inline-block;color:var(--general-contrasts-100);flex:1}.bmb_badge-bullet{border-radius:var(--bmb-radius-full);display:inline-block;height:.5rem;margin-right:.5rem;vertical-align:middle;width:.5rem}.bmb_badge-normal .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--blue-mariner-500))}.bmb_badge-success .bmb_badge-bullet{background-color:var(--semantic-success)}.bmb_badge-info .bmb_badge-bullet{background-color:var(--semantic-info-event)}.bmb_badge-warning .bmb_badge-bullet{background-color:var(--semantic-warning)}.bmb_badge-error .bmb_badge-bullet{background-color:var(--semantic-error)}.bmb_badge-brand .bmb_badge-bullet{background-color:var(--semantic-brand)}.bmb_badge-alert .bmb_badge-bullet{background-color:var(--semantic-alert)}.bmb_badge-background .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-mitec_blue .bmb_badge-bullet{background-color:var(--mitec-blue)}.bmb_badge-mitec_red .bmb_badge-bullet{background-color:var(--mitec-red)}.bmb_badge-mitec_green .bmb_badge-bullet{background-color:var(--mitec-green)}.bmb_badge-mitec_orange .bmb_badge-bullet{background-color:var(--mitec-orange)}.bmb_badge-mitec_purple .bmb_badge-bullet{background-color:var(--mitec-purple)}.bmb_badge-creative_violet .bmb_badge-bullet{background-color:var(--creative-use-violet)}.bmb_badge-creative_indigo .bmb_badge-bullet{background-color:var(--creative-use-indigo)}.bmb_badge-creative_emerald .bmb_badge-bullet{background-color:var(--creative-use-emerald)}.bmb_badge-creative_licorice .bmb_badge-bullet{background-color:var(--creative-use-licorice)}.bmb_badge-creative_darkteal .bmb_badge-bullet{background-color:var(--creative-use-dark-teal)}.bmb_badge-creative_peach .bmb_badge-bullet{background-color:var(--creative-use-peach)}.bmb_badge-creative_sepia .bmb_badge-bullet{background-color:var(--creative-use-sepia)}.bmb_badge-creative_softred .bmb_badge-bullet{background-color:var(--creative-use-soft-red)}.bmb_badge-creative_wattle .bmb_badge-bullet{background-color:var(--creative-use-wattle)}.bmb_badge-creative_shipcove .bmb_badge-bullet{background-color:var(--creative-use-ship-cove)}.bmb_badge-creative_plantation .bmb_badge-bullet{background-color:var(--creative-use-plantation)}.bmb_badge-creative_rum .bmb_badge-bullet{background-color:var(--creative-use-rum)}.bmb_badge-creative_hibiscus .bmb_badge-bullet{background-color:var(--creative-use-hibiscus)}.bmb_badge-creative_ripelemon .bmb_badge-bullet{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container{border-radius:2.5rem;min-height:1.5rem;padding:0 .75rem}.bmb_badge-container .bmb_badge-bullet{background-color:var(--general-contrasts-5)}.bmb_badge-container .bmb_badge-content{color:var(--general-contrasts-5)}.bmb_badge-container.bmb_badge-normal{background-color:var(--general_contrasts-50)}.bmb_badge-container.bmb_badge-strong{background-color:rgb(var(--blue-mariner-200))}.bmb_badge-container.bmb_badge-success{background-color:var(--semantic-success)}.bmb_badge-container.bmb_badge-info{background-color:var(--semantic-info-event)}.bmb_badge-container.bmb_badge-warning{background-color:var(--semantic-warning)}.bmb_badge-container.bmb_badge-error{background-color:var(--semantic-error)}.bmb_badge-container.bmb_badge-brand{background-color:var(--semantic-brand)}.bmb_badge-container.bmb_badge-alert{background-color:var(--semantic-alert)}.bmb_badge-container.bmb_badge-background,.bmb_badge-container.bmb_badge-disabled{background-color:transparent}.bmb_badge-container.bmb_badge-mitec_blue{background-color:var(--mitec-blue)}.bmb_badge-container.bmb_badge-mitec_red{background-color:var(--mitec-red)}.bmb_badge-container.bmb_badge-mitec_green{background-color:var(--mitec-green)}.bmb_badge-container.bmb_badge-mitec_orange{background-color:var(--mitec-orange)}.bmb_badge-container.bmb_badge-mitec_purple{background-color:var(--mitec-purple)}.bmb_badge-container.bmb_badge-creative_violet{background-color:var(--creative-use-violet)}.bmb_badge-container.bmb_badge-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_badge-container.bmb_badge-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_badge-container.bmb_badge-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_badge-container.bmb_badge-creative_darkteal{background-color:var(--creative-use-dark-teal)}.bmb_badge-container.bmb_badge-creative_peach{background-color:var(--creative-use-peach)}.bmb_badge-container.bmb_badge-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_badge-container.bmb_badge-creative_softred{background-color:var(--creative-use-soft-red)}.bmb_badge-container.bmb_badge-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_badge-container.bmb_badge-creative_shipcove{background-color:var(--creative-use-ship-cove)}.bmb_badge-container.bmb_badge-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_badge-container.bmb_badge-creative_rum{background-color:var(--creative-use-rum)}.bmb_badge-container.bmb_badge-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_badge-container.bmb_badge-creative_ripelemon{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-container.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-strong .bmb_badge-content{color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-normal .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-bullet{background-color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-normal .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-content{color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-disabled{background-color:var(--general-contrasts-15)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-background .bmb_badge-bullet,.bmb_badge-container.bmb_badge-background .bmb_badge-content{display:none}\n"] }]
+            args: [{ selector: 'bmb-badge', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section [ngClass]=\"getClasses()\">\n  <span class=\"bmb_badge-bullet\"></span>\n  <span class=\"bmb_badge-content\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_badge{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;display:inline-flex;justify-content:center;min-height:1.25rem;width:fit-content}.bmb_badge-content{display:inline-block;color:var(--general-contrasts-100);flex:1}.bmb_badge-bullet{border-radius:var(--bmb-radius-full);display:inline-block;height:.5rem;margin-right:.5rem;vertical-align:middle;width:.5rem}.bmb_badge-normal .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--blue-mariner-500))}.bmb_badge-success .bmb_badge-bullet{background-color:var(--semantic-success)}.bmb_badge-info .bmb_badge-bullet{background-color:var(--semantic-info-event)}.bmb_badge-warning .bmb_badge-bullet{background-color:var(--semantic-warning)}.bmb_badge-error .bmb_badge-bullet{background-color:var(--semantic-error)}.bmb_badge-brand .bmb_badge-bullet{background-color:var(--semantic-brand)}.bmb_badge-alert .bmb_badge-bullet{background-color:var(--semantic-alert)}.bmb_badge-background .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-mitec_blue .bmb_badge-bullet{background-color:var(--mitec-blue)}.bmb_badge-mitec_red .bmb_badge-bullet{background-color:var(--mitec-red)}.bmb_badge-mitec_green .bmb_badge-bullet{background-color:var(--mitec-green)}.bmb_badge-mitec_orange .bmb_badge-bullet{background-color:var(--mitec-orange)}.bmb_badge-mitec_purple .bmb_badge-bullet{background-color:var(--mitec-purple)}.bmb_badge-creative_violet .bmb_badge-bullet{background-color:var(--creative-use-violet)}.bmb_badge-creative_indigo .bmb_badge-bullet{background-color:var(--creative-use-indigo)}.bmb_badge-creative_emerald .bmb_badge-bullet{background-color:var(--creative-use-emerald)}.bmb_badge-creative_licorice .bmb_badge-bullet{background-color:var(--creative-use-licorice)}.bmb_badge-creative_darkteal .bmb_badge-bullet{background-color:var(--creative-use-dark-teal)}.bmb_badge-creative_peach .bmb_badge-bullet{background-color:var(--creative-use-peach)}.bmb_badge-creative_sepia .bmb_badge-bullet{background-color:var(--creative-use-sepia)}.bmb_badge-creative_softred .bmb_badge-bullet{background-color:var(--creative-use-soft-red)}.bmb_badge-creative_wattle .bmb_badge-bullet{background-color:var(--creative-use-wattle)}.bmb_badge-creative_shipcove .bmb_badge-bullet{background-color:var(--creative-use-ship-cove)}.bmb_badge-creative_plantation .bmb_badge-bullet{background-color:var(--creative-use-plantation)}.bmb_badge-creative_rum .bmb_badge-bullet{background-color:var(--creative-use-rum)}.bmb_badge-creative_hibiscus .bmb_badge-bullet{background-color:var(--creative-use-hibiscus)}.bmb_badge-creative_ripelemon .bmb_badge-bullet{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container{border-radius:2.5rem;min-height:1.5rem;padding:0 .75rem}.bmb_badge-container .bmb_badge-bullet{background-color:var(--general-contrasts-5)}.bmb_badge-container .bmb_badge-content{color:var(--general-contrasts-5)}.bmb_badge-container.bmb_badge-normal{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-strong{background-color:rgb(var(--blue-mariner-200))}.bmb_badge-container.bmb_badge-success{background-color:var(--semantic-success)}.bmb_badge-container.bmb_badge-info{background-color:var(--semantic-info-event)}.bmb_badge-container.bmb_badge-warning{background-color:var(--semantic-warning)}.bmb_badge-container.bmb_badge-error{background-color:var(--semantic-error)}.bmb_badge-container.bmb_badge-brand{background-color:var(--semantic-brand)}.bmb_badge-container.bmb_badge-alert{background-color:var(--semantic-alert)}.bmb_badge-container.bmb_badge-background,.bmb_badge-container.bmb_badge-disabled{background-color:transparent}.bmb_badge-container.bmb_badge-mitec_blue{background-color:var(--mitec-blue)}.bmb_badge-container.bmb_badge-mitec_red{background-color:var(--mitec-red)}.bmb_badge-container.bmb_badge-mitec_green{background-color:var(--mitec-green)}.bmb_badge-container.bmb_badge-mitec_orange{background-color:var(--mitec-orange)}.bmb_badge-container.bmb_badge-mitec_purple{background-color:var(--mitec-purple)}.bmb_badge-container.bmb_badge-creative_violet{background-color:var(--creative-use-violet)}.bmb_badge-container.bmb_badge-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_badge-container.bmb_badge-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_badge-container.bmb_badge-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_badge-container.bmb_badge-creative_darkteal{background-color:var(--creative-use-dark-teal)}.bmb_badge-container.bmb_badge-creative_peach{background-color:var(--creative-use-peach)}.bmb_badge-container.bmb_badge-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_badge-container.bmb_badge-creative_softred{background-color:var(--creative-use-soft-red)}.bmb_badge-container.bmb_badge-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_badge-container.bmb_badge-creative_shipcove{background-color:var(--creative-use-ship-cove)}.bmb_badge-container.bmb_badge-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_badge-container.bmb_badge-creative_rum{background-color:var(--creative-use-rum)}.bmb_badge-container.bmb_badge-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_badge-container.bmb_badge-creative_ripelemon{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-container.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-strong .bmb_badge-content{color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-normal .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-bullet{background-color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-normal .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-content{color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-disabled{background-color:var(--general-contrasts-15)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-background .bmb_badge-bullet,.bmb_badge-container.bmb_badge-background .bmb_badge-content{display:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }] } });
 
 class BmbDropdownContentComponent {
@@ -3155,6 +3156,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: ['contentDiv', { static: true }]
             }] } });
 
+const isABotIcon = (iconName) => {
+    const botIcons = [
+        'bot_tecStandar',
+        'bot_chatGPT',
+        'bot_tecGPT',
+        'comment',
+        'new',
+        'bot_tecSchool',
+        'bot_tecTech',
+        'bot_tecSport',
+        'bot_tecPhone',
+        'bot_health',
+        'bot_tecScience',
+        'empty',
+        'anthropic',
+        'meta',
+        'google',
+        'xai',
+    ];
+    return botIcons.includes(iconName);
+};
+
 class BmbTextLinkComponent {
     constructor() {
         this.textLink = input.required(...(ngDevMode ? [{ debugName: "textLink" }] : []));
@@ -3177,8 +3200,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             type: Component,
             args: [{ selector: 'bmb-text-link', standalone: true, imports: [
                         CommonModule,
-                        BmbLayoutDirective,
-                        BmbLayoutItemDirective,
                         BmbCheckExternalLinkButtonComponent,
                         BmbIconComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span\n  class=\"bmb_text-link\"\n  [ngClass]=\"{\n    'bmb_text-link-underlined': textLinkStyle() === 'underlined',\n    'bmb_text-link-disabled': disabled()\n  }\"\n>\n  <bmb-check-external-link-button [link]=\"link()\" [target]=\"target()\">\n    <span\n      class=\"bmb_text-link-item\"\n      [ngClass]=\"{\n        'bmb_text-link-item-reverse':\n          textLinkStyle() === 'icon' && iconPosition() === 'right'\n      }\"\n    >\n      @if (textLinkStyle() === 'icon' && !!icon()) {\n        <bmb-icon\n          [icon]=\"icon()\"\n          [size]=\"20\"\n          [alt]=\"textLink()\"\n          class=\"bmb_text-link-item-icon\"\n        />\n      }\n      <span class=\"bmb_text-link-item-text\">\n        {{ textLink() }}\n      </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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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{display:inline-block}.bmb_text-link-disabled{opacity:.5;pointer-events:none}.bmb_text-link-underlined .bmb_text-link-item{translate:0}.bmb_text-link-underlined .bmb_text-link-item:after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:.0625rem;background:var(--buttons-text-link);transform:scaleX(0);transition:transform .2s ease}.bmb_text-link-underlined .bmb_text-link-item:hover:after{transform:scaleX(1)}.bmb_text-link-item{display:flex;position:relative;flex-flow:row;align-items:center;line-height:1rem;translate:0 .3125rem}.bmb_text-link-item-reverse{flex-direction:row-reverse;translate:0}.bmb_text-link-item-text{line-height:1rem}.bmb_text-link>bmb-check-external-link-button{display:inline-block}bmb-text-link{display:inline-block}\n"] }]
@@ -3251,8 +3272,11 @@ class BmbCardButtonComponent {
             !this.isFullInteractive())
             this.onAddContentClick.emit(event);
     }
+    isABotTemplate(icon) {
+        return isABotIcon(icon);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbCardButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbCardButtonComponent, isStandalone: true, selector: "bmb-card-button", inputs: { isFullInteractive: { classPropertyName: "isFullInteractive", publicName: "isFullInteractive", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, leftContentIcon: { classPropertyName: "leftContentIcon", publicName: "leftContentIcon", isSignal: true, isRequired: false, transformFunction: null }, leftContentImage: { classPropertyName: "leftContentImage", publicName: "leftContentImage", isSignal: true, isRequired: false, transformFunction: null }, leftContent: { classPropertyName: "leftContent", publicName: "leftContent", isSignal: true, isRequired: false, transformFunction: null }, hasMenu: { classPropertyName: "hasMenu", publicName: "hasMenu", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, isTemplate: { classPropertyName: "isTemplate", publicName: "isTemplate", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, isSmall: { classPropertyName: "isSmall", publicName: "isSmall", isSignal: true, isRequired: false, transformFunction: null }, botIcon: { classPropertyName: "botIcon", publicName: "botIcon", isSignal: true, isRequired: false, transformFunction: null }, botImage: { classPropertyName: "botImage", publicName: "botImage", isSignal: true, isRequired: false, transformFunction: null }, smallIcon: { classPropertyName: "smallIcon", publicName: "smallIcon", isSignal: true, isRequired: false, transformFunction: null }, smallTitle: { classPropertyName: "smallTitle", publicName: "smallTitle", isSignal: true, isRequired: false, transformFunction: null }, smallDescription: { classPropertyName: "smallDescription", publicName: "smallDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAddContentClick: "onAddContentClick", onTitleClick: "onTitleClick", onSmallClick: "onSmallClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_card_button\">\n  @if (isSmall()) {\n    <button\n      type=\"button\"\n      class=\"bmb_card_button-small\"\n      [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n      (click)=\"handleSmallClick($event)\"\n    >\n      <div class=\"bmb_card_button-small-front\">\n        <bmb-icon\n          [icon]=\"smallIcon()\"\n          [size]=\"24\"\n          class=\"bmb_card_button-small-top-icon\"\n          alt=\"Small icon\"\n        />\n        <bmb-icon [size]=\"48\" [alt]=\"botImage()?.alt!\" [isSVGTemplate]=\"true\">\n          <ng-template #customIcon>\n            <bmb-bot-icon [iconName]=\"botImage()?.src!\" />\n          </ng-template>\n        </bmb-icon>\n        <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n      </div>\n      <div class=\"bmb_card_button-small-back\">\n        <bmb-icon\n          icon=\"close\"\n          [size]=\"24\"\n          class=\"bmb_card_button-small-close-icon\"\n        />\n        <div class=\"bmb_card_button-small-text\">\n          {{ smallDescription() }}\n        </div>\n      </div>\n    </button>\n  } @else if (isFullInteractive()) {\n    <section\n      tabindex=\"0\"\n      class=\"bmb_card_button-wrapper\"\n      [ngClass]=\"{\n        'bmb_card_button-wrapper-button':\n          leftContent() &&\n          !leftContentIcon() &&\n          leftContentImage() &&\n          !textLink(),\n        disabled: isDisabled()\n      }\"\n      aria-label=\"button\"\n      (click)=\"handleAddContent($event)\"\n      (keypress)=\"handleAddContent($event)\"\n    >\n      @if (leftContent() || isTemplate() || hasMenu()) {\n        <section class=\"bmb_card_button-box\">\n          @if (leftContent()) {\n            <section\n              class=\"bmb_card_button-left\"\n              [ngClass]=\"{\n                'bmb_card_button-top-header': !leftContentIcon(),\n                'bmb_card_button-top-header-start':\n                  !leftContentIcon() && !!badge()\n              }\"\n            >\n              @if (!!leftContentIcon()) {\n                <div class=\"bmb_card_button-circle\">\n                  <bmb-icon\n                    [icon]=\"leftContentIcon()\"\n                    [size]=\"32\"\n                    class=\"bmb_card_button-circle-icon\"\n                    [alt]=\"title()\"\n                  />\n                </div>\n              } @else {\n                <img\n                  class=\"bmb_card_button-top-header-image\"\n                  [src]=\"leftContentImage()?.src\"\n                  [alt]=\"leftContentImage()?.alt\"\n                />\n                <section class=\"bmb_card_button-top-header-container\">\n                  @if (!!badge()) {\n                    <bmb-badge\n                      class=\"bmb_card_button-top-header-container-title\"\n                      [text]=\"badge()?.text!\"\n                      [appearance]=\"badge()?.appearance ?? 'normal'\"\n                      [container]=\"badge()?.container ?? true\"\n                    />\n                  }\n                  <h2 class=\"bmb_card_button-top-header-container-title\">\n                    {{ title() }}\n                  </h2>\n                </section>\n              }\n            </section>\n          }\n          <section class=\"bmb_card_button-leading\">\n            @if (isTemplate()) {\n              <div class=\"bmb_card_button-template\">\n                <ng-content />\n              </div>\n            }\n\n            @if (hasMenu()) {\n              <bmb-dropdown-menu\n                class=\"bmb_card_button-menu\"\n                [items]=\"menuItems()\"\n              />\n            }\n          </section>\n        </section>\n      }\n      @if (!!leftContentIcon() && !leftContentImage()) {\n        <section\n          tabindex=\"0\"\n          class=\"bmb_card_button-header\"\n          (click)=\"handleTitleClick($event)\"\n          aria-label=\"button\"\n          (keypress)=\"handleTitleClick($event)\"\n        >\n          <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n          <bmb-icon\n            [icon]=\"icon()\"\n            [size]=\"16\"\n            class=\"bmb_card_button-header-icon\"\n          />\n        </section>\n      }\n\n      @if (\n        (leftContent() &&\n          !leftContentIcon() &&\n          leftContentImage() &&\n          textLink()) ||\n        body()\n      ) {\n        <section class=\"bmb_card_button-body\">\n          {{ body() }}\n\n          @if (\n            leftContent() &&\n            !leftContentIcon() &&\n            leftContentImage() &&\n            textLink()\n          ) {\n            <bmb-text-link\n              [textLink]=\"textLink()?.label!\"\n              icon=\"\"\n              [link]=\"textLink()?.link!\"\n              [target]=\"textLink()?.target!\"\n            />\n          }\n        </section>\n      }\n      <div class=\"bmb_card_button-custom-content\">\n        <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\n      </div>\n    </section>\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_card_button-add\"\n      [disabled]=\"isDisabled()\"\n      (click)=\"handleAddContent($event)\"\n    >\n      <bmb-icon\n        [icon]=\"icon()\"\n        [size]=\"48\"\n        class=\"bmb_card_button-add-icon\"\n        [isFill]=\"false\"\n        [alt]=\"title()\"\n      />\n      <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n    </button>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-4);height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:var(--bmb-radius-4);border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general-contrasts-15)}.bmb_card_button-wrapper:hover:not(:disabled) .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-400))}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general-contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-wrapper.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general-contrasts-100);border-radius:var(--bmb-radius-full);color:var(--general-contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:var(--bmb-radius-3);height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general-contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general-contrasts-100)}.bmb_card_button-header-icon{color:rgb(var(--gray-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general-contrasts-80)}.bmb_card_button-body .bmb_text-link-item-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general-contrasts-75)}.bmb_card_button-add{background-color:var(--buttons-primary-normal);outline:0 solid transparent;color:var(--buttons-alternative-normal);width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-card-hover-background);color:var(--buttons-card-hover-text)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled),.bmb_card_button-add:focus-visible:not(:disabled),.bmb_card_button-add:hover:active:not(:disabled){background-color:var(--buttons-primary-select);outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow);color:var(--buttons-alternative-normal)}.bmb_card_button-add:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general-contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:var(--bmb-radius-2);background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:var(--bmb-radius-2);display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-container-outline);color:var(--general-contrasts-75);border-radius:var(--bmb-radius-2);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general-contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general-contrasts-75)}.bmb_card_button-small-title{font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general-contrasts-50);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general-contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-500))}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--blue-mariner-400))}\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: BmbBotIconComponent, selector: "bmb-bot-icon", inputs: ["iconName"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbCardButtonComponent, isStandalone: true, selector: "bmb-card-button", inputs: { isFullInteractive: { classPropertyName: "isFullInteractive", publicName: "isFullInteractive", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, leftContentIcon: { classPropertyName: "leftContentIcon", publicName: "leftContentIcon", isSignal: true, isRequired: false, transformFunction: null }, leftContentImage: { classPropertyName: "leftContentImage", publicName: "leftContentImage", isSignal: true, isRequired: false, transformFunction: null }, leftContent: { classPropertyName: "leftContent", publicName: "leftContent", isSignal: true, isRequired: false, transformFunction: null }, hasMenu: { classPropertyName: "hasMenu", publicName: "hasMenu", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, isTemplate: { classPropertyName: "isTemplate", publicName: "isTemplate", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, isSmall: { classPropertyName: "isSmall", publicName: "isSmall", isSignal: true, isRequired: false, transformFunction: null }, botIcon: { classPropertyName: "botIcon", publicName: "botIcon", isSignal: true, isRequired: false, transformFunction: null }, botImage: { classPropertyName: "botImage", publicName: "botImage", isSignal: true, isRequired: false, transformFunction: null }, smallIcon: { classPropertyName: "smallIcon", publicName: "smallIcon", isSignal: true, isRequired: false, transformFunction: null }, smallTitle: { classPropertyName: "smallTitle", publicName: "smallTitle", isSignal: true, isRequired: false, transformFunction: null }, smallDescription: { classPropertyName: "smallDescription", publicName: "smallDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAddContentClick: "onAddContentClick", onTitleClick: "onTitleClick", onSmallClick: "onSmallClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_card_button\">\n  @if (isSmall()) {\n    <button\n      type=\"button\"\n      class=\"bmb_card_button-small\"\n      [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n      (click)=\"handleSmallClick($event)\"\n    >\n      <div class=\"bmb_card_button-small-front\">\n        <bmb-icon\n          [icon]=\"smallIcon()\"\n          [size]=\"24\"\n          class=\"bmb_card_button-small-top-icon\"\n          alt=\"Small icon\"\n        />\n        @if (isABotTemplate(botImage()?.src!)) {\n          <bmb-icon [size]=\"48\" [alt]=\"botImage()?.alt!\" [isSVGTemplate]=\"true\">\n            <ng-template #customIcon>\n              <bmb-bot-icon [iconName]=\"botImage()?.src!\" />\n            </ng-template>\n          </bmb-icon>\n        } @else {\n          <bmb-icon\n            [size]=\"48\"\n            [alt]=\"botImage()?.alt!\"\n            [icon]=\"botImage()?.src!\"\n          ></bmb-icon>\n        }\n        <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n      </div>\n      <div class=\"bmb_card_button-small-back\">\n        <bmb-icon\n          icon=\"close\"\n          [size]=\"24\"\n          class=\"bmb_card_button-small-close-icon\"\n        />\n        <div class=\"bmb_card_button-small-text\">\n          {{ smallDescription() }}\n        </div>\n      </div>\n    </button>\n  } @else if (isFullInteractive()) {\n    <section\n      tabindex=\"0\"\n      class=\"bmb_card_button-wrapper\"\n      [ngClass]=\"{\n        'bmb_card_button-wrapper-button':\n          leftContent() &&\n          !leftContentIcon() &&\n          leftContentImage() &&\n          !textLink(),\n        disabled: isDisabled()\n      }\"\n      aria-label=\"button\"\n      (click)=\"handleAddContent($event)\"\n      (keypress)=\"handleAddContent($event)\"\n    >\n      @if (leftContent() || isTemplate() || hasMenu()) {\n        <section class=\"bmb_card_button-box\">\n          @if (leftContent()) {\n            <section\n              class=\"bmb_card_button-left\"\n              [ngClass]=\"{\n                'bmb_card_button-top-header': !leftContentIcon(),\n                'bmb_card_button-top-header-start':\n                  !leftContentIcon() && !!badge()\n              }\"\n            >\n              @if (!!leftContentIcon()) {\n                <div class=\"bmb_card_button-circle\">\n                  <bmb-icon\n                    [icon]=\"leftContentIcon()\"\n                    [size]=\"32\"\n                    class=\"bmb_card_button-circle-icon\"\n                    [alt]=\"title()\"\n                  />\n                </div>\n              } @else {\n                <img\n                  class=\"bmb_card_button-top-header-image\"\n                  [src]=\"leftContentImage()?.src\"\n                  [alt]=\"leftContentImage()?.alt\"\n                />\n                <section class=\"bmb_card_button-top-header-container\">\n                  @if (!!badge()) {\n                    <bmb-badge\n                      class=\"bmb_card_button-top-header-container-title\"\n                      [text]=\"badge()?.text!\"\n                      [appearance]=\"badge()?.appearance ?? 'normal'\"\n                      [container]=\"badge()?.container ?? true\"\n                    />\n                  }\n                  <h2 class=\"bmb_card_button-top-header-container-title\">\n                    {{ title() }}\n                  </h2>\n                </section>\n              }\n            </section>\n          }\n          <section class=\"bmb_card_button-leading\">\n            @if (isTemplate()) {\n              <div class=\"bmb_card_button-template\">\n                <ng-content />\n              </div>\n            }\n\n            @if (hasMenu()) {\n              <bmb-dropdown-menu\n                class=\"bmb_card_button-menu\"\n                [items]=\"menuItems()\"\n              />\n            }\n          </section>\n        </section>\n      }\n      @if (!!leftContentIcon() && !leftContentImage()) {\n        <section\n          tabindex=\"0\"\n          class=\"bmb_card_button-header\"\n          (click)=\"handleTitleClick($event)\"\n          aria-label=\"button\"\n          (keypress)=\"handleTitleClick($event)\"\n        >\n          <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n          <bmb-icon\n            [icon]=\"icon()\"\n            [size]=\"16\"\n            class=\"bmb_card_button-header-icon\"\n          />\n        </section>\n      }\n\n      @if (\n        (leftContent() &&\n          !leftContentIcon() &&\n          leftContentImage() &&\n          textLink()) ||\n        body()\n      ) {\n        <section class=\"bmb_card_button-body\">\n          {{ body() }}\n\n          @if (\n            leftContent() &&\n            !leftContentIcon() &&\n            leftContentImage() &&\n            textLink()\n          ) {\n            <bmb-text-link\n              [textLink]=\"textLink()?.label!\"\n              icon=\"\"\n              [link]=\"textLink()?.link!\"\n              [target]=\"textLink()?.target!\"\n            />\n          }\n        </section>\n      }\n      <div class=\"bmb_card_button-custom-content\">\n        <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\n      </div>\n    </section>\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_card_button-add\"\n      [disabled]=\"isDisabled()\"\n      (click)=\"handleAddContent($event)\"\n    >\n      <bmb-icon\n        [icon]=\"icon()\"\n        [size]=\"48\"\n        class=\"bmb_card_button-add-icon\"\n        [isFill]=\"false\"\n        [alt]=\"title()\"\n      />\n      <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n    </button>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-4);height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:var(--bmb-radius-4);border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general-contrasts-15)}.bmb_card_button-wrapper:hover:not(:disabled) .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-400))}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general-contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-wrapper.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general-contrasts-100);border-radius:var(--bmb-radius-full);color:var(--general-contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:var(--bmb-radius-3);height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general-contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general-contrasts-100)}.bmb_card_button-header-icon{color:rgb(var(--gray-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general-contrasts-80)}.bmb_card_button-body .bmb_text-link-item-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general-contrasts-75)}.bmb_card_button-add{background-color:var(--buttons-primary-normal);outline:0 solid transparent;color:var(--buttons-alternative-normal);width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-card-hover-background);color:var(--buttons-card-hover-text)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled),.bmb_card_button-add:focus-visible:not(:disabled),.bmb_card_button-add:hover:active:not(:disabled){background-color:var(--buttons-primary-select);outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow);color:var(--buttons-alternative-normal)}.bmb_card_button-add:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general-contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:var(--bmb-radius-2);background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:var(--bmb-radius-2);display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-container-outline);color:var(--general-contrasts-75);border-radius:var(--bmb-radius-2);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general-contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general-contrasts-75)}.bmb_card_button-small-title{font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general-contrasts-50);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general-contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-500))}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--blue-mariner-400))}\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: BmbBotIconComponent, selector: "bmb-bot-icon", inputs: ["iconName"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbCardButtonComponent, decorators: [{
             type: Component,
@@ -3264,7 +3288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbBadgeComponent,
                         BmbDropdownMenuComponent,
                         BmbTextLinkComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_card_button\">\n  @if (isSmall()) {\n    <button\n      type=\"button\"\n      class=\"bmb_card_button-small\"\n      [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n      (click)=\"handleSmallClick($event)\"\n    >\n      <div class=\"bmb_card_button-small-front\">\n        <bmb-icon\n          [icon]=\"smallIcon()\"\n          [size]=\"24\"\n          class=\"bmb_card_button-small-top-icon\"\n          alt=\"Small icon\"\n        />\n        <bmb-icon [size]=\"48\" [alt]=\"botImage()?.alt!\" [isSVGTemplate]=\"true\">\n          <ng-template #customIcon>\n            <bmb-bot-icon [iconName]=\"botImage()?.src!\" />\n          </ng-template>\n        </bmb-icon>\n        <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n      </div>\n      <div class=\"bmb_card_button-small-back\">\n        <bmb-icon\n          icon=\"close\"\n          [size]=\"24\"\n          class=\"bmb_card_button-small-close-icon\"\n        />\n        <div class=\"bmb_card_button-small-text\">\n          {{ smallDescription() }}\n        </div>\n      </div>\n    </button>\n  } @else if (isFullInteractive()) {\n    <section\n      tabindex=\"0\"\n      class=\"bmb_card_button-wrapper\"\n      [ngClass]=\"{\n        'bmb_card_button-wrapper-button':\n          leftContent() &&\n          !leftContentIcon() &&\n          leftContentImage() &&\n          !textLink(),\n        disabled: isDisabled()\n      }\"\n      aria-label=\"button\"\n      (click)=\"handleAddContent($event)\"\n      (keypress)=\"handleAddContent($event)\"\n    >\n      @if (leftContent() || isTemplate() || hasMenu()) {\n        <section class=\"bmb_card_button-box\">\n          @if (leftContent()) {\n            <section\n              class=\"bmb_card_button-left\"\n              [ngClass]=\"{\n                'bmb_card_button-top-header': !leftContentIcon(),\n                'bmb_card_button-top-header-start':\n                  !leftContentIcon() && !!badge()\n              }\"\n            >\n              @if (!!leftContentIcon()) {\n                <div class=\"bmb_card_button-circle\">\n                  <bmb-icon\n                    [icon]=\"leftContentIcon()\"\n                    [size]=\"32\"\n                    class=\"bmb_card_button-circle-icon\"\n                    [alt]=\"title()\"\n                  />\n                </div>\n              } @else {\n                <img\n                  class=\"bmb_card_button-top-header-image\"\n                  [src]=\"leftContentImage()?.src\"\n                  [alt]=\"leftContentImage()?.alt\"\n                />\n                <section class=\"bmb_card_button-top-header-container\">\n                  @if (!!badge()) {\n                    <bmb-badge\n                      class=\"bmb_card_button-top-header-container-title\"\n                      [text]=\"badge()?.text!\"\n                      [appearance]=\"badge()?.appearance ?? 'normal'\"\n                      [container]=\"badge()?.container ?? true\"\n                    />\n                  }\n                  <h2 class=\"bmb_card_button-top-header-container-title\">\n                    {{ title() }}\n                  </h2>\n                </section>\n              }\n            </section>\n          }\n          <section class=\"bmb_card_button-leading\">\n            @if (isTemplate()) {\n              <div class=\"bmb_card_button-template\">\n                <ng-content />\n              </div>\n            }\n\n            @if (hasMenu()) {\n              <bmb-dropdown-menu\n                class=\"bmb_card_button-menu\"\n                [items]=\"menuItems()\"\n              />\n            }\n          </section>\n        </section>\n      }\n      @if (!!leftContentIcon() && !leftContentImage()) {\n        <section\n          tabindex=\"0\"\n          class=\"bmb_card_button-header\"\n          (click)=\"handleTitleClick($event)\"\n          aria-label=\"button\"\n          (keypress)=\"handleTitleClick($event)\"\n        >\n          <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n          <bmb-icon\n            [icon]=\"icon()\"\n            [size]=\"16\"\n            class=\"bmb_card_button-header-icon\"\n          />\n        </section>\n      }\n\n      @if (\n        (leftContent() &&\n          !leftContentIcon() &&\n          leftContentImage() &&\n          textLink()) ||\n        body()\n      ) {\n        <section class=\"bmb_card_button-body\">\n          {{ body() }}\n\n          @if (\n            leftContent() &&\n            !leftContentIcon() &&\n            leftContentImage() &&\n            textLink()\n          ) {\n            <bmb-text-link\n              [textLink]=\"textLink()?.label!\"\n              icon=\"\"\n              [link]=\"textLink()?.link!\"\n              [target]=\"textLink()?.target!\"\n            />\n          }\n        </section>\n      }\n      <div class=\"bmb_card_button-custom-content\">\n        <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\n      </div>\n    </section>\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_card_button-add\"\n      [disabled]=\"isDisabled()\"\n      (click)=\"handleAddContent($event)\"\n    >\n      <bmb-icon\n        [icon]=\"icon()\"\n        [size]=\"48\"\n        class=\"bmb_card_button-add-icon\"\n        [isFill]=\"false\"\n        [alt]=\"title()\"\n      />\n      <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n    </button>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-4);height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:var(--bmb-radius-4);border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general-contrasts-15)}.bmb_card_button-wrapper:hover:not(:disabled) .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-400))}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general-contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-wrapper.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general-contrasts-100);border-radius:var(--bmb-radius-full);color:var(--general-contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:var(--bmb-radius-3);height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general-contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general-contrasts-100)}.bmb_card_button-header-icon{color:rgb(var(--gray-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general-contrasts-80)}.bmb_card_button-body .bmb_text-link-item-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general-contrasts-75)}.bmb_card_button-add{background-color:var(--buttons-primary-normal);outline:0 solid transparent;color:var(--buttons-alternative-normal);width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-card-hover-background);color:var(--buttons-card-hover-text)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled),.bmb_card_button-add:focus-visible:not(:disabled),.bmb_card_button-add:hover:active:not(:disabled){background-color:var(--buttons-primary-select);outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow);color:var(--buttons-alternative-normal)}.bmb_card_button-add:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general-contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:var(--bmb-radius-2);background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:var(--bmb-radius-2);display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-container-outline);color:var(--general-contrasts-75);border-radius:var(--bmb-radius-2);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general-contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general-contrasts-75)}.bmb_card_button-small-title{font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general-contrasts-50);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general-contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-500))}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--blue-mariner-400))}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_card_button\">\n  @if (isSmall()) {\n    <button\n      type=\"button\"\n      class=\"bmb_card_button-small\"\n      [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n      (click)=\"handleSmallClick($event)\"\n    >\n      <div class=\"bmb_card_button-small-front\">\n        <bmb-icon\n          [icon]=\"smallIcon()\"\n          [size]=\"24\"\n          class=\"bmb_card_button-small-top-icon\"\n          alt=\"Small icon\"\n        />\n        @if (isABotTemplate(botImage()?.src!)) {\n          <bmb-icon [size]=\"48\" [alt]=\"botImage()?.alt!\" [isSVGTemplate]=\"true\">\n            <ng-template #customIcon>\n              <bmb-bot-icon [iconName]=\"botImage()?.src!\" />\n            </ng-template>\n          </bmb-icon>\n        } @else {\n          <bmb-icon\n            [size]=\"48\"\n            [alt]=\"botImage()?.alt!\"\n            [icon]=\"botImage()?.src!\"\n          ></bmb-icon>\n        }\n        <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n      </div>\n      <div class=\"bmb_card_button-small-back\">\n        <bmb-icon\n          icon=\"close\"\n          [size]=\"24\"\n          class=\"bmb_card_button-small-close-icon\"\n        />\n        <div class=\"bmb_card_button-small-text\">\n          {{ smallDescription() }}\n        </div>\n      </div>\n    </button>\n  } @else if (isFullInteractive()) {\n    <section\n      tabindex=\"0\"\n      class=\"bmb_card_button-wrapper\"\n      [ngClass]=\"{\n        'bmb_card_button-wrapper-button':\n          leftContent() &&\n          !leftContentIcon() &&\n          leftContentImage() &&\n          !textLink(),\n        disabled: isDisabled()\n      }\"\n      aria-label=\"button\"\n      (click)=\"handleAddContent($event)\"\n      (keypress)=\"handleAddContent($event)\"\n    >\n      @if (leftContent() || isTemplate() || hasMenu()) {\n        <section class=\"bmb_card_button-box\">\n          @if (leftContent()) {\n            <section\n              class=\"bmb_card_button-left\"\n              [ngClass]=\"{\n                'bmb_card_button-top-header': !leftContentIcon(),\n                'bmb_card_button-top-header-start':\n                  !leftContentIcon() && !!badge()\n              }\"\n            >\n              @if (!!leftContentIcon()) {\n                <div class=\"bmb_card_button-circle\">\n                  <bmb-icon\n                    [icon]=\"leftContentIcon()\"\n                    [size]=\"32\"\n                    class=\"bmb_card_button-circle-icon\"\n                    [alt]=\"title()\"\n                  />\n                </div>\n              } @else {\n                <img\n                  class=\"bmb_card_button-top-header-image\"\n                  [src]=\"leftContentImage()?.src\"\n                  [alt]=\"leftContentImage()?.alt\"\n                />\n                <section class=\"bmb_card_button-top-header-container\">\n                  @if (!!badge()) {\n                    <bmb-badge\n                      class=\"bmb_card_button-top-header-container-title\"\n                      [text]=\"badge()?.text!\"\n                      [appearance]=\"badge()?.appearance ?? 'normal'\"\n                      [container]=\"badge()?.container ?? true\"\n                    />\n                  }\n                  <h2 class=\"bmb_card_button-top-header-container-title\">\n                    {{ title() }}\n                  </h2>\n                </section>\n              }\n            </section>\n          }\n          <section class=\"bmb_card_button-leading\">\n            @if (isTemplate()) {\n              <div class=\"bmb_card_button-template\">\n                <ng-content />\n              </div>\n            }\n\n            @if (hasMenu()) {\n              <bmb-dropdown-menu\n                class=\"bmb_card_button-menu\"\n                [items]=\"menuItems()\"\n              />\n            }\n          </section>\n        </section>\n      }\n      @if (!!leftContentIcon() && !leftContentImage()) {\n        <section\n          tabindex=\"0\"\n          class=\"bmb_card_button-header\"\n          (click)=\"handleTitleClick($event)\"\n          aria-label=\"button\"\n          (keypress)=\"handleTitleClick($event)\"\n        >\n          <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n          <bmb-icon\n            [icon]=\"icon()\"\n            [size]=\"16\"\n            class=\"bmb_card_button-header-icon\"\n          />\n        </section>\n      }\n\n      @if (\n        (leftContent() &&\n          !leftContentIcon() &&\n          leftContentImage() &&\n          textLink()) ||\n        body()\n      ) {\n        <section class=\"bmb_card_button-body\">\n          {{ body() }}\n\n          @if (\n            leftContent() &&\n            !leftContentIcon() &&\n            leftContentImage() &&\n            textLink()\n          ) {\n            <bmb-text-link\n              [textLink]=\"textLink()?.label!\"\n              icon=\"\"\n              [link]=\"textLink()?.link!\"\n              [target]=\"textLink()?.target!\"\n            />\n          }\n        </section>\n      }\n      <div class=\"bmb_card_button-custom-content\">\n        <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\n      </div>\n    </section>\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_card_button-add\"\n      [disabled]=\"isDisabled()\"\n      (click)=\"handleAddContent($event)\"\n    >\n      <bmb-icon\n        [icon]=\"icon()\"\n        [size]=\"48\"\n        class=\"bmb_card_button-add-icon\"\n        [isFill]=\"false\"\n        [alt]=\"title()\"\n      />\n      <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n    </button>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-4);height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:var(--bmb-radius-4);border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general-contrasts-15)}.bmb_card_button-wrapper:hover:not(:disabled) .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-400))}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general-contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-wrapper.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general-contrasts-100);border-radius:var(--bmb-radius-full);color:var(--general-contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:var(--bmb-radius-3);height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general-contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general-contrasts-100)}.bmb_card_button-header-icon{color:rgb(var(--gray-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general-contrasts-80)}.bmb_card_button-body .bmb_text-link-item-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general-contrasts-75)}.bmb_card_button-add{background-color:var(--buttons-primary-normal);outline:0 solid transparent;color:var(--buttons-alternative-normal);width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-card-hover-background);color:var(--buttons-card-hover-text)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled),.bmb_card_button-add:focus-visible:not(:disabled),.bmb_card_button-add:hover:active:not(:disabled){background-color:var(--buttons-primary-select);outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow);color:var(--buttons-alternative-normal)}.bmb_card_button-add:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general-contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:var(--bmb-radius-2);background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:var(--bmb-radius-2);display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-container-outline);color:var(--general-contrasts-75);border-radius:var(--bmb-radius-2);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general-contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general-contrasts-75)}.bmb_card_button-small-title{font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general-contrasts-50);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general-contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-500))}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--blue-mariner-400))}\n"] }]
         }], propDecorators: { isFullInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFullInteractive", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], body: [{ type: i0.Input, args: [{ isSignal: true, alias: "body", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], leftContentIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "leftContentIcon", required: false }] }], leftContentImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "leftContentImage", required: false }] }], leftContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "leftContent", required: false }] }], hasMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMenu", required: false }] }], menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: false }] }], isTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTemplate", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], textLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "textLink", required: false }] }], onAddContentClick: [{ type: i0.Output, args: ["onAddContentClick"] }], onTitleClick: [{ type: i0.Output, args: ["onTitleClick"] }], onSmallClick: [{ type: i0.Output, args: ["onSmallClick"] }], isSmall: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSmall", required: false }] }], botIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "botIcon", required: false }] }], botImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "botImage", required: false }] }], smallIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "smallIcon", required: false }] }], smallTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "smallTitle", required: false }] }], smallDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "smallDescription", required: false }] }], customContent: [{ type: i0.ContentChild, args: ['customContent', { isSignal: true }] }] } });
 
 class BmbSwitchComponent {
@@ -3535,7 +3559,7 @@ class BmbInputContentComponent {
         this.onKeyUp.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbInputContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbInputContentComponent, isStandalone: true, selector: "bmb-input-content", inputs: { 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 }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", 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 }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, isReadOnly: { classPropertyName: "isReadOnly", publicName: "isReadOnly", isSignal: true, isRequired: false, transformFunction: null }, additionalAction: { classPropertyName: "additionalAction", publicName: "additionalAction", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null }, showStates: { classPropertyName: "showStates", publicName: "showStates", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onFocus: "onFocus", onBlur: "onBlur", onChange: "onChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", clearEvent: "clearEvent" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_field\">\n  <section class=\"bmb_field-wrapper\">\n    @if (!!icon() && type() !== 'text-area') {\n      <bmb-icon\n        class=\"bmb_field-icon\"\n        [ngClass]=\"{\n          'bmb_field-icon-simple': appearance() === 'simple',\n          'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n          'bmb_field-icon-simple-error': appearance() === 'simple' && isError()\n        }\"\n        [icon]=\"icon()\"\n        [size]=\"24\"\n        [alt]=\"name()\"\n      />\n    }\n    @if (type() === 'text-area') {\n      <textarea\n        class=\"bmb_field-text-area\"\n        [ngClass]=\"inputClasses\"\n        [autocomplete]=\"autoComplete()\"\n        [placeholder]=\"placeholder()\"\n        [required]=\"isRequired()\"\n        [formControl]=\"control()\"\n        [maxlength]=\"maxLength()!\"\n        [style.height.px]=\"heightTextArea()!\"\n        [minlength]=\"minLength()!\"\n        [spellcheck]=\"spellcheck()\"\n        [rows]=\"rows()\"\n        [name]=\"name()\"\n        [id]=\"inputId()\"\n        [pattern]=\"pattern()!\"\n        [tabindex]=\"control().disabled ? -1 : 0\"\n        (keydown)=\"handleKeyPress($event)\"\n        (change)=\"handleChange($event)\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n      ></textarea>\n      @if (isError()) {\n        <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n      }\n    } @else {\n      <input\n        class=\"bmb_field-input\"\n        [type]=\"getType()\"\n        [ngClass]=\"inputClasses\"\n        [autocomplete]=\"autoComplete()\"\n        [readOnly]=\"isReadOnly()\"\n        [placeholder]=\"placeholder()\"\n        [formControl]=\"control()\"\n        [name]=\"name()\"\n        [id]=\"inputId()\"\n        [spellcheck]=\"spellcheck()\"\n        [maxlength]=\"maxLength()!\"\n        [minlength]=\"minLength()!\"\n        [pattern]=\"pattern()!\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [tabindex]=\"control().disabled ? -1 : 0\"\n        (keydown)=\"handleKeyPress($event)\"\n        (change)=\"handleChange($event)\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (keyup)=\"handleKeyUp($event)\"\n      />\n      @if (showAdditionalAction() || isClearable()) {\n        <span class=\"bmb_field-actions\">\n          @if (showAdditionalAction()) {\n            <bmb-action-icon\n              class=\"bmb_field-additional_action\"\n              [icon]=\"getAdditionalActionIcon()\"\n              [iconSize]=\"24\"\n              [disabled]=\"control().disabled\"\n              (buttonClick)=\"actionToExecute()\"\n            />\n          }\n          @if (isClearable()) {\n            <bmb-action-icon\n              class=\"bmb_field-clear\"\n              icon=\"close\"\n              [iconSize]=\"24\"\n              [disabled]=\"control().disabled\"\n              (buttonClick)=\"handleClearValue()\"\n            />\n          }\n        </span>\n      }\n    }\n    <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general-contrasts-50)}.bmb_field-icon{color:var(--general-contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general-contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general-contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{box-sizing:border-box;line-height:1.5}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal{padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-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_field-input-normal:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-input-simple{box-sizing:border-box;line-height:1.5}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple{box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general-contrasts-50);color:var(--general-contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-input-outline);color:var(--general-contrasts-input-outline);caret-color:var(--general-contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:var(--bmb-radius-5);border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:var(--bmb-radius-3)}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:rgb(var(--red-light));position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-actions bmb-action-icon{display:flex}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general-contrasts-50)}\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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbInputContentComponent, isStandalone: true, selector: "bmb-input-content", inputs: { 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 }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", 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 }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, isReadOnly: { classPropertyName: "isReadOnly", publicName: "isReadOnly", isSignal: true, isRequired: false, transformFunction: null }, additionalAction: { classPropertyName: "additionalAction", publicName: "additionalAction", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null }, showStates: { classPropertyName: "showStates", publicName: "showStates", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onFocus: "onFocus", onBlur: "onBlur", onChange: "onChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", clearEvent: "clearEvent" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_field\">\n  <section class=\"bmb_field-wrapper\">\n    @if (!!icon() && type() !== 'text-area') {\n      <bmb-icon\n        class=\"bmb_field-icon\"\n        [ngClass]=\"{\n          'bmb_field-icon-simple': appearance() === 'simple',\n          'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n          'bmb_field-icon-simple-error': appearance() === 'simple' && isError()\n        }\"\n        [icon]=\"icon()\"\n        [size]=\"24\"\n        [alt]=\"name()\"\n      />\n    }\n    @if (type() === 'text-area') {\n      <textarea\n        class=\"bmb_field-text-area\"\n        [ngClass]=\"inputClasses\"\n        [autocomplete]=\"autoComplete()\"\n        [placeholder]=\"placeholder()\"\n        [required]=\"isRequired()\"\n        [formControl]=\"control()\"\n        [maxlength]=\"maxLength()!\"\n        [style.height.px]=\"heightTextArea()!\"\n        [minlength]=\"minLength()!\"\n        [spellcheck]=\"spellcheck()\"\n        [rows]=\"rows()\"\n        [name]=\"name()\"\n        [id]=\"inputId()\"\n        [pattern]=\"pattern()!\"\n        [tabindex]=\"control().disabled ? -1 : 0\"\n        (keydown)=\"handleKeyPress($event)\"\n        (change)=\"handleChange($event)\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n      ></textarea>\n      @if (isError()) {\n        <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n      }\n    } @else {\n      <input\n        class=\"bmb_field-input\"\n        [type]=\"getType()\"\n        [ngClass]=\"inputClasses\"\n        [autocomplete]=\"autoComplete()\"\n        [readOnly]=\"isReadOnly()\"\n        [placeholder]=\"placeholder()\"\n        [formControl]=\"control()\"\n        [name]=\"name()\"\n        [id]=\"inputId()\"\n        [spellcheck]=\"spellcheck()\"\n        [maxlength]=\"maxLength()!\"\n        [minlength]=\"minLength()!\"\n        [pattern]=\"pattern()!\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [tabindex]=\"control().disabled ? -1 : 0\"\n        (keydown)=\"handleKeyPress($event)\"\n        (change)=\"handleChange($event)\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (keyup)=\"handleKeyUp($event)\"\n      />\n      @if (showAdditionalAction() || isClearable()) {\n        <span class=\"bmb_field-actions\">\n          @if (showAdditionalAction()) {\n            <bmb-action-icon\n              class=\"bmb_field-additional_action\"\n              [icon]=\"getAdditionalActionIcon()\"\n              [iconSize]=\"24\"\n              [disabled]=\"control().disabled\"\n              (buttonClick)=\"actionToExecute()\"\n            />\n          }\n          @if (isClearable()) {\n            <bmb-action-icon\n              class=\"bmb_field-clear\"\n              icon=\"close\"\n              [iconSize]=\"24\"\n              [disabled]=\"control().disabled\"\n              (buttonClick)=\"handleClearValue()\"\n            />\n          }\n        </span>\n      }\n    }\n    <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general-contrasts-50)}.bmb_field-icon{color:var(--general-contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general-contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general-contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{box-sizing:border-box;line-height:1.5}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal{padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-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_field-input-normal:hover{box-sizing:inherit;border-color:var(--general-contrasts-50);outline:.0625rem solid;outline-color:var(--general-contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-50)}.bmb_field-input-simple{box-sizing:border-box;line-height:1.5}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple{box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general-contrasts-50);color:var(--general-contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-input-outline);color:var(--general-contrasts-input-outline);caret-color:var(--general-contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:var(--bmb-radius-5);border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:var(--bmb-radius-3)}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:rgb(var(--red-light));position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-actions bmb-action-icon{display:flex}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general-contrasts-50)}\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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbInputContentComponent, decorators: [{
             type: Component,
@@ -3544,7 +3568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbIconComponent,
                         ReactiveFormsModule,
                         BmbActionIconComponent,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_field\">\n  <section class=\"bmb_field-wrapper\">\n    @if (!!icon() && type() !== 'text-area') {\n      <bmb-icon\n        class=\"bmb_field-icon\"\n        [ngClass]=\"{\n          'bmb_field-icon-simple': appearance() === 'simple',\n          'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n          'bmb_field-icon-simple-error': appearance() === 'simple' && isError()\n        }\"\n        [icon]=\"icon()\"\n        [size]=\"24\"\n        [alt]=\"name()\"\n      />\n    }\n    @if (type() === 'text-area') {\n      <textarea\n        class=\"bmb_field-text-area\"\n        [ngClass]=\"inputClasses\"\n        [autocomplete]=\"autoComplete()\"\n        [placeholder]=\"placeholder()\"\n        [required]=\"isRequired()\"\n        [formControl]=\"control()\"\n        [maxlength]=\"maxLength()!\"\n        [style.height.px]=\"heightTextArea()!\"\n        [minlength]=\"minLength()!\"\n        [spellcheck]=\"spellcheck()\"\n        [rows]=\"rows()\"\n        [name]=\"name()\"\n        [id]=\"inputId()\"\n        [pattern]=\"pattern()!\"\n        [tabindex]=\"control().disabled ? -1 : 0\"\n        (keydown)=\"handleKeyPress($event)\"\n        (change)=\"handleChange($event)\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n      ></textarea>\n      @if (isError()) {\n        <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n      }\n    } @else {\n      <input\n        class=\"bmb_field-input\"\n        [type]=\"getType()\"\n        [ngClass]=\"inputClasses\"\n        [autocomplete]=\"autoComplete()\"\n        [readOnly]=\"isReadOnly()\"\n        [placeholder]=\"placeholder()\"\n        [formControl]=\"control()\"\n        [name]=\"name()\"\n        [id]=\"inputId()\"\n        [spellcheck]=\"spellcheck()\"\n        [maxlength]=\"maxLength()!\"\n        [minlength]=\"minLength()!\"\n        [pattern]=\"pattern()!\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [tabindex]=\"control().disabled ? -1 : 0\"\n        (keydown)=\"handleKeyPress($event)\"\n        (change)=\"handleChange($event)\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (keyup)=\"handleKeyUp($event)\"\n      />\n      @if (showAdditionalAction() || isClearable()) {\n        <span class=\"bmb_field-actions\">\n          @if (showAdditionalAction()) {\n            <bmb-action-icon\n              class=\"bmb_field-additional_action\"\n              [icon]=\"getAdditionalActionIcon()\"\n              [iconSize]=\"24\"\n              [disabled]=\"control().disabled\"\n              (buttonClick)=\"actionToExecute()\"\n            />\n          }\n          @if (isClearable()) {\n            <bmb-action-icon\n              class=\"bmb_field-clear\"\n              icon=\"close\"\n              [iconSize]=\"24\"\n              [disabled]=\"control().disabled\"\n              (buttonClick)=\"handleClearValue()\"\n            />\n          }\n        </span>\n      }\n    }\n    <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general-contrasts-50)}.bmb_field-icon{color:var(--general-contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general-contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general-contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{box-sizing:border-box;line-height:1.5}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal{padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-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_field-input-normal:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-input-simple{box-sizing:border-box;line-height:1.5}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple{box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general-contrasts-50);color:var(--general-contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-input-outline);color:var(--general-contrasts-input-outline);caret-color:var(--general-contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:var(--bmb-radius-5);border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:var(--bmb-radius-3)}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:rgb(var(--red-light));position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-actions bmb-action-icon{display:flex}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general-contrasts-50)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_field\">\n  <section class=\"bmb_field-wrapper\">\n    @if (!!icon() && type() !== 'text-area') {\n      <bmb-icon\n        class=\"bmb_field-icon\"\n        [ngClass]=\"{\n          'bmb_field-icon-simple': appearance() === 'simple',\n          'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n          'bmb_field-icon-simple-error': appearance() === 'simple' && isError()\n        }\"\n        [icon]=\"icon()\"\n        [size]=\"24\"\n        [alt]=\"name()\"\n      />\n    }\n    @if (type() === 'text-area') {\n      <textarea\n        class=\"bmb_field-text-area\"\n        [ngClass]=\"inputClasses\"\n        [autocomplete]=\"autoComplete()\"\n        [placeholder]=\"placeholder()\"\n        [required]=\"isRequired()\"\n        [formControl]=\"control()\"\n        [maxlength]=\"maxLength()!\"\n        [style.height.px]=\"heightTextArea()!\"\n        [minlength]=\"minLength()!\"\n        [spellcheck]=\"spellcheck()\"\n        [rows]=\"rows()\"\n        [name]=\"name()\"\n        [id]=\"inputId()\"\n        [pattern]=\"pattern()!\"\n        [tabindex]=\"control().disabled ? -1 : 0\"\n        (keydown)=\"handleKeyPress($event)\"\n        (change)=\"handleChange($event)\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n      ></textarea>\n      @if (isError()) {\n        <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n      }\n    } @else {\n      <input\n        class=\"bmb_field-input\"\n        [type]=\"getType()\"\n        [ngClass]=\"inputClasses\"\n        [autocomplete]=\"autoComplete()\"\n        [readOnly]=\"isReadOnly()\"\n        [placeholder]=\"placeholder()\"\n        [formControl]=\"control()\"\n        [name]=\"name()\"\n        [id]=\"inputId()\"\n        [spellcheck]=\"spellcheck()\"\n        [maxlength]=\"maxLength()!\"\n        [minlength]=\"minLength()!\"\n        [pattern]=\"pattern()!\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [tabindex]=\"control().disabled ? -1 : 0\"\n        (keydown)=\"handleKeyPress($event)\"\n        (change)=\"handleChange($event)\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (keyup)=\"handleKeyUp($event)\"\n      />\n      @if (showAdditionalAction() || isClearable()) {\n        <span class=\"bmb_field-actions\">\n          @if (showAdditionalAction()) {\n            <bmb-action-icon\n              class=\"bmb_field-additional_action\"\n              [icon]=\"getAdditionalActionIcon()\"\n              [iconSize]=\"24\"\n              [disabled]=\"control().disabled\"\n              (buttonClick)=\"actionToExecute()\"\n            />\n          }\n          @if (isClearable()) {\n            <bmb-action-icon\n              class=\"bmb_field-clear\"\n              icon=\"close\"\n              [iconSize]=\"24\"\n              [disabled]=\"control().disabled\"\n              (buttonClick)=\"handleClearValue()\"\n            />\n          }\n        </span>\n      }\n    }\n    <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general-contrasts-50)}.bmb_field-icon{color:var(--general-contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general-contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general-contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{box-sizing:border-box;line-height:1.5}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal{padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-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_field-input-normal:hover{box-sizing:inherit;border-color:var(--general-contrasts-50);outline:.0625rem solid;outline-color:var(--general-contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-50)}.bmb_field-input-simple{box-sizing:border-box;line-height:1.5}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple{box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general-contrasts-50);color:var(--general-contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-input-outline);color:var(--general-contrasts-input-outline);caret-color:var(--general-contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:var(--bmb-radius-5);border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:var(--bmb-radius-3)}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:rgb(var(--red-light));position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-actions bmb-action-icon{display:flex}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general-contrasts-50)}\n"] }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], isRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRequired", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], spellcheck: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellcheck", required: false }] }], heightTextArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightTextArea", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], autoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoComplete", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], isReadOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadOnly", required: false }] }], additionalAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalAction", required: false }] }], isClearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isClearable", required: false }] }], isError: [{ type: i0.Input, args: [{ isSignal: true, alias: "isError", required: false }] }], isHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "isHidden", required: false }] }], showStates: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStates", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }, { type: i0.Output, args: ["controlChange"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], onChange: [{ type: i0.Output, args: ["onChange"] }], onKeyDown: [{ type: i0.Output, args: ["onKeyDown"] }], onKeyUp: [{ type: i0.Output, args: ["onKeyUp"] }], clearEvent: [{ type: i0.Output, args: ["clearEvent"] }], customContent: [{ type: i0.ContentChild, args: ['customContent', { isSignal: true }] }] } });
 
 class BmbInputComponent {
@@ -4306,18 +4330,12 @@ class BmbBookmarkComponent {
         event?.stopPropagation();
         this.isActive.update((value) => !value);
     }
-    getClassList() {
-        const classList = ['bmb_bookmark'];
-        if (this.isActive())
-            classList.push('bmb_bookmark-active');
-        return classList;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbBookmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: BmbBookmarkComponent, isStandalone: true, selector: "bmb-bookmark", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange" }, ngImport: i0, template: "<bmb-action-icon\n  [ngClass]=\"getClassList()\"\n  icon=\"bookmark\"\n  [iconSize]=\"24\"\n  (buttonClick)=\"handleClick($event)\"\n/>\n", styles: [".bmb_bookmark:hover .bmb_action_icon-icon,.bmb_bookmark-active .bmb_action_icon-icon{color:var(--buttons-destructive)}.bmb_bookmark:not(.bmb_bookmark-active) .bmb_action_icon-icon{color:var(--black-tint);transition:all .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: BmbBookmarkComponent, isStandalone: true, selector: "bmb-bookmark", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange" }, ngImport: i0, template: "<bmb-action-icon\n  class=\"bmb_bookmark\"\n  [ngClass]=\"{ active: isActive() }\"\n  icon=\"bookmark\"\n  [iconSize]=\"24\"\n  (buttonClick)=\"handleClick($event)\"\n/>\n", styles: [".bmb_bookmark{color:var(--black-tint)}.bmb_bookmark.active{color:rgb(var(--red-light))}.bmb_bookmark:hover{opacity:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbBookmarkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-bookmark', standalone: true, imports: [CommonModule, BmbActionIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bmb-action-icon\n  [ngClass]=\"getClassList()\"\n  icon=\"bookmark\"\n  [iconSize]=\"24\"\n  (buttonClick)=\"handleClick($event)\"\n/>\n", styles: [".bmb_bookmark:hover .bmb_action_icon-icon,.bmb_bookmark-active .bmb_action_icon-icon{color:var(--buttons-destructive)}.bmb_bookmark:not(.bmb_bookmark-active) .bmb_action_icon-icon{color:var(--black-tint);transition:all .3s ease}\n"] }]
+            args: [{ selector: 'bmb-bookmark', standalone: true, imports: [CommonModule, BmbActionIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bmb-action-icon\n  class=\"bmb_bookmark\"\n  [ngClass]=\"{ active: isActive() }\"\n  icon=\"bookmark\"\n  [iconSize]=\"24\"\n  (buttonClick)=\"handleClick($event)\"\n/>\n", styles: [".bmb_bookmark{color:var(--black-tint)}.bmb_bookmark.active{color:rgb(var(--red-light))}.bmb_bookmark:hover{opacity:50%}\n"] }]
         }], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }] } });
 
 const MOBILE_TABLET_QUERY$1 = '(max-width: 992px)';
@@ -4357,6 +4375,9 @@ class BmbContainerButtonComponent {
         if (this.square()) {
             classList.push('bmb_container-button-square');
         }
+        if (this.square() && this.small() && !this.iconLeft()) {
+            classList.push('bmb_container-button-square-no-icon');
+        }
         if (this.small()) {
             classList.push('bmb_container-button-small');
         }
@@ -4378,7 +4399,7 @@ class BmbContainerButtonComponent {
         this.secondaryAction.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbContainerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbContainerButtonComponent, isStandalone: true, selector: "bmb-container-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, isUserImage: { classPropertyName: "isUserImage", publicName: "isUserImage", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null }, enableSecondaryAction: { classPropertyName: "enableSecondaryAction", publicName: "enableSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, enableBookmark: { classPropertyName: "enableBookmark", publicName: "enableBookmark", isSignal: true, isRequired: false, transformFunction: null }, isBookmarkActive: { classPropertyName: "isBookmarkActive", publicName: "isBookmarkActive", isSignal: true, isRequired: false, transformFunction: null }, dropdownMenuItems: { classPropertyName: "dropdownMenuItems", publicName: "dropdownMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isBookmarkActive: "isBookmarkActiveChange", onButton: "onButton", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<section class=\"bmb_container-button\">\n  <bmb-check-external-link-button\n    class=\"bmb_container-button-wrapper\"\n    [ngClass]=\"getClassList()\"\n    [link]=\"link()\"\n    [target]=\"target()\"\n    (buttonClick)=\"handleClick($event)\"\n    [disabled]=\"state() === 'disabled'\"\n  >\n    <section\n      bmbLayout\n      [dynamicCols]=\"true\"\n      margin=\"none\"\n      alignItems=\"center\"\n      justify=\"spaceBetween\"\n      class=\"bmb_container-button-content\"\n    >\n      <section class=\"bmb_container-button-left\">\n        @if ((iconLeft() && !score()) || square() || small()) {\n          @if (isUserImage()) {\n            <bmb-user-image\n              size=\"desktop-small\"\n              [image]=\"iconLeft()\"\n              altImage=\"Image of icon left\"\n            />\n          } @else {\n            <bmb-icon\n              bmbLayoutItem\n              class=\"bmb_container-button-left-icon\"\n              [icon]=\"iconLeft()\"\n              alt=\"Icon left\"\n            />\n          }\n        }\n        @if (score() && !square() && !small()) {\n          <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n        }\n        <div class=\"bmb_container-button-header\">\n          <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n          @if (subtitle() && !square() && !small()) {\n            <h4 class=\"bmb_container-button-subtitle\">\n              {{ subtitle() }}\n            </h4>\n          }\n        </div>\n      </section>\n      <section class=\"bmb_container-button-right\">\n        @if (badgeText() && !square() && !small()) {\n          <bmb-badge\n            [text]=\"badgeText()\"\n            [appearance]=\"badgeAppearance()\"\n            class=\"bmb_container-button-badge\"\n          />\n        }\n        @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n          @if (enableBookmark()) {\n            <bmb-bookmark\n              class=\"bmb_container-button-right-bookmark\"\n              [(isActive)]=\"isBookmarkActive\"\n            />\n          } @else if (enableSecondaryAction()) {\n            <bmb-action-icon\n              class=\"bmb_container-button-right-action\"\n              [icon]=\"iconRight()\"\n              [iconSize]=\"24\"\n              (buttonClick)=\"handleSecondaryClick($event)\"\n              [disabled]=\"state() === 'disabled'\"\n            />\n          } @else if (!!dropdownMenuItems().length) {\n            <bmb-dropdown-menu\n              class=\"bmb_container-button-right-menu\"\n              [items]=\"dropdownMenuItems()\"\n            />\n          } @else {\n            <bmb-icon\n              class=\"bmb_container-button-right-icon\"\n              [icon]=\"iconRight()\"\n              [size]=\"24\"\n              alt=\"Icon right\"\n            />\n          }\n        }\n      </section>\n    </section>\n  </bmb-check-external-link-button>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--buttons-destructive);color:var(--buttons-destructive);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--buttons-destructive)}.bmb_container-button .bmb_check-external-link-button{display:flex}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general-contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general-contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-50);outline:0 solid transparent}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled),.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--white-primary));outline:.0625rem solid var(--buttons-stroke-primary-selected)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled) .bmb_grade-value-main,.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled) .bmb_grade-value-main{fill:rgb(var(--white-primary))}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-4);color:var(--general-contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_grade-value-main{fill:var(--general-contrasts-100)}.bmb_container-button .bmb_bookmark{padding: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: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { 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: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbBookmarkComponent, selector: "bmb-bookmark", inputs: ["isActive"], outputs: ["isActiveChange"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbContainerButtonComponent, isStandalone: true, selector: "bmb-container-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, isUserImage: { classPropertyName: "isUserImage", publicName: "isUserImage", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null }, enableSecondaryAction: { classPropertyName: "enableSecondaryAction", publicName: "enableSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, enableBookmark: { classPropertyName: "enableBookmark", publicName: "enableBookmark", isSignal: true, isRequired: false, transformFunction: null }, isBookmarkActive: { classPropertyName: "isBookmarkActive", publicName: "isBookmarkActive", isSignal: true, isRequired: false, transformFunction: null }, dropdownMenuItems: { classPropertyName: "dropdownMenuItems", publicName: "dropdownMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isBookmarkActive: "isBookmarkActiveChange", onButton: "onButton", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<section class=\"bmb_container-button\">\n  <bmb-check-external-link-button\n    class=\"bmb_container-button-wrapper\"\n    [ngClass]=\"getClassList()\"\n    [link]=\"link()\"\n    [target]=\"target()\"\n    (buttonClick)=\"handleClick($event)\"\n    [disabled]=\"state() === 'disabled'\"\n  >\n    <section\n      bmbLayout\n      [dynamicCols]=\"true\"\n      margin=\"none\"\n      alignItems=\"center\"\n      justify=\"spaceBetween\"\n      class=\"bmb_container-button-content\"\n    >\n      <section class=\"bmb_container-button-left\">\n        @if ((iconLeft() && !score()) || square() || small()) {\n          @if (isUserImage()) {\n            <bmb-user-image\n              size=\"desktop-small\"\n              [image]=\"iconLeft()\"\n              altImage=\"Image of icon left\"\n            />\n          } @else if (iconLeft()) {\n            <bmb-icon\n              bmbLayoutItem\n              class=\"bmb_container-button-left-icon\"\n              [icon]=\"iconLeft()\"\n              alt=\"Icon left\"\n            />\n          }\n        }\n        @if (score() && !square() && !small()) {\n          <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n        }\n        <div class=\"bmb_container-button-header\">\n          <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n          @if (subtitle() && !square() && !small()) {\n            <h4 class=\"bmb_container-button-subtitle\">\n              {{ subtitle() }}\n            </h4>\n          }\n        </div>\n      </section>\n      <section class=\"bmb_container-button-right\">\n        @if (badgeText() && !square() && !small()) {\n          <bmb-badge\n            [text]=\"badgeText()\"\n            [appearance]=\"badgeAppearance()\"\n            class=\"bmb_container-button-badge\"\n          />\n        }\n        @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n          @if (enableBookmark()) {\n            <bmb-bookmark\n              class=\"bmb_container-button-right-bookmark\"\n              [(isActive)]=\"isBookmarkActive\"\n            />\n          } @else if (enableSecondaryAction()) {\n            <bmb-action-icon\n              class=\"bmb_container-button-right-action\"\n              [icon]=\"iconRight()\"\n              [iconSize]=\"24\"\n              (buttonClick)=\"handleSecondaryClick($event)\"\n              [disabled]=\"state() === 'disabled'\"\n            />\n          } @else if (!!dropdownMenuItems().length) {\n            <bmb-dropdown-menu\n              class=\"bmb_container-button-right-menu\"\n              [items]=\"dropdownMenuItems()\"\n            />\n          } @else {\n            <bmb-icon\n              class=\"bmb_container-button-right-icon\"\n              [icon]=\"iconRight()\"\n              [size]=\"24\"\n              alt=\"Icon right\"\n            />\n          }\n        }\n      </section>\n    </section>\n  </bmb-check-external-link-button>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--buttons-destructive);color:var(--buttons-destructive);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--buttons-destructive)}.bmb_container-button .bmb_check-external-link-button{display:flex}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general-contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general-contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right:empty{display:none}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-small-no-icon{justify-content:center}.bmb_container-button-square-no-icon.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-height:7.375rem;min-width:10.5625rem}.bmb_container-button-square-no-icon.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{justify-content:center}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title--small-no-icon{text-align:center}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-50);outline:0 solid transparent}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled),.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--white-primary));outline:.0625rem solid var(--buttons-stroke-primary-selected)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled) .bmb_grade-value-main,.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled) .bmb_grade-value-main{fill:rgb(var(--white-primary))}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-4);color:var(--general-contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_grade-value-main{fill:var(--general-contrasts-100)}.bmb_container-button .bmb_bookmark{padding: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: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { 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: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbBookmarkComponent, selector: "bmb-bookmark", inputs: ["isActive"], outputs: ["isActiveChange"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbContainerButtonComponent, decorators: [{
             type: Component,
@@ -4394,7 +4415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbActionIconComponent,
                         BmbBookmarkComponent,
                         BmbDropdownMenuComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_container-button\">\n  <bmb-check-external-link-button\n    class=\"bmb_container-button-wrapper\"\n    [ngClass]=\"getClassList()\"\n    [link]=\"link()\"\n    [target]=\"target()\"\n    (buttonClick)=\"handleClick($event)\"\n    [disabled]=\"state() === 'disabled'\"\n  >\n    <section\n      bmbLayout\n      [dynamicCols]=\"true\"\n      margin=\"none\"\n      alignItems=\"center\"\n      justify=\"spaceBetween\"\n      class=\"bmb_container-button-content\"\n    >\n      <section class=\"bmb_container-button-left\">\n        @if ((iconLeft() && !score()) || square() || small()) {\n          @if (isUserImage()) {\n            <bmb-user-image\n              size=\"desktop-small\"\n              [image]=\"iconLeft()\"\n              altImage=\"Image of icon left\"\n            />\n          } @else {\n            <bmb-icon\n              bmbLayoutItem\n              class=\"bmb_container-button-left-icon\"\n              [icon]=\"iconLeft()\"\n              alt=\"Icon left\"\n            />\n          }\n        }\n        @if (score() && !square() && !small()) {\n          <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n        }\n        <div class=\"bmb_container-button-header\">\n          <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n          @if (subtitle() && !square() && !small()) {\n            <h4 class=\"bmb_container-button-subtitle\">\n              {{ subtitle() }}\n            </h4>\n          }\n        </div>\n      </section>\n      <section class=\"bmb_container-button-right\">\n        @if (badgeText() && !square() && !small()) {\n          <bmb-badge\n            [text]=\"badgeText()\"\n            [appearance]=\"badgeAppearance()\"\n            class=\"bmb_container-button-badge\"\n          />\n        }\n        @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n          @if (enableBookmark()) {\n            <bmb-bookmark\n              class=\"bmb_container-button-right-bookmark\"\n              [(isActive)]=\"isBookmarkActive\"\n            />\n          } @else if (enableSecondaryAction()) {\n            <bmb-action-icon\n              class=\"bmb_container-button-right-action\"\n              [icon]=\"iconRight()\"\n              [iconSize]=\"24\"\n              (buttonClick)=\"handleSecondaryClick($event)\"\n              [disabled]=\"state() === 'disabled'\"\n            />\n          } @else if (!!dropdownMenuItems().length) {\n            <bmb-dropdown-menu\n              class=\"bmb_container-button-right-menu\"\n              [items]=\"dropdownMenuItems()\"\n            />\n          } @else {\n            <bmb-icon\n              class=\"bmb_container-button-right-icon\"\n              [icon]=\"iconRight()\"\n              [size]=\"24\"\n              alt=\"Icon right\"\n            />\n          }\n        }\n      </section>\n    </section>\n  </bmb-check-external-link-button>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--buttons-destructive);color:var(--buttons-destructive);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--buttons-destructive)}.bmb_container-button .bmb_check-external-link-button{display:flex}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general-contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general-contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-50);outline:0 solid transparent}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled),.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--white-primary));outline:.0625rem solid var(--buttons-stroke-primary-selected)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled) .bmb_grade-value-main,.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled) .bmb_grade-value-main{fill:rgb(var(--white-primary))}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-4);color:var(--general-contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_grade-value-main{fill:var(--general-contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_container-button\">\n  <bmb-check-external-link-button\n    class=\"bmb_container-button-wrapper\"\n    [ngClass]=\"getClassList()\"\n    [link]=\"link()\"\n    [target]=\"target()\"\n    (buttonClick)=\"handleClick($event)\"\n    [disabled]=\"state() === 'disabled'\"\n  >\n    <section\n      bmbLayout\n      [dynamicCols]=\"true\"\n      margin=\"none\"\n      alignItems=\"center\"\n      justify=\"spaceBetween\"\n      class=\"bmb_container-button-content\"\n    >\n      <section class=\"bmb_container-button-left\">\n        @if ((iconLeft() && !score()) || square() || small()) {\n          @if (isUserImage()) {\n            <bmb-user-image\n              size=\"desktop-small\"\n              [image]=\"iconLeft()\"\n              altImage=\"Image of icon left\"\n            />\n          } @else if (iconLeft()) {\n            <bmb-icon\n              bmbLayoutItem\n              class=\"bmb_container-button-left-icon\"\n              [icon]=\"iconLeft()\"\n              alt=\"Icon left\"\n            />\n          }\n        }\n        @if (score() && !square() && !small()) {\n          <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n        }\n        <div class=\"bmb_container-button-header\">\n          <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n          @if (subtitle() && !square() && !small()) {\n            <h4 class=\"bmb_container-button-subtitle\">\n              {{ subtitle() }}\n            </h4>\n          }\n        </div>\n      </section>\n      <section class=\"bmb_container-button-right\">\n        @if (badgeText() && !square() && !small()) {\n          <bmb-badge\n            [text]=\"badgeText()\"\n            [appearance]=\"badgeAppearance()\"\n            class=\"bmb_container-button-badge\"\n          />\n        }\n        @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n          @if (enableBookmark()) {\n            <bmb-bookmark\n              class=\"bmb_container-button-right-bookmark\"\n              [(isActive)]=\"isBookmarkActive\"\n            />\n          } @else if (enableSecondaryAction()) {\n            <bmb-action-icon\n              class=\"bmb_container-button-right-action\"\n              [icon]=\"iconRight()\"\n              [iconSize]=\"24\"\n              (buttonClick)=\"handleSecondaryClick($event)\"\n              [disabled]=\"state() === 'disabled'\"\n            />\n          } @else if (!!dropdownMenuItems().length) {\n            <bmb-dropdown-menu\n              class=\"bmb_container-button-right-menu\"\n              [items]=\"dropdownMenuItems()\"\n            />\n          } @else {\n            <bmb-icon\n              class=\"bmb_container-button-right-icon\"\n              [icon]=\"iconRight()\"\n              [size]=\"24\"\n              alt=\"Icon right\"\n            />\n          }\n        }\n      </section>\n    </section>\n  </bmb-check-external-link-button>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--buttons-destructive);color:var(--buttons-destructive);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--buttons-destructive)}.bmb_container-button .bmb_check-external-link-button{display:flex}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general-contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general-contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right:empty{display:none}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-small-no-icon{justify-content:center}.bmb_container-button-square-no-icon.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-height:7.375rem;min-width:10.5625rem}.bmb_container-button-square-no-icon.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{justify-content:center}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title--small-no-icon{text-align:center}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-50);outline:0 solid transparent}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled),.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--white-primary));outline:.0625rem solid var(--buttons-stroke-primary-selected)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled) .bmb_grade-value-main,.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled) .bmb_grade-value-main{fill:rgb(var(--white-primary))}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-4);color:var(--general-contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_grade-value-main{fill:var(--general-contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], score: [{ type: i0.Input, args: [{ isSignal: true, alias: "score", required: false }] }], square: [{ type: i0.Input, args: [{ isSignal: true, alias: "square", required: false }] }], small: [{ type: i0.Input, args: [{ isSignal: true, alias: "small", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], iconLeft: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconLeft", required: false }] }], isUserImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "isUserImage", required: false }] }], iconRight: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconRight", required: false }] }], badgeText: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeText", required: false }] }], badgeAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeAppearance", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], alternative: [{ type: i0.Input, args: [{ isSignal: true, alias: "alternative", required: false }] }], enableSecondaryAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSecondaryAction", required: false }] }], enableBookmark: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableBookmark", required: false }] }], isBookmarkActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBookmarkActive", required: false }] }, { type: i0.Output, args: ["isBookmarkActiveChange"] }], dropdownMenuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownMenuItems", required: false }] }], onButton: [{ type: i0.Output, args: ["onButton"] }], secondaryAction: [{ type: i0.Output, args: ["secondaryAction"] }] } });
 
 class BmbInteractiveIconComponent {
@@ -4448,34 +4469,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class BmbFabComponent {
     constructor() {
         this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
-        this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
-        this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
-        this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
+        this.size = input('large', ...(ngDevMode ? [{ debugName: "size" }] : []));
         this.mitec = input(false, ...(ngDevMode ? [{ debugName: "mitec" }] : []));
+        this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
         this.fabClick = output();
-        this.active = false;
+        this.isActive = false;
+        //Deprecated
+        this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
     }
-    onFabClick(event) {
-        if (this.type() == 'normal') {
-            this.active = !this.active;
-        }
+    handleFabClick(event) {
+        this.isActive = !this.isActive;
         this.fabClick.emit(event);
     }
-    getClassName() {
-        const baseClassName = `${(this.mitec() && 'bmb_fab-mitec') || 'bmb_fab'}`;
-        const typeClassName = `${(this.mitec() && 'normal') || this.type()}`;
-        return `${baseClassName}-${this.size()}-${typeClassName}`;
+    get className() {
+        const baseClassName = `${this.mitec() ? 'bmb_fab-mitec-button' : 'bmb_fab-main'}`;
+        return `${baseClassName} ${baseClassName}-${this.size()}`;
+    }
+    get iconName() {
+        if (!this.mitec() && this.size() === 'large') {
+            if (this.isActive)
+                return 'close';
+            return this.icon() || 'apps';
+        }
+        return this.icon();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbFabComponent, isStandalone: true, selector: "bmb-fab", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fabClick: "fabClick" }, host: { listeners: { "click": "onFabClick()" } }, ngImport: i0, template: "<ng-template #fabButton>\n  <button [ngClass]=\"getClassName()\" type=\"button\">\n    @if (!mitec() && type() === 'extended') {\n      <span>{{ text() }}</span>\n    }\n    <bmb-icon\n      [ngClass]=\"{\n        'bmb_fab-close': !mitec() && type() === 'normal',\n        'bmb_fab-close-rotate': !mitec() && type() === 'normal' && active\n      }\"\n      [icon]=\"(!mitec() && type() === 'normal' && active && 'close') || icon()\"\n      [size]=\"24\"\n      alt=\"FAB icon\"\n    />\n  </button>\n  @if (mitec() && !!text()) {\n    <span class=\"bmb_fab-mitec-text\">{{ text() }}</span>\n  }\n</ng-template>\n\n<section class=\"bmb_fab\">\n  @if (mitec()) {\n    <section class=\"bmb_fab-mitec\">\n      <ng-container [ngTemplateOutlet]=\"fabButton\" />\n    </section>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"fabButton\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_fab{display:flex;justify-content:center;width:min-content}.bmb_fab-close{transition:transform .5s ease-in-out}.bmb_fab-close-rotate{animation:rotateAnimation .5s ease-in-out forwards}.bmb_fab-mitec{display:flex;flex-direction:column}.bmb_fab-mitec-small-normal{border-radius:3.125rem;height:2.5rem;width:2.5rem;align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);background-color:var(--buttons-alternative-normal);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-primary-normal)}.bmb_fab-mitec-small-normal:active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-small-normal:active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-small-normal~.bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;text-align:center}.bmb_fab-mitec-large-normal{border-radius:3.125rem;height:3.75rem;width:3.75rem;align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);background-color:var(--buttons-alternative-normal);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-primary-normal)}.bmb_fab-mitec-large-normal:active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-large-normal:active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-large-normal~.bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-align:center}.bmb_fab-small-normal{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-small-normal:focus,.bmb_fab-small-normal:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-small-normal:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal{border-radius:3.125rem;height:2.5rem;width:2.5rem}.bmb_fab-small-extended{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-small-extended:focus,.bmb_fab-small-extended:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-small-extended:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended{border-radius:3.125rem;height:2.5rem;width:fit-content}.bmb_fab-small-extended>span{padding-right:.5rem}.bmb_fab-large-normal{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-large-normal:focus,.bmb_fab-large-normal:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-large-normal:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal{border-radius:3.125rem;height:3.75rem;width:3.75rem}.bmb_fab-large-extended{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-large-extended:focus,.bmb_fab-large-extended:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-large-extended:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended{border-radius:3.125rem;height:3.75rem;width:fit-content}.bmb_fab-large-extended>span{padding-right:.5rem}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}\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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbFabComponent, isStandalone: true, selector: "bmb-fab", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fabClick: "fabClick" }, ngImport: i0, template: "<section class=\"bmb_fab\" [ngClass]=\"{ 'bmb_fab-mitec': mitec() }\">\n  <button\n    type=\"button\"\n    [class]=\"className\"\n    [ngClass]=\"{\n      active: isActive\n    }\"\n    (click)=\"handleFabClick($event)\"\n  >\n    <bmb-icon\n      [ngClass]=\"{\n        'bmb_fab-main-action': !mitec()\n      }\"\n      [icon]=\"iconName\"\n      [size]=\"48\"\n      alt=\"FAB icon\"\n    />\n  </button>\n  @if (mitec() && !!text()) {\n    <span class=\"bmb_fab-mitec-text\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_fab{display:flex;align-items:center;justify-content:center;gap:var(--bmb-spacing-m)}.bmb_fab-mitec{flex-direction:column;width:max-content}.bmb_fab-mitec-button{display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--bmb-border-inherit-1-solid);border-color:transparent;outline:none;box-shadow:var(--bmb-box-shadow-3);background-color:var(--buttons-alternative-normal);color:var(--buttons-primary-normal)}.bmb_fab-mitec-button.active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-button.active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-button-small{height:3rem;width:3rem}.bmb_fab-mitec-button-small .bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;text-align:center}.bmb_fab-mitec-button-large{height:4rem;width:4rem}.bmb_fab-mitec-button-large .bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-align:center}.bmb_fab-main{z-index:2;bottom:.625rem;position:fixed;right:.625rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--bmb-border-inherit-1-solid);border-color:transparent;outline:none;box-shadow:var(--bmb-box-shadow-3);background:var(--buttons-primary-normal);color:var(--buttons-alternative-normal)}.bmb_fab-main-small{height:3rem;width:3rem}.bmb_fab-main-large{height:4rem;width:4rem}.bmb_fab-main-action{transition:transform .5s ease-in-out}.bmb_fab-main.active{background:var(--general-contrasts-input-background);border-color:var(--general-contrasts-main-selection);color:var(--general-contrasts-main-selection)}.bmb_fab-main:active{animation:rotateAnimation .5s ease-in-out forwards}.bmb_fab-main:focus,.bmb_fab-main:focus-visible{background:var(--general-contrasts-25);border-color:var(--general-contrasts-main-selection);color:var(--general-contrasts-main-selection)}.bmb_fab-main:hover{background:var(--general-contrasts-50);border-color:transparent;color:var(--buttons-alternative-normal)}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbFabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-fab', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, template: "<ng-template #fabButton>\n  <button [ngClass]=\"getClassName()\" type=\"button\">\n    @if (!mitec() && type() === 'extended') {\n      <span>{{ text() }}</span>\n    }\n    <bmb-icon\n      [ngClass]=\"{\n        'bmb_fab-close': !mitec() && type() === 'normal',\n        'bmb_fab-close-rotate': !mitec() && type() === 'normal' && active\n      }\"\n      [icon]=\"(!mitec() && type() === 'normal' && active && 'close') || icon()\"\n      [size]=\"24\"\n      alt=\"FAB icon\"\n    />\n  </button>\n  @if (mitec() && !!text()) {\n    <span class=\"bmb_fab-mitec-text\">{{ text() }}</span>\n  }\n</ng-template>\n\n<section class=\"bmb_fab\">\n  @if (mitec()) {\n    <section class=\"bmb_fab-mitec\">\n      <ng-container [ngTemplateOutlet]=\"fabButton\" />\n    </section>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"fabButton\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_fab{display:flex;justify-content:center;width:min-content}.bmb_fab-close{transition:transform .5s ease-in-out}.bmb_fab-close-rotate{animation:rotateAnimation .5s ease-in-out forwards}.bmb_fab-mitec{display:flex;flex-direction:column}.bmb_fab-mitec-small-normal{border-radius:3.125rem;height:2.5rem;width:2.5rem;align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);background-color:var(--buttons-alternative-normal);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-primary-normal)}.bmb_fab-mitec-small-normal:active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-small-normal:active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-small-normal~.bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;text-align:center}.bmb_fab-mitec-large-normal{border-radius:3.125rem;height:3.75rem;width:3.75rem;align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);background-color:var(--buttons-alternative-normal);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-primary-normal)}.bmb_fab-mitec-large-normal:active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-large-normal:active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-large-normal~.bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-align:center}.bmb_fab-small-normal{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-small-normal:focus,.bmb_fab-small-normal:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-small-normal:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal{border-radius:3.125rem;height:2.5rem;width:2.5rem}.bmb_fab-small-extended{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-small-extended:focus,.bmb_fab-small-extended:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-small-extended:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended{border-radius:3.125rem;height:2.5rem;width:fit-content}.bmb_fab-small-extended>span{padding-right:.5rem}.bmb_fab-large-normal{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-large-normal:focus,.bmb_fab-large-normal:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-large-normal:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal{border-radius:3.125rem;height:3.75rem;width:3.75rem}.bmb_fab-large-extended{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-large-extended:focus,.bmb_fab-large-extended:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-large-extended:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended{border-radius:3.125rem;height:3.75rem;width:fit-content}.bmb_fab-large-extended>span{padding-right:.5rem}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}\n"] }]
-        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], mitec: [{ type: i0.Input, args: [{ isSignal: true, alias: "mitec", required: false }] }], fabClick: [{ type: i0.Output, args: ["fabClick"] }], onFabClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
+            args: [{ selector: 'bmb-fab', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_fab\" [ngClass]=\"{ 'bmb_fab-mitec': mitec() }\">\n  <button\n    type=\"button\"\n    [class]=\"className\"\n    [ngClass]=\"{\n      active: isActive\n    }\"\n    (click)=\"handleFabClick($event)\"\n  >\n    <bmb-icon\n      [ngClass]=\"{\n        'bmb_fab-main-action': !mitec()\n      }\"\n      [icon]=\"iconName\"\n      [size]=\"48\"\n      alt=\"FAB icon\"\n    />\n  </button>\n  @if (mitec() && !!text()) {\n    <span class=\"bmb_fab-mitec-text\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_fab{display:flex;align-items:center;justify-content:center;gap:var(--bmb-spacing-m)}.bmb_fab-mitec{flex-direction:column;width:max-content}.bmb_fab-mitec-button{display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--bmb-border-inherit-1-solid);border-color:transparent;outline:none;box-shadow:var(--bmb-box-shadow-3);background-color:var(--buttons-alternative-normal);color:var(--buttons-primary-normal)}.bmb_fab-mitec-button.active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-button.active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-button-small{height:3rem;width:3rem}.bmb_fab-mitec-button-small .bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;text-align:center}.bmb_fab-mitec-button-large{height:4rem;width:4rem}.bmb_fab-mitec-button-large .bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-align:center}.bmb_fab-main{z-index:2;bottom:.625rem;position:fixed;right:.625rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--bmb-border-inherit-1-solid);border-color:transparent;outline:none;box-shadow:var(--bmb-box-shadow-3);background:var(--buttons-primary-normal);color:var(--buttons-alternative-normal)}.bmb_fab-main-small{height:3rem;width:3rem}.bmb_fab-main-large{height:4rem;width:4rem}.bmb_fab-main-action{transition:transform .5s ease-in-out}.bmb_fab-main.active{background:var(--general-contrasts-input-background);border-color:var(--general-contrasts-main-selection);color:var(--general-contrasts-main-selection)}.bmb_fab-main:active{animation:rotateAnimation .5s ease-in-out forwards}.bmb_fab-main:focus,.bmb_fab-main:focus-visible{background:var(--general-contrasts-25);border-color:var(--general-contrasts-main-selection);color:var(--general-contrasts-main-selection)}.bmb_fab-main:hover{background:var(--general-contrasts-50);border-color:transparent;color:var(--buttons-alternative-normal)}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}\n"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], mitec: [{ type: i0.Input, args: [{ isSignal: true, alias: "mitec", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], fabClick: [{ type: i0.Output, args: ["fabClick"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 
 class BmbThemeComponent {
     constructor() {
@@ -5270,7 +5294,7 @@ class BmbSidebarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbSidebarComponent, isStandalone: true, selector: "bmb-sidebar", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:focusin": "onFocusIn()", "window:focusout": "onFocusOut()" } }, viewQueries: [{ propertyName: "sideNav", first: true, predicate: ["sideNav"], descendants: true }], ngImport: i0, template: "<!-- Template for element -->\n<ng-template\n  #elementTemplate\n  let-element=\"element\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-isChild=\"isChild\"\n  let-isMobile=\"isMobile\"\n  let-hasChildren=\"hasChildren\"\n>\n  @if (!isHeader && !!element.icon) {\n    <bmb-icon\n      class=\"bmb_sidebar-icon\"\n      [icon]=\"element.icon\"\n      [alt]=\"element.title\"\n      [size]=\"24\"\n    />\n  }\n  <span\n    [ngClass]=\"{\n      'bmb_sidebar-text': !isHeader,\n      'bmb_sidebar-header-text': isHeader\n    }\"\n  >\n    {{ element!.title }}\n  </span>\n  @if (isFixed) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-header-icon\"\n      idElement=\"sidebar_close\"\n      icon=\"close\"\n      [iconSize]=\"24\"\n      [isAccentColor]=\"false\"\n      (buttonClick)=\"closeSidebar()\"\n    />\n  }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n  <bmb-check-external-link-button\n    class=\"bmb_sidebar-link\"\n    [idElement]=\"'element' + item.id!\"\n    [link]=\"\n      getLink({ isMobile, hasChildren: !!item.children, link: item.link! })\n    \"\n    [target]=\"\n      checkForButton({\n        isMobile,\n        hasChildren: !!item.children\n      })\n        ? item.target!\n        : ''\n    \"\n    (buttonClick)=\"toggleChildren(item)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n    />\n    @if (!!item.children) {\n      <bmb-icon\n        class=\"bmb_sidebar-arrow\"\n        [icon]=\"\n          !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n        \"\n        [size]=\"24\"\n      />\n    }\n  </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n  @if (!error) {\n    @for (group of elements().slice(0, 2); track $index) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (element of group; track $index) {\n          <li\n            class=\"bmb_sidebar-item\"\n            [ngClass]=\"{\n              'bmb_sidebar-item-left-space':\n                position() === 'right' &&\n                hasSubmenu &&\n                !element.children?.length\n            }\"\n            (click)=\"checkToCloseSidebar(element)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: element, isMobile }\n              \"\n            />\n            @if (!!element.children && level === 1) {\n              <ng-container\n                *ngTemplateOutlet=\"\n                  sidebarElementTemplate;\n                  context: {\n                    element: element,\n                    iconSize: 24,\n                    isFixed: true,\n                    level: 2,\n                    selectedElement,\n                    isMobile\n                  }\n                \"\n              />\n            }\n          </li>\n        }\n      </ul>\n    }\n  } @else {\n    <p class=\"bmb_sidebar-error\">\n      Error: The sidebar component has exceeded the maximum allowed elements.\n    </p>\n  }\n</ng-template>\n\n<ng-template\n  #sidebarElementTemplate\n  let-element=\"element\"\n  let-iconSize=\"iconSize\"\n  let-level=\"level\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-selectedElement=\"selectedElement\"\n  let-isMobile=\"isMobile\"\n>\n  @if (level == 1 && isMobile) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-mobile-button\"\n      idElement=\"sidebar_main\"\n      icon=\"chevron_right\"\n      [iconSize]=\"iconSize\"\n      toggleIconActive=\"chevron_left\"\n      [isAccentColor]=\"false\"\n      [(isToggleActive)]=\"isOpen\"\n      (buttonClick)=\"clearSelectElement()\"\n    />\n  }\n  <section\n    [tabIndex]=\"-1\"\n    [ngClass]=\"{\n      'bmb_sidebar-children': level >= 2 && !!element.children,\n      'bmb_sidebar-children-open':\n        level >= 2 && !!element.children && selectedElement === element,\n      'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n      bmb_sidebar: isMobile && level == 1,\n      'bmb_sidebar-mobile': isMobile && level == 1\n    }\"\n  >\n    @if (isOpen) {\n      <section\n        [ngClass]=\"{\n          'bmb_sidebar-header': level == 1,\n          'bmb_sidebar-title': level >= 2\n        }\"\n      >\n        @if (level >= 2 && !!selectedElement) {\n          <bmb-action-icon\n            class=\"bmb_sidebar-title-button\"\n            [idElement]=\"element.id.toString()\"\n            icon=\"chevron_left\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleChildren(element)\"\n          />\n        }\n        <!-- Header -->\n        <ng-container\n          *ngTemplateOutlet=\"\n            elementTemplate;\n            context: {\n              element,\n              isHeader: true,\n              isFixed,\n              hasChildren: !!element.children\n            }\n          \"\n        />\n      </section>\n\n      @if (level == 1) {\n        <!-- Menu -->\n        <ng-container\n          *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n        />\n      }\n    }\n    @if (level >= 2 && !!element.children) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (child of element?.children?.slice(0, 6); track $index) {\n          <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: child, isMobile, isChild: true }\n              \"\n            />\n          </li>\n        }\n      </ul>\n    }\n  </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n  #sideNav\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\n  aria-label=\"Sidebar Navigation\"\n  [ngClass]=\"{\n    'bmb-active': isActive,\n    'bmb_sidebar-desktop-right': position() === 'right'\n  }\"\n  (mouseleave)=\"clearSelectElement()\"\n>\n  <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        sidebarTemplate;\n        context: { level: 1, isMobile: false }\n      \"\n    />\n  </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      sidebarElementTemplate;\n      context: {\n        element: {\n          title: title()\n        },\n        iconSize: 32,\n        isHeader: true,\n        isFixed: true,\n        level: 1,\n        isMobile: true\n      }\n    \"\n  />\n</nav>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--black-primary));border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--black-primary));color:rgb(var(--white-primary))}@media (min-width: 62.5625rem){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--gray-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--white-primary));font-family:Poppins-Bold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:focus:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible),.bmb_sidebar-desktop:focus-visible:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible) .bmb_sidebar-text,.bmb_sidebar-desktop:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto;border-radius:var(--bmb-radius-6) var(--bmb-radius-none) var(--bmb-radius-none) var(--bmb-radius-6)}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none)}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-width: 62.5625rem){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus-visible .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid rgb(var(--gray-charade-800));margin-top:1.5rem;padding-top:1.5rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:var(--bmb-radius-6);overflow:hidden;color:rgb(var(--white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--white-primary));color:rgb(var(--black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);background-color:rgb(var(--black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid rgb(var(--gray-charade-800));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbSidebarComponent, isStandalone: true, selector: "bmb-sidebar", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:focusin": "onFocusIn()", "window:focusout": "onFocusOut()" } }, viewQueries: [{ propertyName: "sideNav", first: true, predicate: ["sideNav"], descendants: true }], ngImport: i0, template: "<!-- Template for element -->\n<ng-template\n  #elementTemplate\n  let-element=\"element\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-isChild=\"isChild\"\n  let-isMobile=\"isMobile\"\n  let-hasChildren=\"hasChildren\"\n>\n  @if (!isHeader && !!element.icon) {\n    <bmb-icon\n      class=\"bmb_sidebar-icon\"\n      [icon]=\"element.icon\"\n      [alt]=\"element.title\"\n      [size]=\"24\"\n    />\n  }\n  <span\n    [ngClass]=\"{\n      'bmb_sidebar-text': !isHeader,\n      'bmb_sidebar-header-text': isHeader\n    }\"\n  >\n    {{ element!.title }}\n  </span>\n  @if (isFixed) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-header-icon\"\n      idElement=\"sidebar_close\"\n      icon=\"close\"\n      [iconSize]=\"24\"\n      [isAccentColor]=\"false\"\n      (buttonClick)=\"closeSidebar()\"\n    />\n  }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n  <bmb-check-external-link-button\n    class=\"bmb_sidebar-link\"\n    [idElement]=\"'element' + item.id!\"\n    [link]=\"\n      getLink({ isMobile, hasChildren: !!item.children, link: item.link! })\n    \"\n    [target]=\"\n      checkForButton({\n        isMobile,\n        hasChildren: !!item.children\n      })\n        ? ''\n        : item.target!\n    \"\n    (buttonClick)=\"toggleChildren(item)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n    />\n    @if (!!item.children) {\n      <bmb-icon\n        class=\"bmb_sidebar-arrow\"\n        [icon]=\"\n          !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n        \"\n        [size]=\"24\"\n      />\n    }\n  </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n  @if (!error) {\n    @for (group of elements().slice(0, 2); track $index) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (element of group; track $index) {\n          <li\n            class=\"bmb_sidebar-item\"\n            [ngClass]=\"{\n              'bmb_sidebar-item-left-space':\n                position() === 'right' &&\n                hasSubmenu &&\n                !element.children?.length\n            }\"\n            (click)=\"checkToCloseSidebar(element)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: element, isMobile }\n              \"\n            />\n            @if (!!element.children && level === 1) {\n              <ng-container\n                *ngTemplateOutlet=\"\n                  sidebarElementTemplate;\n                  context: {\n                    element: element,\n                    iconSize: 24,\n                    isFixed: true,\n                    level: 2,\n                    selectedElement,\n                    isMobile\n                  }\n                \"\n              />\n            }\n          </li>\n        }\n      </ul>\n    }\n  } @else {\n    <p class=\"bmb_sidebar-error\">\n      Error: The sidebar component has exceeded the maximum allowed elements.\n    </p>\n  }\n</ng-template>\n\n<ng-template\n  #sidebarElementTemplate\n  let-element=\"element\"\n  let-iconSize=\"iconSize\"\n  let-level=\"level\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-selectedElement=\"selectedElement\"\n  let-isMobile=\"isMobile\"\n>\n  @if (level == 1 && isMobile) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-mobile-button\"\n      idElement=\"sidebar_main\"\n      icon=\"chevron_right\"\n      [iconSize]=\"iconSize\"\n      toggleIconActive=\"chevron_left\"\n      [isAccentColor]=\"false\"\n      [(isToggleActive)]=\"isOpen\"\n      (buttonClick)=\"clearSelectElement()\"\n    />\n  }\n  <section\n    [tabIndex]=\"-1\"\n    [ngClass]=\"{\n      'bmb_sidebar-children': level >= 2 && !!element.children,\n      'bmb_sidebar-children-open':\n        level >= 2 && !!element.children && selectedElement === element,\n      'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n      bmb_sidebar: isMobile && level == 1,\n      'bmb_sidebar-mobile': isMobile && level == 1\n    }\"\n  >\n    @if (isOpen) {\n      <section\n        [ngClass]=\"{\n          'bmb_sidebar-header': level == 1,\n          'bmb_sidebar-title': level >= 2\n        }\"\n      >\n        @if (level >= 2 && !!selectedElement) {\n          <bmb-action-icon\n            class=\"bmb_sidebar-title-button\"\n            [idElement]=\"element.id.toString()\"\n            icon=\"chevron_left\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleChildren(element)\"\n          />\n        }\n        <!-- Header -->\n        <ng-container\n          *ngTemplateOutlet=\"\n            elementTemplate;\n            context: {\n              element,\n              isHeader: true,\n              isFixed,\n              hasChildren: !!element.children\n            }\n          \"\n        />\n      </section>\n\n      @if (level == 1) {\n        <!-- Menu -->\n        <ng-container\n          *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n        />\n      }\n    }\n    @if (level >= 2 && !!element.children) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (child of element?.children?.slice(0, 6); track $index) {\n          <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: child, isMobile, isChild: true }\n              \"\n            />\n          </li>\n        }\n      </ul>\n    }\n  </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n  #sideNav\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\n  aria-label=\"Sidebar Navigation\"\n  [ngClass]=\"{\n    'bmb-active': isActive,\n    'bmb_sidebar-desktop-right': position() === 'right'\n  }\"\n  (mouseleave)=\"clearSelectElement()\"\n>\n  <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        sidebarTemplate;\n        context: { level: 1, isMobile: false }\n      \"\n    />\n  </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      sidebarElementTemplate;\n      context: {\n        element: {\n          title: title()\n        },\n        iconSize: 32,\n        isHeader: true,\n        isFixed: true,\n        level: 1,\n        isMobile: true\n      }\n    \"\n  />\n</nav>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--black-primary));border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--black-primary));color:rgb(var(--white-primary))}@media (min-width: 62.5625rem){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--gray-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--white-primary));font-family:Poppins-Bold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:focus:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible),.bmb_sidebar-desktop:focus-visible:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible) .bmb_sidebar-text,.bmb_sidebar-desktop:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto;border-radius:var(--bmb-radius-6) var(--bmb-radius-none) var(--bmb-radius-none) var(--bmb-radius-6)}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none)}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-width: 62.5625rem){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus-visible .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid rgb(var(--gray-charade-800));margin-top:1.5rem;padding-top:1.5rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:var(--bmb-radius-6);overflow:hidden;color:rgb(var(--white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--white-primary));color:rgb(var(--black-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element:hover .bmb_icon-figure-image,.bmb_sidebar-link .bmb_check-external-link-button-element:focus .bmb_icon-figure-image,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible .bmb_icon-figure-image{filter:invert(100%)}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);background-color:rgb(var(--black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid rgb(var(--gray-charade-800));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbSidebarComponent, decorators: [{
             type: Component,
@@ -5279,7 +5303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbIconComponent,
                         BmbCheckExternalLinkButtonComponent,
                         BmbActionIconComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\n<ng-template\n  #elementTemplate\n  let-element=\"element\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-isChild=\"isChild\"\n  let-isMobile=\"isMobile\"\n  let-hasChildren=\"hasChildren\"\n>\n  @if (!isHeader && !!element.icon) {\n    <bmb-icon\n      class=\"bmb_sidebar-icon\"\n      [icon]=\"element.icon\"\n      [alt]=\"element.title\"\n      [size]=\"24\"\n    />\n  }\n  <span\n    [ngClass]=\"{\n      'bmb_sidebar-text': !isHeader,\n      'bmb_sidebar-header-text': isHeader\n    }\"\n  >\n    {{ element!.title }}\n  </span>\n  @if (isFixed) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-header-icon\"\n      idElement=\"sidebar_close\"\n      icon=\"close\"\n      [iconSize]=\"24\"\n      [isAccentColor]=\"false\"\n      (buttonClick)=\"closeSidebar()\"\n    />\n  }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n  <bmb-check-external-link-button\n    class=\"bmb_sidebar-link\"\n    [idElement]=\"'element' + item.id!\"\n    [link]=\"\n      getLink({ isMobile, hasChildren: !!item.children, link: item.link! })\n    \"\n    [target]=\"\n      checkForButton({\n        isMobile,\n        hasChildren: !!item.children\n      })\n        ? item.target!\n        : ''\n    \"\n    (buttonClick)=\"toggleChildren(item)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n    />\n    @if (!!item.children) {\n      <bmb-icon\n        class=\"bmb_sidebar-arrow\"\n        [icon]=\"\n          !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n        \"\n        [size]=\"24\"\n      />\n    }\n  </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n  @if (!error) {\n    @for (group of elements().slice(0, 2); track $index) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (element of group; track $index) {\n          <li\n            class=\"bmb_sidebar-item\"\n            [ngClass]=\"{\n              'bmb_sidebar-item-left-space':\n                position() === 'right' &&\n                hasSubmenu &&\n                !element.children?.length\n            }\"\n            (click)=\"checkToCloseSidebar(element)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: element, isMobile }\n              \"\n            />\n            @if (!!element.children && level === 1) {\n              <ng-container\n                *ngTemplateOutlet=\"\n                  sidebarElementTemplate;\n                  context: {\n                    element: element,\n                    iconSize: 24,\n                    isFixed: true,\n                    level: 2,\n                    selectedElement,\n                    isMobile\n                  }\n                \"\n              />\n            }\n          </li>\n        }\n      </ul>\n    }\n  } @else {\n    <p class=\"bmb_sidebar-error\">\n      Error: The sidebar component has exceeded the maximum allowed elements.\n    </p>\n  }\n</ng-template>\n\n<ng-template\n  #sidebarElementTemplate\n  let-element=\"element\"\n  let-iconSize=\"iconSize\"\n  let-level=\"level\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-selectedElement=\"selectedElement\"\n  let-isMobile=\"isMobile\"\n>\n  @if (level == 1 && isMobile) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-mobile-button\"\n      idElement=\"sidebar_main\"\n      icon=\"chevron_right\"\n      [iconSize]=\"iconSize\"\n      toggleIconActive=\"chevron_left\"\n      [isAccentColor]=\"false\"\n      [(isToggleActive)]=\"isOpen\"\n      (buttonClick)=\"clearSelectElement()\"\n    />\n  }\n  <section\n    [tabIndex]=\"-1\"\n    [ngClass]=\"{\n      'bmb_sidebar-children': level >= 2 && !!element.children,\n      'bmb_sidebar-children-open':\n        level >= 2 && !!element.children && selectedElement === element,\n      'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n      bmb_sidebar: isMobile && level == 1,\n      'bmb_sidebar-mobile': isMobile && level == 1\n    }\"\n  >\n    @if (isOpen) {\n      <section\n        [ngClass]=\"{\n          'bmb_sidebar-header': level == 1,\n          'bmb_sidebar-title': level >= 2\n        }\"\n      >\n        @if (level >= 2 && !!selectedElement) {\n          <bmb-action-icon\n            class=\"bmb_sidebar-title-button\"\n            [idElement]=\"element.id.toString()\"\n            icon=\"chevron_left\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleChildren(element)\"\n          />\n        }\n        <!-- Header -->\n        <ng-container\n          *ngTemplateOutlet=\"\n            elementTemplate;\n            context: {\n              element,\n              isHeader: true,\n              isFixed,\n              hasChildren: !!element.children\n            }\n          \"\n        />\n      </section>\n\n      @if (level == 1) {\n        <!-- Menu -->\n        <ng-container\n          *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n        />\n      }\n    }\n    @if (level >= 2 && !!element.children) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (child of element?.children?.slice(0, 6); track $index) {\n          <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: child, isMobile, isChild: true }\n              \"\n            />\n          </li>\n        }\n      </ul>\n    }\n  </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n  #sideNav\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\n  aria-label=\"Sidebar Navigation\"\n  [ngClass]=\"{\n    'bmb-active': isActive,\n    'bmb_sidebar-desktop-right': position() === 'right'\n  }\"\n  (mouseleave)=\"clearSelectElement()\"\n>\n  <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        sidebarTemplate;\n        context: { level: 1, isMobile: false }\n      \"\n    />\n  </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      sidebarElementTemplate;\n      context: {\n        element: {\n          title: title()\n        },\n        iconSize: 32,\n        isHeader: true,\n        isFixed: true,\n        level: 1,\n        isMobile: true\n      }\n    \"\n  />\n</nav>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--black-primary));border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--black-primary));color:rgb(var(--white-primary))}@media (min-width: 62.5625rem){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--gray-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--white-primary));font-family:Poppins-Bold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:focus:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible),.bmb_sidebar-desktop:focus-visible:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible) .bmb_sidebar-text,.bmb_sidebar-desktop:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto;border-radius:var(--bmb-radius-6) var(--bmb-radius-none) var(--bmb-radius-none) var(--bmb-radius-6)}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none)}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-width: 62.5625rem){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus-visible .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid rgb(var(--gray-charade-800));margin-top:1.5rem;padding-top:1.5rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:var(--bmb-radius-6);overflow:hidden;color:rgb(var(--white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--white-primary));color:rgb(var(--black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);background-color:rgb(var(--black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid rgb(var(--gray-charade-800));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\n<ng-template\n  #elementTemplate\n  let-element=\"element\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-isChild=\"isChild\"\n  let-isMobile=\"isMobile\"\n  let-hasChildren=\"hasChildren\"\n>\n  @if (!isHeader && !!element.icon) {\n    <bmb-icon\n      class=\"bmb_sidebar-icon\"\n      [icon]=\"element.icon\"\n      [alt]=\"element.title\"\n      [size]=\"24\"\n    />\n  }\n  <span\n    [ngClass]=\"{\n      'bmb_sidebar-text': !isHeader,\n      'bmb_sidebar-header-text': isHeader\n    }\"\n  >\n    {{ element!.title }}\n  </span>\n  @if (isFixed) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-header-icon\"\n      idElement=\"sidebar_close\"\n      icon=\"close\"\n      [iconSize]=\"24\"\n      [isAccentColor]=\"false\"\n      (buttonClick)=\"closeSidebar()\"\n    />\n  }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n  <bmb-check-external-link-button\n    class=\"bmb_sidebar-link\"\n    [idElement]=\"'element' + item.id!\"\n    [link]=\"\n      getLink({ isMobile, hasChildren: !!item.children, link: item.link! })\n    \"\n    [target]=\"\n      checkForButton({\n        isMobile,\n        hasChildren: !!item.children\n      })\n        ? ''\n        : item.target!\n    \"\n    (buttonClick)=\"toggleChildren(item)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n    />\n    @if (!!item.children) {\n      <bmb-icon\n        class=\"bmb_sidebar-arrow\"\n        [icon]=\"\n          !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n        \"\n        [size]=\"24\"\n      />\n    }\n  </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n  @if (!error) {\n    @for (group of elements().slice(0, 2); track $index) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (element of group; track $index) {\n          <li\n            class=\"bmb_sidebar-item\"\n            [ngClass]=\"{\n              'bmb_sidebar-item-left-space':\n                position() === 'right' &&\n                hasSubmenu &&\n                !element.children?.length\n            }\"\n            (click)=\"checkToCloseSidebar(element)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: element, isMobile }\n              \"\n            />\n            @if (!!element.children && level === 1) {\n              <ng-container\n                *ngTemplateOutlet=\"\n                  sidebarElementTemplate;\n                  context: {\n                    element: element,\n                    iconSize: 24,\n                    isFixed: true,\n                    level: 2,\n                    selectedElement,\n                    isMobile\n                  }\n                \"\n              />\n            }\n          </li>\n        }\n      </ul>\n    }\n  } @else {\n    <p class=\"bmb_sidebar-error\">\n      Error: The sidebar component has exceeded the maximum allowed elements.\n    </p>\n  }\n</ng-template>\n\n<ng-template\n  #sidebarElementTemplate\n  let-element=\"element\"\n  let-iconSize=\"iconSize\"\n  let-level=\"level\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-selectedElement=\"selectedElement\"\n  let-isMobile=\"isMobile\"\n>\n  @if (level == 1 && isMobile) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-mobile-button\"\n      idElement=\"sidebar_main\"\n      icon=\"chevron_right\"\n      [iconSize]=\"iconSize\"\n      toggleIconActive=\"chevron_left\"\n      [isAccentColor]=\"false\"\n      [(isToggleActive)]=\"isOpen\"\n      (buttonClick)=\"clearSelectElement()\"\n    />\n  }\n  <section\n    [tabIndex]=\"-1\"\n    [ngClass]=\"{\n      'bmb_sidebar-children': level >= 2 && !!element.children,\n      'bmb_sidebar-children-open':\n        level >= 2 && !!element.children && selectedElement === element,\n      'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n      bmb_sidebar: isMobile && level == 1,\n      'bmb_sidebar-mobile': isMobile && level == 1\n    }\"\n  >\n    @if (isOpen) {\n      <section\n        [ngClass]=\"{\n          'bmb_sidebar-header': level == 1,\n          'bmb_sidebar-title': level >= 2\n        }\"\n      >\n        @if (level >= 2 && !!selectedElement) {\n          <bmb-action-icon\n            class=\"bmb_sidebar-title-button\"\n            [idElement]=\"element.id.toString()\"\n            icon=\"chevron_left\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleChildren(element)\"\n          />\n        }\n        <!-- Header -->\n        <ng-container\n          *ngTemplateOutlet=\"\n            elementTemplate;\n            context: {\n              element,\n              isHeader: true,\n              isFixed,\n              hasChildren: !!element.children\n            }\n          \"\n        />\n      </section>\n\n      @if (level == 1) {\n        <!-- Menu -->\n        <ng-container\n          *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n        />\n      }\n    }\n    @if (level >= 2 && !!element.children) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (child of element?.children?.slice(0, 6); track $index) {\n          <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: child, isMobile, isChild: true }\n              \"\n            />\n          </li>\n        }\n      </ul>\n    }\n  </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n  #sideNav\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\n  aria-label=\"Sidebar Navigation\"\n  [ngClass]=\"{\n    'bmb-active': isActive,\n    'bmb_sidebar-desktop-right': position() === 'right'\n  }\"\n  (mouseleave)=\"clearSelectElement()\"\n>\n  <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        sidebarTemplate;\n        context: { level: 1, isMobile: false }\n      \"\n    />\n  </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      sidebarElementTemplate;\n      context: {\n        element: {\n          title: title()\n        },\n        iconSize: 32,\n        isHeader: true,\n        isFixed: true,\n        level: 1,\n        isMobile: true\n      }\n    \"\n  />\n</nav>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--black-primary));border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--black-primary));color:rgb(var(--white-primary))}@media (min-width: 62.5625rem){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--gray-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--white-primary));font-family:Poppins-Bold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:focus:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible),.bmb_sidebar-desktop:focus-visible:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible) .bmb_sidebar-text,.bmb_sidebar-desktop:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto;border-radius:var(--bmb-radius-6) var(--bmb-radius-none) var(--bmb-radius-none) var(--bmb-radius-6)}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none)}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-width: 62.5625rem){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus-visible .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid rgb(var(--gray-charade-800));margin-top:1.5rem;padding-top:1.5rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:var(--bmb-radius-6);overflow:hidden;color:rgb(var(--white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--white-primary));color:rgb(var(--black-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element:hover .bmb_icon-figure-image,.bmb_sidebar-link .bmb_check-external-link-button-element:focus .bmb_icon-figure-image,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible .bmb_icon-figure-image{filter:invert(100%)}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);background-color:rgb(var(--black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid rgb(var(--gray-charade-800));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { elements: [{ type: i0.Input, args: [{ isSignal: true, alias: "elements", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], sideNav: [{
                 type: ViewChild,
                 args: ['sideNav']
@@ -6135,11 +6159,13 @@ class BmbTopBarUserSectionComponent {
         this.showNotifications = input(true, ...(ngDevMode ? [{ debugName: "showNotifications" }] : []));
         this.notificationNotification = input([], ...(ngDevMode ? [{ debugName: "notificationNotification" }] : []));
         this.showRoleButton = input(false, ...(ngDevMode ? [{ debugName: "showRoleButton" }] : []));
+        this.showSearchButton = input(false, ...(ngDevMode ? [{ debugName: "showSearchButton" }] : []));
         this.showHelpButton = input(false, ...(ngDevMode ? [{ debugName: "showHelpButton" }] : []));
         this.helpButtonClick = output();
         this.userClick = output();
         this.alertClick = output();
         this.roleButtonClick = output();
+        this.searchButtonClick = output();
         this.isOpenNotifications = false;
         this.dialogPosition = {
             top: '0px',
@@ -6169,8 +6195,16 @@ class BmbTopBarUserSectionComponent {
             text: 'Cambio de usuario',
             action: (event) => this.handleRoleChange(event),
         };
+        const search = {
+            idItem: 'search',
+            icon: 'search',
+            text: 'Buscar',
+            action: (event) => this.handleSearchChange(event),
+        };
         if (this.showRoleButton())
             menu.unshift(changeUser);
+        if (this.showSearchButton())
+            menu.unshift(search);
         if (this.showNotifications())
             menu.unshift(notification);
         return menu;
@@ -6193,8 +6227,11 @@ class BmbTopBarUserSectionComponent {
     handleRoleChange(event) {
         this.roleButtonClick.emit(event);
     }
+    handleSearchChange(event) {
+        this.searchButtonClick.emit(event);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTopBarUserSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbTopBarUserSectionComponent, isStandalone: true, selector: "bmb-top-bar-user-section", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationNotification: { classPropertyName: "notificationNotification", publicName: "notificationNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { helpButtonClick: "helpButtonClick", userClick: "userClick", alertClick: "alertClick", roleButtonClick: "roleButtonClick" }, ngImport: i0, template: "<section\n  bmbLayout\n  margin=\"none\"\n  gapSize=\"m\"\n  justify=\"center\"\n  alignItems=\"center\"\n  [dynamicCols]=\"true\"\n  class=\"bmb_top-bar-user-section\"\n  [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n  @if (mitec()) {\n    @if (showRoleButton() || showNotifications()) {\n      <bmb-dropdown-menu\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n        [items]=\"getMenu()\"\n      />\n    }\n    @if (showRoleButton()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"compare_arrows\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"handleRoleChange($event)\"\n      />\n    }\n    @if (showNotifications()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"notifications\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"openNotifications($event)\"\n        [dotNotification]=\"totalNotifications()\"\n      />\n    }\n  } @else if (showRoleButton()) {\n    <bmb-action-icon\n      bmbLayoutItem\n      icon=\"compare_arrows\"\n      [iconSize]=\"32\"\n      (buttonClick)=\"handleRoleChange($event)\"\n    />\n  }\n  @if (showHelpButton() || mitec()) {\n    <bmb-button-icon\n      bmbLayoutItem\n      [ngClass]=\"{\n        'bmb_top-bar-user-section-no-mobile':\n          mitec() && (showRoleButton() || showNotifications())\n      }\"\n      icon=\"help\"\n      [showContainer]=\"false\"\n      (onButtonClick)=\"handleHelpButtonClick($event)\"\n    />\n  }\n  @if (!!userInformation()) {\n    <bmb-user-summary-content\n      bmbLayoutItem\n      [image]=\"userInformation().image\"\n      [altImage]=\"userInformation.name\"\n      [name]=\"mitec() ? userInformation().name : ''\"\n      imageSize=\"mobile-small\"\n      [isImageBordered]=\"false\"\n      [role]=\"mitec() ? userInformation().role : ''\"\n      contentLayout=\"row\"\n      salutation=\"\"\n      (onUserClick)=\"handleUserClick($event)\"\n    />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--gray-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--gray-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbButtonIconComponent, selector: "bmb-button-icon", inputs: ["appearanceContrast", "idElement", "icon", "showContainer", "disabled", "active", "isOutline"], outputs: ["activeChange", "isOutlineChange", "onButtonClick"] }, { 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: "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: "20.3.16", type: BmbTopBarUserSectionComponent, isStandalone: true, selector: "bmb-top-bar-user-section", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationNotification: { classPropertyName: "notificationNotification", publicName: "notificationNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showSearchButton: { classPropertyName: "showSearchButton", publicName: "showSearchButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { helpButtonClick: "helpButtonClick", userClick: "userClick", alertClick: "alertClick", roleButtonClick: "roleButtonClick", searchButtonClick: "searchButtonClick" }, ngImport: i0, template: "<section\n  bmbLayout\n  margin=\"none\"\n  gapSize=\"m\"\n  justify=\"center\"\n  alignItems=\"center\"\n  [dynamicCols]=\"true\"\n  class=\"bmb_top-bar-user-section\"\n  [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n  @if (mitec()) {\n    @if (showRoleButton() || showNotifications()) {\n      <bmb-dropdown-menu\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n        [items]=\"getMenu()\"\n      />\n    }\n    @if (showSearchButton()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"search\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"handleSearchChange($event)\"\n      />\n    } @else if (showRoleButton()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"compare_arrows\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"handleRoleChange($event)\"\n      />\n    }\n    @if (showNotifications()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"notifications\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"openNotifications($event)\"\n        [dotNotification]=\"totalNotifications()\"\n      />\n    }\n  } @else if (showRoleButton()) {\n    <bmb-action-icon\n      bmbLayoutItem\n      icon=\"compare_arrows\"\n      [iconSize]=\"32\"\n      (buttonClick)=\"handleRoleChange($event)\"\n    />\n  }\n  @if (showHelpButton() || mitec()) {\n    <bmb-button-icon\n      bmbLayoutItem\n      [ngClass]=\"{\n        'bmb_top-bar-user-section-no-mobile':\n          mitec() && (showRoleButton() || showNotifications())\n      }\"\n      icon=\"help\"\n      [showContainer]=\"false\"\n      (onButtonClick)=\"handleHelpButtonClick($event)\"\n    />\n  }\n  @if (!!userInformation()) {\n    <bmb-user-summary-content\n      bmbLayoutItem\n      [image]=\"userInformation().image\"\n      [altImage]=\"userInformation.name\"\n      [name]=\"mitec() ? userInformation().name : ''\"\n      imageSize=\"mobile-small\"\n      [isImageBordered]=\"false\"\n      [role]=\"mitec() ? userInformation().role : ''\"\n      contentLayout=\"row\"\n      salutation=\"\"\n      (onUserClick)=\"handleUserClick($event)\"\n    />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--gray-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--gray-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbButtonIconComponent, selector: "bmb-button-icon", inputs: ["appearanceContrast", "idElement", "icon", "showContainer", "disabled", "active", "isOutline"], outputs: ["activeChange", "isOutlineChange", "onButtonClick"] }, { 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: "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTopBarUserSectionComponent, decorators: [{
             type: Component,
@@ -6206,8 +6243,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbUserSummaryContentComponent,
                         BmbLayoutDirective,
                         BmbLayoutItemDirective,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  bmbLayout\n  margin=\"none\"\n  gapSize=\"m\"\n  justify=\"center\"\n  alignItems=\"center\"\n  [dynamicCols]=\"true\"\n  class=\"bmb_top-bar-user-section\"\n  [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n  @if (mitec()) {\n    @if (showRoleButton() || showNotifications()) {\n      <bmb-dropdown-menu\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n        [items]=\"getMenu()\"\n      />\n    }\n    @if (showRoleButton()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"compare_arrows\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"handleRoleChange($event)\"\n      />\n    }\n    @if (showNotifications()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"notifications\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"openNotifications($event)\"\n        [dotNotification]=\"totalNotifications()\"\n      />\n    }\n  } @else if (showRoleButton()) {\n    <bmb-action-icon\n      bmbLayoutItem\n      icon=\"compare_arrows\"\n      [iconSize]=\"32\"\n      (buttonClick)=\"handleRoleChange($event)\"\n    />\n  }\n  @if (showHelpButton() || mitec()) {\n    <bmb-button-icon\n      bmbLayoutItem\n      [ngClass]=\"{\n        'bmb_top-bar-user-section-no-mobile':\n          mitec() && (showRoleButton() || showNotifications())\n      }\"\n      icon=\"help\"\n      [showContainer]=\"false\"\n      (onButtonClick)=\"handleHelpButtonClick($event)\"\n    />\n  }\n  @if (!!userInformation()) {\n    <bmb-user-summary-content\n      bmbLayoutItem\n      [image]=\"userInformation().image\"\n      [altImage]=\"userInformation.name\"\n      [name]=\"mitec() ? userInformation().name : ''\"\n      imageSize=\"mobile-small\"\n      [isImageBordered]=\"false\"\n      [role]=\"mitec() ? userInformation().role : ''\"\n      contentLayout=\"row\"\n      salutation=\"\"\n      (onUserClick)=\"handleUserClick($event)\"\n    />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--gray-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--gray-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"] }]
-        }], propDecorators: { userInformation: [{ type: i0.Input, args: [{ isSignal: true, alias: "userInformation", required: false }] }], mitec: [{ type: i0.Input, args: [{ isSignal: true, alias: "mitec", required: false }] }], showNotifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNotifications", required: false }] }], notificationNotification: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationNotification", required: false }] }], showRoleButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRoleButton", required: false }] }], showHelpButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHelpButton", required: false }] }], helpButtonClick: [{ type: i0.Output, args: ["helpButtonClick"] }], userClick: [{ type: i0.Output, args: ["userClick"] }], alertClick: [{ type: i0.Output, args: ["alertClick"] }], roleButtonClick: [{ type: i0.Output, args: ["roleButtonClick"] }] } });
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  bmbLayout\n  margin=\"none\"\n  gapSize=\"m\"\n  justify=\"center\"\n  alignItems=\"center\"\n  [dynamicCols]=\"true\"\n  class=\"bmb_top-bar-user-section\"\n  [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n  @if (mitec()) {\n    @if (showRoleButton() || showNotifications()) {\n      <bmb-dropdown-menu\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n        [items]=\"getMenu()\"\n      />\n    }\n    @if (showSearchButton()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"search\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"handleSearchChange($event)\"\n      />\n    } @else if (showRoleButton()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"compare_arrows\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"handleRoleChange($event)\"\n      />\n    }\n    @if (showNotifications()) {\n      <bmb-action-icon\n        bmbLayoutItem\n        class=\"bmb_top-bar-user-section-no-mobile\"\n        icon=\"notifications\"\n        [iconSize]=\"32\"\n        (buttonClick)=\"openNotifications($event)\"\n        [dotNotification]=\"totalNotifications()\"\n      />\n    }\n  } @else if (showRoleButton()) {\n    <bmb-action-icon\n      bmbLayoutItem\n      icon=\"compare_arrows\"\n      [iconSize]=\"32\"\n      (buttonClick)=\"handleRoleChange($event)\"\n    />\n  }\n  @if (showHelpButton() || mitec()) {\n    <bmb-button-icon\n      bmbLayoutItem\n      [ngClass]=\"{\n        'bmb_top-bar-user-section-no-mobile':\n          mitec() && (showRoleButton() || showNotifications())\n      }\"\n      icon=\"help\"\n      [showContainer]=\"false\"\n      (onButtonClick)=\"handleHelpButtonClick($event)\"\n    />\n  }\n  @if (!!userInformation()) {\n    <bmb-user-summary-content\n      bmbLayoutItem\n      [image]=\"userInformation().image\"\n      [altImage]=\"userInformation.name\"\n      [name]=\"mitec() ? userInformation().name : ''\"\n      imageSize=\"mobile-small\"\n      [isImageBordered]=\"false\"\n      [role]=\"mitec() ? userInformation().role : ''\"\n      contentLayout=\"row\"\n      salutation=\"\"\n      (onUserClick)=\"handleUserClick($event)\"\n    />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--gray-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--gray-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"] }]
+        }], propDecorators: { userInformation: [{ type: i0.Input, args: [{ isSignal: true, alias: "userInformation", required: false }] }], mitec: [{ type: i0.Input, args: [{ isSignal: true, alias: "mitec", required: false }] }], showNotifications: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNotifications", required: false }] }], notificationNotification: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationNotification", required: false }] }], showRoleButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRoleButton", required: false }] }], showSearchButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearchButton", required: false }] }], showHelpButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHelpButton", required: false }] }], helpButtonClick: [{ type: i0.Output, args: ["helpButtonClick"] }], userClick: [{ type: i0.Output, args: ["userClick"] }], alertClick: [{ type: i0.Output, args: ["alertClick"] }], roleButtonClick: [{ type: i0.Output, args: ["roleButtonClick"] }], searchButtonClick: [{ type: i0.Output, args: ["searchButtonClick"] }] } });
 
 class BmbTopBarComponent {
     constructor() {
@@ -6219,6 +6256,7 @@ class BmbTopBarComponent {
         this.mitec = input(false, ...(ngDevMode ? [{ debugName: "mitec" }] : []));
         this.alertNotification = input([], ...(ngDevMode ? [{ debugName: "alertNotification" }] : []));
         this.showRoleButton = input(false, ...(ngDevMode ? [{ debugName: "showRoleButton" }] : []));
+        this.showSearchButton = input(false, ...(ngDevMode ? [{ debugName: "showSearchButton" }] : []));
         this.showHelpButton = input(false, ...(ngDevMode ? [{ debugName: "showHelpButton" }] : []));
         this.allowSidebarForMobile = input(true, ...(ngDevMode ? [{ debugName: "allowSidebarForMobile" }] : []));
         this.image = model('', ...(ngDevMode ? [{ debugName: "image" }] : []));
@@ -6228,6 +6266,7 @@ class BmbTopBarComponent {
         this.alertButtonClick = output();
         this.roleButtonClick = output();
         this.backToHomeClick = output();
+        this.searchButtonClick = output();
         this.showAnimation = true;
         this.imageDefault = 'assets/images/tec-logo.svg';
         this.mobileImageDefault = 'assets/images/tec-logo-mob.svg';
@@ -6265,16 +6304,19 @@ class BmbTopBarComponent {
     handleRoleChange(event) {
         this.roleButtonClick.emit(event);
     }
+    handleSearchChange(event) {
+        this.searchButtonClick.emit(event);
+    }
     handleBackToHome() {
         this.backToHomeClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTopBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbTopBarComponent, isStandalone: true, selector: "bmb-top-bar", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, appPowered: { classPropertyName: "appPowered", publicName: "appPowered", isSignal: true, isRequired: false, transformFunction: null }, appSubTitle: { classPropertyName: "appSubTitle", publicName: "appSubTitle", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, alertNotification: { classPropertyName: "alertNotification", publicName: "alertNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null }, allowSidebarForMobile: { classPropertyName: "allowSidebarForMobile", publicName: "allowSidebarForMobile", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, mobileImage: { classPropertyName: "mobileImage", publicName: "mobileImage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { image: "imageChange", mobileImage: "mobileImageChange", helpButtonClick: "helpButtonClick", userProfileClick: "userProfileClick", alertButtonClick: "alertButtonClick", roleButtonClick: "roleButtonClick", backToHomeClick: "backToHomeClick" }, ngImport: i0, template: "<header\n  class=\"bmb_top-bar bmb_top-bar-animated\"\n  [ngClass]=\"{\n    'bmb_top-bar-animated': showAnimation,\n    'bmb_top-bar-sidebar': allowSidebarForMobile()\n  }\"\n>\n  <figure\n    class=\"bmb_top-bar-logo-section\"\n    (keydown)=\"handleBackToHome()\"\n    (click)=\"handleBackToHome()\"\n    tabindex=\"0\"\n  >\n    <picture>\n      <source [media]=\"getNoMobileResolutionSize()\" [srcset]=\"image()\" />\n      <source [srcset]=\"mobileImage()\" />\n      <img [src]=\"image()\" alt=\"TEC de Monterrey\" loading=\"lazy\" />\n    </picture>\n  </figure>\n  <nav class=\"bmb_top-bar-nav\">\n    <section class=\"bmb_top-bar-app-name\">\n      @if (appName() && !mitec()) {\n        <h1>{{ appName() }}</h1>\n      }\n      <span class=\"bmb_top-bar-app-name-powered\">{{ appPowered() }}</span>\n    </section>\n    @if (userInformation()) {\n      <bmb-top-bar-user-section\n        [mitec]=\"mitec()\"\n        [userInformation]=\"userInformation()!\"\n        [notificationNotification]=\"alertNotification()!\"\n        [showHelpButton]=\"showHelpButton() || mitec()\"\n        (helpButtonClick)=\"handleHelpButtonClick($event)\"\n        (userClick)=\"handleUserClick($event)\"\n        (alertClick)=\"handleAlertClick($event)\"\n        (roleButtonClick)=\"handleRoleChange($event)\"\n        [showRoleButton]=\"showRoleButton()\"\n        [showNotifications]=\"!!alertNotification()\"\n      />\n    }\n  </nav>\n</header>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes expandWidthSmooth{0%{width:26rem}75%{width:100%;transform:scaleX(1.05)}to{width:100%;transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.bmb_top-bar{background-color:rgb(var(--black-primary));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:.5rem 1rem;gap:1rem;align-items:center;position:relative;z-index:2;height:64px}@media (max-width: 62.5rem){.bmb_top-bar-sidebar{padding-left:3rem}}.bmb_top-bar-open{border-radius:var(--bmb-radius-none)}@media (min-width: 62.5625rem){.bmb_top-bar-animated{width:26rem;animation:expandWidthSmooth 2s ease-out 1s forwards;margin:auto}.bmb_top-bar-animated>div:not(.bmb_top-bar-button-section),.bmb_top-bar-animated>nav{opacity:0;visibility:hidden;animation:fadeIn 1s ease-in 3s forwards}}.bmb_top-bar-button-section{display:flex;align-items:center;gap:.25rem}@media (max-width: 62.5rem){.bmb_top-bar-button-section{display:none}}.bmb_top-bar-button-menu{padding:1.25rem;background-color:transparent;display:flex;align-items:center;position:relative;width:2.5rem;border-radius:var(--bmb-radius-5)}.bmb_top-bar-button-menu-icon{position:absolute;left:.5rem;top:.125rem}.bmb_top-bar-button-menu:hover:not(:disabled),.bmb_top-bar-button-menu:focus-visible:not(:disabled){background-color:var(--white-min)}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-menu i{color:rgb(var(--gray-charade-50));transition:all .3s ease}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-menu i{opacity:0;transform:rotate(180deg)}.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-close i{opacity:1}.bmb_top-bar-button-menu i{position:absolute;left:0;top:.25rem}.bmb_top-bar-logo-section{margin:0;width:auto;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-logo-section{width:max-content}}.bmb_top-bar-logo-section img{width:auto;height:2.125rem}.bmb_top-bar-mb-app{display:flex;justify-content:center;width:100%}.bmb_top-bar-mb-app-name{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;text-align:center}.bmb_top-bar-app-name{max-width:100%;display:flex;gap:1rem;align-items:center;flex:1;justify-content:center}@media (min-width: 62.5625rem){.bmb_top-bar-app-name{justify-content:start}}.bmb_top-bar-app-name h1{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (min-width: 62.5625rem){.bmb_top-bar-app-name h1{display:flex}}.bmb_top-bar-app-name-powered{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-left:.0625rem solid rgb(var(--white-primary));display:none}@media (min-width: 62.5625rem){.bmb_top-bar-app-name-powered{display:inline-block;max-width:max-content;padding-left:1rem}}.bmb_top-bar-always-visible-content{flex:1;justify-content:flex-end;display:flex;gap:.625rem}@media (min-width: 62.5625rem){.bmb_top-bar-always-visible-content{flex:auto;max-width:max-content}}.bmb_top-bar-nav{flex:1;display:flex;list-style:none;gap:1rem;align-items:center}@media (max-width: 62.5rem){.bmb_top-bar-nav-open{transition:opacity .3s ease;position:absolute;top:100%;z-index:99;background-color:rgb(var(--black-primary));left:0;flex-flow:column;width:100%;align-items:flex-start;opacity:1;height:max-content;max-height:9999px;padding-bottom:1rem}.bmb_top-bar-nav-open .bmb_top-bar-nav-content{flex-flow:column;width:100%;align-items:flex-start;gap:0}.bmb_top-bar-nav-open>li:first-child{order:-1}.bmb_top-bar-nav-open>li:last-child{order:0}}@media (min-width: 62.5625rem){.bmb_top-bar-nav{display:flex;justify-content:inherit}}.bmb_top-bar-nav-content{margin:0;padding:0;list-style:none;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.bmb_top-bar-nav bmb-top-bar-user-section .bmb_top-bar-user-section{width:auto}.bmb_top-bar-lang{display:flex;gap:1rem;align-items:center}.bmb_top-bar-lang-flag{margin:0;display:inline-block;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-full)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbTopBarUserSectionComponent, selector: "bmb-top-bar-user-section", inputs: ["userInformation", "mitec", "showNotifications", "notificationNotification", "showRoleButton", "showHelpButton"], outputs: ["helpButtonClick", "userClick", "alertClick", "roleButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbTopBarComponent, isStandalone: true, selector: "bmb-top-bar", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, appPowered: { classPropertyName: "appPowered", publicName: "appPowered", isSignal: true, isRequired: false, transformFunction: null }, appSubTitle: { classPropertyName: "appSubTitle", publicName: "appSubTitle", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, alertNotification: { classPropertyName: "alertNotification", publicName: "alertNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showSearchButton: { classPropertyName: "showSearchButton", publicName: "showSearchButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null }, allowSidebarForMobile: { classPropertyName: "allowSidebarForMobile", publicName: "allowSidebarForMobile", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, mobileImage: { classPropertyName: "mobileImage", publicName: "mobileImage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { image: "imageChange", mobileImage: "mobileImageChange", helpButtonClick: "helpButtonClick", userProfileClick: "userProfileClick", alertButtonClick: "alertButtonClick", roleButtonClick: "roleButtonClick", backToHomeClick: "backToHomeClick", searchButtonClick: "searchButtonClick" }, ngImport: i0, template: "<header\n  class=\"bmb_top-bar bmb_top-bar-animated\"\n  [ngClass]=\"{\n    'bmb_top-bar-animated': showAnimation,\n    'bmb_top-bar-sidebar': allowSidebarForMobile()\n  }\"\n>\n  <figure\n    class=\"bmb_top-bar-logo-section\"\n    (keydown)=\"handleBackToHome()\"\n    (click)=\"handleBackToHome()\"\n    tabindex=\"0\"\n  >\n    <picture>\n      <source [media]=\"getNoMobileResolutionSize()\" [srcset]=\"image()\" />\n      <source [srcset]=\"mobileImage()\" />\n      <img [src]=\"image()\" alt=\"TEC de Monterrey\" loading=\"lazy\" />\n    </picture>\n  </figure>\n  <nav class=\"bmb_top-bar-nav\">\n    <section class=\"bmb_top-bar-app-name\">\n      @if (appName() && !mitec()) {\n        <h1>{{ appName() }}</h1>\n      }\n      <span class=\"bmb_top-bar-app-name-powered\">{{ appPowered() }}</span>\n    </section>\n    @if (userInformation()) {\n      <bmb-top-bar-user-section\n        [mitec]=\"mitec()\"\n        [userInformation]=\"userInformation()!\"\n        [notificationNotification]=\"alertNotification()!\"\n        [showHelpButton]=\"showHelpButton() || mitec()\"\n        (helpButtonClick)=\"handleHelpButtonClick($event)\"\n        (userClick)=\"handleUserClick($event)\"\n        (alertClick)=\"handleAlertClick($event)\"\n        (roleButtonClick)=\"handleRoleChange($event)\"\n        [showRoleButton]=\"showRoleButton()\"\n        [showSearchButton]=\"showSearchButton()\"\n        (searchButtonClick)=\"handleSearchChange($event)\"\n        [showNotifications]=\"!!alertNotification()\"\n      />\n    }\n  </nav>\n</header>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes expandWidthSmooth{0%{width:26rem}75%{width:100%;transform:scaleX(1.05)}to{width:100%;transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.bmb_top-bar{background-color:rgb(var(--black-primary));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:.5rem 1rem;gap:1rem;align-items:center;position:relative;z-index:2;height:64px}@media (max-width: 62.5rem){.bmb_top-bar-sidebar{padding-left:3rem}}.bmb_top-bar-open{border-radius:var(--bmb-radius-none)}@media (min-width: 62.5625rem){.bmb_top-bar-animated{width:26rem;animation:expandWidthSmooth 2s ease-out 1s forwards;margin:auto}.bmb_top-bar-animated>div:not(.bmb_top-bar-button-section),.bmb_top-bar-animated>nav{opacity:0;visibility:hidden;animation:fadeIn 1s ease-in 3s forwards}}.bmb_top-bar-button-section{display:flex;align-items:center;gap:.25rem}@media (max-width: 62.5rem){.bmb_top-bar-button-section{display:none}}.bmb_top-bar-button-menu{padding:1.25rem;background-color:transparent;display:flex;align-items:center;position:relative;width:2.5rem;border-radius:var(--bmb-radius-5)}.bmb_top-bar-button-menu-icon{position:absolute;left:.5rem;top:.125rem}.bmb_top-bar-button-menu:hover:not(:disabled),.bmb_top-bar-button-menu:focus-visible:not(:disabled){background-color:var(--white-min)}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-menu i{color:rgb(var(--gray-charade-50));transition:all .3s ease}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-menu i{opacity:0;transform:rotate(180deg)}.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-close i{opacity:1}.bmb_top-bar-button-menu i{position:absolute;left:0;top:.25rem}.bmb_top-bar-logo-section{margin:0;width:auto;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-logo-section{width:max-content}}.bmb_top-bar-logo-section img{width:auto;height:2.125rem}.bmb_top-bar-mb-app{display:flex;justify-content:center;width:100%}.bmb_top-bar-mb-app-name{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;text-align:center}.bmb_top-bar-app-name{max-width:100%;display:flex;gap:1rem;align-items:center;flex:1;justify-content:center}@media (min-width: 62.5625rem){.bmb_top-bar-app-name{justify-content:start}}.bmb_top-bar-app-name h1{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (min-width: 62.5625rem){.bmb_top-bar-app-name h1{display:flex}}.bmb_top-bar-app-name-powered{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-left:.0625rem solid rgb(var(--white-primary));display:none}@media (min-width: 62.5625rem){.bmb_top-bar-app-name-powered{display:inline-block;max-width:max-content;padding-left:1rem}}.bmb_top-bar-always-visible-content{flex:1;justify-content:flex-end;display:flex;gap:.625rem}@media (min-width: 62.5625rem){.bmb_top-bar-always-visible-content{flex:auto;max-width:max-content}}.bmb_top-bar-nav{flex:1;display:flex;list-style:none;gap:1rem;align-items:center}@media (max-width: 62.5rem){.bmb_top-bar-nav-open{transition:opacity .3s ease;position:absolute;top:100%;z-index:99;background-color:rgb(var(--black-primary));left:0;flex-flow:column;width:100%;align-items:flex-start;opacity:1;height:max-content;max-height:9999px;padding-bottom:1rem}.bmb_top-bar-nav-open .bmb_top-bar-nav-content{flex-flow:column;width:100%;align-items:flex-start;gap:0}.bmb_top-bar-nav-open>li:first-child{order:-1}.bmb_top-bar-nav-open>li:last-child{order:0}}@media (min-width: 62.5625rem){.bmb_top-bar-nav{display:flex;justify-content:inherit}}.bmb_top-bar-nav-content{margin:0;padding:0;list-style:none;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.bmb_top-bar-nav bmb-top-bar-user-section .bmb_top-bar-user-section{width:auto}.bmb_top-bar-lang{display:flex;gap:1rem;align-items:center}.bmb_top-bar-lang-flag{margin:0;display:inline-block;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-full)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbTopBarUserSectionComponent, selector: "bmb-top-bar-user-section", inputs: ["userInformation", "mitec", "showNotifications", "notificationNotification", "showRoleButton", "showSearchButton", "showHelpButton"], outputs: ["helpButtonClick", "userClick", "alertClick", "roleButtonClick", "searchButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTopBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-top-bar', standalone: true, imports: [CommonModule, BmbTopBarUserSectionComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header\n  class=\"bmb_top-bar bmb_top-bar-animated\"\n  [ngClass]=\"{\n    'bmb_top-bar-animated': showAnimation,\n    'bmb_top-bar-sidebar': allowSidebarForMobile()\n  }\"\n>\n  <figure\n    class=\"bmb_top-bar-logo-section\"\n    (keydown)=\"handleBackToHome()\"\n    (click)=\"handleBackToHome()\"\n    tabindex=\"0\"\n  >\n    <picture>\n      <source [media]=\"getNoMobileResolutionSize()\" [srcset]=\"image()\" />\n      <source [srcset]=\"mobileImage()\" />\n      <img [src]=\"image()\" alt=\"TEC de Monterrey\" loading=\"lazy\" />\n    </picture>\n  </figure>\n  <nav class=\"bmb_top-bar-nav\">\n    <section class=\"bmb_top-bar-app-name\">\n      @if (appName() && !mitec()) {\n        <h1>{{ appName() }}</h1>\n      }\n      <span class=\"bmb_top-bar-app-name-powered\">{{ appPowered() }}</span>\n    </section>\n    @if (userInformation()) {\n      <bmb-top-bar-user-section\n        [mitec]=\"mitec()\"\n        [userInformation]=\"userInformation()!\"\n        [notificationNotification]=\"alertNotification()!\"\n        [showHelpButton]=\"showHelpButton() || mitec()\"\n        (helpButtonClick)=\"handleHelpButtonClick($event)\"\n        (userClick)=\"handleUserClick($event)\"\n        (alertClick)=\"handleAlertClick($event)\"\n        (roleButtonClick)=\"handleRoleChange($event)\"\n        [showRoleButton]=\"showRoleButton()\"\n        [showNotifications]=\"!!alertNotification()\"\n      />\n    }\n  </nav>\n</header>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes expandWidthSmooth{0%{width:26rem}75%{width:100%;transform:scaleX(1.05)}to{width:100%;transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.bmb_top-bar{background-color:rgb(var(--black-primary));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:.5rem 1rem;gap:1rem;align-items:center;position:relative;z-index:2;height:64px}@media (max-width: 62.5rem){.bmb_top-bar-sidebar{padding-left:3rem}}.bmb_top-bar-open{border-radius:var(--bmb-radius-none)}@media (min-width: 62.5625rem){.bmb_top-bar-animated{width:26rem;animation:expandWidthSmooth 2s ease-out 1s forwards;margin:auto}.bmb_top-bar-animated>div:not(.bmb_top-bar-button-section),.bmb_top-bar-animated>nav{opacity:0;visibility:hidden;animation:fadeIn 1s ease-in 3s forwards}}.bmb_top-bar-button-section{display:flex;align-items:center;gap:.25rem}@media (max-width: 62.5rem){.bmb_top-bar-button-section{display:none}}.bmb_top-bar-button-menu{padding:1.25rem;background-color:transparent;display:flex;align-items:center;position:relative;width:2.5rem;border-radius:var(--bmb-radius-5)}.bmb_top-bar-button-menu-icon{position:absolute;left:.5rem;top:.125rem}.bmb_top-bar-button-menu:hover:not(:disabled),.bmb_top-bar-button-menu:focus-visible:not(:disabled){background-color:var(--white-min)}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-menu i{color:rgb(var(--gray-charade-50));transition:all .3s ease}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-menu i{opacity:0;transform:rotate(180deg)}.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-close i{opacity:1}.bmb_top-bar-button-menu i{position:absolute;left:0;top:.25rem}.bmb_top-bar-logo-section{margin:0;width:auto;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-logo-section{width:max-content}}.bmb_top-bar-logo-section img{width:auto;height:2.125rem}.bmb_top-bar-mb-app{display:flex;justify-content:center;width:100%}.bmb_top-bar-mb-app-name{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;text-align:center}.bmb_top-bar-app-name{max-width:100%;display:flex;gap:1rem;align-items:center;flex:1;justify-content:center}@media (min-width: 62.5625rem){.bmb_top-bar-app-name{justify-content:start}}.bmb_top-bar-app-name h1{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (min-width: 62.5625rem){.bmb_top-bar-app-name h1{display:flex}}.bmb_top-bar-app-name-powered{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-left:.0625rem solid rgb(var(--white-primary));display:none}@media (min-width: 62.5625rem){.bmb_top-bar-app-name-powered{display:inline-block;max-width:max-content;padding-left:1rem}}.bmb_top-bar-always-visible-content{flex:1;justify-content:flex-end;display:flex;gap:.625rem}@media (min-width: 62.5625rem){.bmb_top-bar-always-visible-content{flex:auto;max-width:max-content}}.bmb_top-bar-nav{flex:1;display:flex;list-style:none;gap:1rem;align-items:center}@media (max-width: 62.5rem){.bmb_top-bar-nav-open{transition:opacity .3s ease;position:absolute;top:100%;z-index:99;background-color:rgb(var(--black-primary));left:0;flex-flow:column;width:100%;align-items:flex-start;opacity:1;height:max-content;max-height:9999px;padding-bottom:1rem}.bmb_top-bar-nav-open .bmb_top-bar-nav-content{flex-flow:column;width:100%;align-items:flex-start;gap:0}.bmb_top-bar-nav-open>li:first-child{order:-1}.bmb_top-bar-nav-open>li:last-child{order:0}}@media (min-width: 62.5625rem){.bmb_top-bar-nav{display:flex;justify-content:inherit}}.bmb_top-bar-nav-content{margin:0;padding:0;list-style:none;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.bmb_top-bar-nav bmb-top-bar-user-section .bmb_top-bar-user-section{width:auto}.bmb_top-bar-lang{display:flex;gap:1rem;align-items:center}.bmb_top-bar-lang-flag{margin:0;display:inline-block;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-full)}\n"] }]
-        }], propDecorators: { userInformation: [{ type: i0.Input, args: [{ isSignal: true, alias: "userInformation", required: false }] }], appName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appName", required: false }] }], appPowered: [{ type: i0.Input, args: [{ isSignal: true, alias: "appPowered", required: false }] }], appSubTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appSubTitle", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], mitec: [{ type: i0.Input, args: [{ isSignal: true, alias: "mitec", required: false }] }], alertNotification: [{ type: i0.Input, args: [{ isSignal: true, alias: "alertNotification", required: false }] }], showRoleButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRoleButton", required: false }] }], showHelpButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHelpButton", required: false }] }], allowSidebarForMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowSidebarForMobile", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }, { type: i0.Output, args: ["imageChange"] }], mobileImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileImage", required: false }] }, { type: i0.Output, args: ["mobileImageChange"] }], helpButtonClick: [{ type: i0.Output, args: ["helpButtonClick"] }], userProfileClick: [{ type: i0.Output, args: ["userProfileClick"] }], alertButtonClick: [{ type: i0.Output, args: ["alertButtonClick"] }], roleButtonClick: [{ type: i0.Output, args: ["roleButtonClick"] }], backToHomeClick: [{ type: i0.Output, args: ["backToHomeClick"] }] } });
+            args: [{ selector: 'bmb-top-bar', standalone: true, imports: [CommonModule, BmbTopBarUserSectionComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header\n  class=\"bmb_top-bar bmb_top-bar-animated\"\n  [ngClass]=\"{\n    'bmb_top-bar-animated': showAnimation,\n    'bmb_top-bar-sidebar': allowSidebarForMobile()\n  }\"\n>\n  <figure\n    class=\"bmb_top-bar-logo-section\"\n    (keydown)=\"handleBackToHome()\"\n    (click)=\"handleBackToHome()\"\n    tabindex=\"0\"\n  >\n    <picture>\n      <source [media]=\"getNoMobileResolutionSize()\" [srcset]=\"image()\" />\n      <source [srcset]=\"mobileImage()\" />\n      <img [src]=\"image()\" alt=\"TEC de Monterrey\" loading=\"lazy\" />\n    </picture>\n  </figure>\n  <nav class=\"bmb_top-bar-nav\">\n    <section class=\"bmb_top-bar-app-name\">\n      @if (appName() && !mitec()) {\n        <h1>{{ appName() }}</h1>\n      }\n      <span class=\"bmb_top-bar-app-name-powered\">{{ appPowered() }}</span>\n    </section>\n    @if (userInformation()) {\n      <bmb-top-bar-user-section\n        [mitec]=\"mitec()\"\n        [userInformation]=\"userInformation()!\"\n        [notificationNotification]=\"alertNotification()!\"\n        [showHelpButton]=\"showHelpButton() || mitec()\"\n        (helpButtonClick)=\"handleHelpButtonClick($event)\"\n        (userClick)=\"handleUserClick($event)\"\n        (alertClick)=\"handleAlertClick($event)\"\n        (roleButtonClick)=\"handleRoleChange($event)\"\n        [showRoleButton]=\"showRoleButton()\"\n        [showSearchButton]=\"showSearchButton()\"\n        (searchButtonClick)=\"handleSearchChange($event)\"\n        [showNotifications]=\"!!alertNotification()\"\n      />\n    }\n  </nav>\n</header>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes expandWidthSmooth{0%{width:26rem}75%{width:100%;transform:scaleX(1.05)}to{width:100%;transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.bmb_top-bar{background-color:rgb(var(--black-primary));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:.5rem 1rem;gap:1rem;align-items:center;position:relative;z-index:2;height:64px}@media (max-width: 62.5rem){.bmb_top-bar-sidebar{padding-left:3rem}}.bmb_top-bar-open{border-radius:var(--bmb-radius-none)}@media (min-width: 62.5625rem){.bmb_top-bar-animated{width:26rem;animation:expandWidthSmooth 2s ease-out 1s forwards;margin:auto}.bmb_top-bar-animated>div:not(.bmb_top-bar-button-section),.bmb_top-bar-animated>nav{opacity:0;visibility:hidden;animation:fadeIn 1s ease-in 3s forwards}}.bmb_top-bar-button-section{display:flex;align-items:center;gap:.25rem}@media (max-width: 62.5rem){.bmb_top-bar-button-section{display:none}}.bmb_top-bar-button-menu{padding:1.25rem;background-color:transparent;display:flex;align-items:center;position:relative;width:2.5rem;border-radius:var(--bmb-radius-5)}.bmb_top-bar-button-menu-icon{position:absolute;left:.5rem;top:.125rem}.bmb_top-bar-button-menu:hover:not(:disabled),.bmb_top-bar-button-menu:focus-visible:not(:disabled){background-color:var(--white-min)}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-menu i{color:rgb(var(--gray-charade-50));transition:all .3s ease}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-menu i{opacity:0;transform:rotate(180deg)}.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-close i{opacity:1}.bmb_top-bar-button-menu i{position:absolute;left:0;top:.25rem}.bmb_top-bar-logo-section{margin:0;width:auto;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-logo-section{width:max-content}}.bmb_top-bar-logo-section img{width:auto;height:2.125rem}.bmb_top-bar-mb-app{display:flex;justify-content:center;width:100%}.bmb_top-bar-mb-app-name{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;text-align:center}.bmb_top-bar-app-name{max-width:100%;display:flex;gap:1rem;align-items:center;flex:1;justify-content:center}@media (min-width: 62.5625rem){.bmb_top-bar-app-name{justify-content:start}}.bmb_top-bar-app-name h1{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (min-width: 62.5625rem){.bmb_top-bar-app-name h1{display:flex}}.bmb_top-bar-app-name-powered{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-left:.0625rem solid rgb(var(--white-primary));display:none}@media (min-width: 62.5625rem){.bmb_top-bar-app-name-powered{display:inline-block;max-width:max-content;padding-left:1rem}}.bmb_top-bar-always-visible-content{flex:1;justify-content:flex-end;display:flex;gap:.625rem}@media (min-width: 62.5625rem){.bmb_top-bar-always-visible-content{flex:auto;max-width:max-content}}.bmb_top-bar-nav{flex:1;display:flex;list-style:none;gap:1rem;align-items:center}@media (max-width: 62.5rem){.bmb_top-bar-nav-open{transition:opacity .3s ease;position:absolute;top:100%;z-index:99;background-color:rgb(var(--black-primary));left:0;flex-flow:column;width:100%;align-items:flex-start;opacity:1;height:max-content;max-height:9999px;padding-bottom:1rem}.bmb_top-bar-nav-open .bmb_top-bar-nav-content{flex-flow:column;width:100%;align-items:flex-start;gap:0}.bmb_top-bar-nav-open>li:first-child{order:-1}.bmb_top-bar-nav-open>li:last-child{order:0}}@media (min-width: 62.5625rem){.bmb_top-bar-nav{display:flex;justify-content:inherit}}.bmb_top-bar-nav-content{margin:0;padding:0;list-style:none;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.bmb_top-bar-nav bmb-top-bar-user-section .bmb_top-bar-user-section{width:auto}.bmb_top-bar-lang{display:flex;gap:1rem;align-items:center}.bmb_top-bar-lang-flag{margin:0;display:inline-block;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-full)}\n"] }]
+        }], propDecorators: { userInformation: [{ type: i0.Input, args: [{ isSignal: true, alias: "userInformation", required: false }] }], appName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appName", required: false }] }], appPowered: [{ type: i0.Input, args: [{ isSignal: true, alias: "appPowered", required: false }] }], appSubTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appSubTitle", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], mitec: [{ type: i0.Input, args: [{ isSignal: true, alias: "mitec", required: false }] }], alertNotification: [{ type: i0.Input, args: [{ isSignal: true, alias: "alertNotification", required: false }] }], showRoleButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRoleButton", required: false }] }], showSearchButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearchButton", required: false }] }], showHelpButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHelpButton", required: false }] }], allowSidebarForMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowSidebarForMobile", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }, { type: i0.Output, args: ["imageChange"] }], mobileImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileImage", required: false }] }, { type: i0.Output, args: ["mobileImageChange"] }], helpButtonClick: [{ type: i0.Output, args: ["helpButtonClick"] }], userProfileClick: [{ type: i0.Output, args: ["userProfileClick"] }], alertButtonClick: [{ type: i0.Output, args: ["alertButtonClick"] }], roleButtonClick: [{ type: i0.Output, args: ["roleButtonClick"] }], backToHomeClick: [{ type: i0.Output, args: ["backToHomeClick"] }], searchButtonClick: [{ type: i0.Output, args: ["searchButtonClick"] }] } });
 
 class BmbTopBarItemComponent {
     constructor() {
@@ -6413,7 +6455,7 @@ class BmbTotpComponent {
         return this.codeForm.get(name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTotpComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbTotpComponent, isStandalone: true, selector: "bmb-totp", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null }, codeError: { classPropertyName: "codeError", publicName: "codeError", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, showButton: { classPropertyName: "showButton", publicName: "showButton", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, disableButton: { classPropertyName: "disableButton", publicName: "disableButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleSubmit: "handleSubmit" }, host: { listeners: { "keydown": "handleKeyDown($event)", "paste": "handlePaste($event)" } }, ngImport: i0, template: "<section class=\"bmb_totp\">\n  <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n    <bmb-container\n      class=\"bmb_totp-container\"\n      [appearance]=\"'contrast-box-container'\"\n    >\n      <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n      <h2 class=\"bmb_totp-title\">\n        {{ title() || ('totp.title' | translate) }}\n      </h2>\n      <h3 class=\"bmb_totp-subtitle\">\n        {{ subtitle() || ('totp.subtitle' | translate) }}\n      </h3>\n      <section class=\"bmb_totp-code\">\n        @for (field of codesArray(); track $index) {\n          <section class=\"bmb_totp-separator\">\n            <bmb-input-content\n              type=\"number\"\n              class=\"bmb_totp-input\"\n              [inputId]=\"'code_' + instanceId() + '_' + $index\"\n              [name]=\"'name_' + instanceId() + '_' + $index\"\n              [maxLength]=\"1\"\n              [isError]=\"codeError()\"\n              [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n              (onKeyUp)=\"handleKeyUp($event, $index)\"\n            />\n          </section>\n        }\n      </section>\n      @if (codeError()) {\n        <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n      }\n      @if (showButton()) {\n        <button\n          class=\"bmb_totp-button\"\n          bmbButton\n          size=\"large\"\n          type=\"submit\"\n          [disabled]=\"disableButton()\"\n        >\n          {{ buttonText() }}\n        </button>\n      }\n      @if (showButton() && helperText()) {\n        <p class=\"bmb_totp-helper\">\n          {{ helperText() }}\n        </p>\n      }\n    </bmb-container>\n  </form>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general-contrasts-100);font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general-contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general-contrasts-input-outline);border-radius:var(--bmb-radius-full);content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:var(--bmb-radius-1);position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}\n"], 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"] }, { kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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", "clearEvent"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbTotpComponent, isStandalone: true, selector: "bmb-totp", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null }, codeError: { classPropertyName: "codeError", publicName: "codeError", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, showButton: { classPropertyName: "showButton", publicName: "showButton", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, disableButton: { classPropertyName: "disableButton", publicName: "disableButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleSubmit: "handleSubmit" }, host: { listeners: { "keydown": "handleKeyDown($event)", "paste": "handlePaste($event)" } }, ngImport: i0, template: "<section class=\"bmb_totp\">\n  <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n    <bmb-container\n      class=\"bmb_totp-container\"\n      [appearance]=\"'contrast-box-container'\"\n    >\n      <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n      <h2 class=\"bmb_totp-title\">\n        {{ title() || ('totp.title' | translate) }}\n      </h2>\n      <h3 class=\"bmb_totp-subtitle\">\n        {{ subtitle() || ('totp.subtitle' | translate) }}\n      </h3>\n      <section class=\"bmb_totp-code\">\n        @for (field of codesArray(); track $index) {\n          <section class=\"bmb_totp-separator\">\n            <bmb-input-content\n              type=\"number\"\n              class=\"bmb_totp-input\"\n              [inputId]=\"'code_' + instanceId() + '_' + $index\"\n              [name]=\"'name_' + instanceId() + '_' + $index\"\n              [maxLength]=\"1\"\n              [isError]=\"codeError()\"\n              [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n              (onKeyUp)=\"handleKeyUp($event, $index)\"\n            />\n          </section>\n        }\n      </section>\n      @if (codeError()) {\n        <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n      }\n      @if (showButton()) {\n        <button\n          class=\"bmb_totp-button\"\n          bmbButton\n          size=\"large\"\n          type=\"submit\"\n          [disabled]=\"disableButton()\"\n        >\n          {{ buttonText() }}\n        </button>\n      }\n      @if (showButton() && helperText()) {\n        <p class=\"bmb_totp-helper\">\n          {{ helperText() }}\n        </p>\n      }\n    </bmb-container>\n  </form>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general-contrasts-100);font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general-contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general-contrasts-input-outline);border-radius:var(--bmb-radius-full);content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:var(--bmb-radius-1);position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}\n"], 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"] }, { kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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", "clearEvent"] }, { 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTotpComponent, decorators: [{
             type: Component,
@@ -6425,7 +6467,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbInputContentComponent,
                         BmbButtonDirective,
                         TranslatePipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_totp\">\n  <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n    <bmb-container\n      class=\"bmb_totp-container\"\n      [appearance]=\"'contrast-box-container'\"\n    >\n      <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n      <h2 class=\"bmb_totp-title\">\n        {{ title() || ('totp.title' | translate) }}\n      </h2>\n      <h3 class=\"bmb_totp-subtitle\">\n        {{ subtitle() || ('totp.subtitle' | translate) }}\n      </h3>\n      <section class=\"bmb_totp-code\">\n        @for (field of codesArray(); track $index) {\n          <section class=\"bmb_totp-separator\">\n            <bmb-input-content\n              type=\"number\"\n              class=\"bmb_totp-input\"\n              [inputId]=\"'code_' + instanceId() + '_' + $index\"\n              [name]=\"'name_' + instanceId() + '_' + $index\"\n              [maxLength]=\"1\"\n              [isError]=\"codeError()\"\n              [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n              (onKeyUp)=\"handleKeyUp($event, $index)\"\n            />\n          </section>\n        }\n      </section>\n      @if (codeError()) {\n        <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n      }\n      @if (showButton()) {\n        <button\n          class=\"bmb_totp-button\"\n          bmbButton\n          size=\"large\"\n          type=\"submit\"\n          [disabled]=\"disableButton()\"\n        >\n          {{ buttonText() }}\n        </button>\n      }\n      @if (showButton() && helperText()) {\n        <p class=\"bmb_totp-helper\">\n          {{ helperText() }}\n        </p>\n      }\n    </bmb-container>\n  </form>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general-contrasts-100);font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general-contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general-contrasts-input-outline);border-radius:var(--bmb-radius-full);content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:var(--bmb-radius-1);position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_totp\">\n  <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n    <bmb-container\n      class=\"bmb_totp-container\"\n      [appearance]=\"'contrast-box-container'\"\n    >\n      <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n      <h2 class=\"bmb_totp-title\">\n        {{ title() || ('totp.title' | translate) }}\n      </h2>\n      <h3 class=\"bmb_totp-subtitle\">\n        {{ subtitle() || ('totp.subtitle' | translate) }}\n      </h3>\n      <section class=\"bmb_totp-code\">\n        @for (field of codesArray(); track $index) {\n          <section class=\"bmb_totp-separator\">\n            <bmb-input-content\n              type=\"number\"\n              class=\"bmb_totp-input\"\n              [inputId]=\"'code_' + instanceId() + '_' + $index\"\n              [name]=\"'name_' + instanceId() + '_' + $index\"\n              [maxLength]=\"1\"\n              [isError]=\"codeError()\"\n              [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n              (onKeyUp)=\"handleKeyUp($event, $index)\"\n            />\n          </section>\n        }\n      </section>\n      @if (codeError()) {\n        <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n      }\n      @if (showButton()) {\n        <button\n          class=\"bmb_totp-button\"\n          bmbButton\n          size=\"large\"\n          type=\"submit\"\n          [disabled]=\"disableButton()\"\n        >\n          {{ buttonText() }}\n        </button>\n      }\n      @if (showButton() && helperText()) {\n        <p class=\"bmb_totp-helper\">\n          {{ helperText() }}\n        </p>\n      }\n    </bmb-container>\n  </form>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general-contrasts-100);font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general-contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general-contrasts-input-outline);border-radius:var(--bmb-radius-full);content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:var(--bmb-radius-1);position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}\n"] }]
         }], ctorParameters: () => [{ type: i2.FormBuilder }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], instanceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "instanceId", required: false }] }], codeError: [{ type: i0.Input, args: [{ isSignal: true, alias: "codeError", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], helperText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helperText", required: false }] }], showButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButton", required: false }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: false }] }], disableButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableButton", required: false }] }], handleSubmit: [{ type: i0.Output, args: ["handleSubmit"] }], handleKeyDown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
@@ -7532,7 +7574,7 @@ class BmbTablesComponent {
         return classList;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTablesComponent, deps: [{ token: i0.Renderer2 }, { token: i1$1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }, filtersModel: { classPropertyName: "filtersModel", publicName: "filtersModel", 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", filtersModel: "filtersModelChange", 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]=\"'table.filters.search' | translate\"\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 + ('table.filters.min' | translate)\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ('table.filters.max' | translate)\"\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                    [placeholderStartDate]=\"\n                      'table.filters.startDatePlaceholder' | translate\n                    \"\n                    [placeholderEndDate]=\"\n                      'table.filters.endDatePlaceholder' | translate\n                    \"\n                    [icon]=\"'calendar_month'\"\n                    [labelEndDate]=\"'table.filters.endDate' | translate\"\n                    [labelStartDate]=\"'table.filters.startDate' | translate\"\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]=\"'table.filters.filter' | translate\"\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 ? 'zoom_out_map' : 'zoom_out_map'\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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-header-row,.bmb_table-row.mat-mdc-row{height:auto}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:.25rem .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;text-overflow:ellipsis;overflow:hidden}@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:var(--general-contrasts-100);overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:left}.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(--general_contrasts-75)}.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(--general-contrasts-100);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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "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], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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", "max", "min", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "inputId", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }, filtersModel: { classPropertyName: "filtersModel", publicName: "filtersModel", 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", filtersModel: "filtersModelChange", 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]=\"'table.filters.search' | translate\"\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 + ('table.filters.min' | translate)\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ('table.filters.max' | translate)\"\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                    [placeholderStartDate]=\"\n                      'table.filters.startDatePlaceholder' | translate\n                    \"\n                    [placeholderEndDate]=\"\n                      'table.filters.endDatePlaceholder' | translate\n                    \"\n                    [icon]=\"'calendar_month'\"\n                    [labelEndDate]=\"'table.filters.endDate' | translate\"\n                    [labelStartDate]=\"'table.filters.startDate' | translate\"\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]=\"'table.filters.filter' | translate\"\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 ? 'zoom_out_map' : 'zoom_out_map'\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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-header-row,.bmb_table-row.mat-mdc-row{height:auto}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:.25rem .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;text-overflow:ellipsis;overflow:hidden}@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:var(--general-contrasts-100);overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:left}.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(--general-contrasts-75)}.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(--general-contrasts-100);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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "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], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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", "max", "min", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "inputId", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
             trigger('detailExpand', [
                 state('collapsed,void', style({ height: '0px', minHeight: '0' })),
                 state('expanded', style({ height: '*' })),
@@ -7565,7 +7607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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]=\"'table.filters.search' | translate\"\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 + ('table.filters.min' | translate)\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ('table.filters.max' | translate)\"\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                    [placeholderStartDate]=\"\n                      'table.filters.startDatePlaceholder' | translate\n                    \"\n                    [placeholderEndDate]=\"\n                      'table.filters.endDatePlaceholder' | translate\n                    \"\n                    [icon]=\"'calendar_month'\"\n                    [labelEndDate]=\"'table.filters.endDate' | translate\"\n                    [labelStartDate]=\"'table.filters.startDate' | translate\"\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]=\"'table.filters.filter' | translate\"\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 ? 'zoom_out_map' : 'zoom_out_map'\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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-header-row,.bmb_table-row.mat-mdc-row{height:auto}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:.25rem .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;text-overflow:ellipsis;overflow:hidden}@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:var(--general-contrasts-100);overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:left}.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(--general_contrasts-75)}.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(--general-contrasts-100);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]=\"'table.filters.search' | translate\"\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 + ('table.filters.min' | translate)\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ('table.filters.max' | translate)\"\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                    [placeholderStartDate]=\"\n                      'table.filters.startDatePlaceholder' | translate\n                    \"\n                    [placeholderEndDate]=\"\n                      'table.filters.endDatePlaceholder' | translate\n                    \"\n                    [icon]=\"'calendar_month'\"\n                    [labelEndDate]=\"'table.filters.endDate' | translate\"\n                    [labelStartDate]=\"'table.filters.startDate' | translate\"\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]=\"'table.filters.filter' | translate\"\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 ? 'zoom_out_map' : 'zoom_out_map'\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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-header-row,.bmb_table-row.mat-mdc-row{height:auto}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:.25rem .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;text-overflow:ellipsis;overflow:hidden}@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:var(--general-contrasts-100);overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:left}.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(--general-contrasts-75)}.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(--general-contrasts-100);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$1.DomSanitizer }, { type: i0.ChangeDetectorRef }], propDecorators: { showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], showFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFilters", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], actionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTemplate", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], detailTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailTemplate", required: false }] }], truncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "truncate", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], initialTableSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialTableSelection", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], clearSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSelection", required: false }] }, { type: i0.Output, args: ["clearSelectionChange"] }], serverSide: [{ type: i0.Input, args: [{ isSignal: true, alias: "serverSide", required: false }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], filtersVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersVisible", required: false }] }, { type: i0.Output, args: ["filtersVisibleChange"] }], filtersPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersPosition", required: false }] }], filtersModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersModel", required: false }] }, { type: i0.Output, args: ["filtersModelChange"] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], clearSelectionWhenPageChanges: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSelectionWhenPageChanges", required: false }] }], select: [{
                 type: Output
             }], clickedRow: [{
@@ -8020,17 +8062,21 @@ class BmbMediaCardComponent {
         return classes;
     }
     getBackgroundColor() {
-        return this.bgColor() ? `rgb(var(${this.bgColor()}))` : 'transparent';
+        if (this.type() === 'inline')
+            return {};
+        return this.bgColor()
+            ? { 'background-color': `rgb(var(${this.bgColor()}))` }
+            : { 'background-color': 'transparent' };
     }
     getUserAttribute(attribute) {
         return attribute || '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbMediaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbMediaCardComponent, isStandalone: true, selector: "bmb-media-card", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, mobileSrc: { classPropertyName: "mobileSrc", publicName: "mobileSrc", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, enableZoom: { classPropertyName: "enableZoom", publicName: "enableZoom", isSignal: true, isRequired: false, transformFunction: null }, isBlurredBackdrop: { classPropertyName: "isBlurredBackdrop", publicName: "isBlurredBackdrop", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: true, isRequired: false, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, fullmediaCard: { classPropertyName: "fullmediaCard", publicName: "fullmediaCard", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mediaCardClicked: "mediaCardClicked" }, ngImport: i0, template: "@if (\n  isExternalLink(link()) &&\n  type() !== 'floating' &&\n  type() !== 'author_detail' &&\n  !isBlurredBackdrop()\n) {\n  <a\n    class=\"bmb_media-card bmb_media-card-link\"\n    [ngClass]=\"'bmb_media-card-' + type()\"\n    [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n    [href]=\"link()\"\n    [target]=\"target()\"\n    rel=\"noopener noreferrer\"\n  >\n    <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n  </a>\n} @else {\n  <section\n    [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n    [ngClass]=\"{\n      'bmb_media-card-boxShadow': boxShadow(),\n      'bmb_media-card-auto-layout': !ratio()\n    }\"\n    [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n    (click)=\"mediaCardClicked.emit($event)\"\n    (keydown)=\"\n      ($event.key === 'Enter' || $event.key === ' ') &&\n        mediaCardClicked.emit($event)\n    \"\n    tabindex=\"0\"\n    role=\"button\"\n  >\n    <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n  </section>\n}\n\n<ng-template #mediaCardContent>\n  <div class=\"bmb_media-card-image-container\">\n    @if (isBlurredBackdrop()) {\n      <figure\n        class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n        [ngClass]=\"getClasses()\"\n        [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n      >\n        <picture>\n          <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n          @if (mobileSrc()) {\n            <source [srcset]=\"mobileSrc()\" />\n          }\n          <img\n            [srcset]=\"src()\"\n            [alt]=\"alt()\"\n            [loading]=\"loading()\"\n            class=\"bmb_media-card-figure-image\"\n          />\n        </picture>\n      </figure>\n    }\n    <figure\n      class=\"bmb_media-card-figure\"\n      [ngClass]=\"getClasses()\"\n      [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n    >\n      <picture>\n        <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n        @if (mobileSrc()) {\n          <source [srcset]=\"mobileSrc()\" />\n        }\n        <img\n          [srcset]=\"src()\"\n          [alt]=\"alt()\"\n          [loading]=\"loading()\"\n          class=\"bmb_media-card-figure-image\"\n        />\n      </picture>\n    </figure>\n  </div>\n  <div\n    class=\"bmb_media-card-content\"\n    [ngClass]=\"'bmb_media-card-content-' + type()\"\n  >\n    <section\n      class=\"bmb_media-card-content-container\"\n      [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n      [ngClass]=\"getContentClasses()\"\n    >\n      @if (title()) {\n        <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n      }\n      @if (subtitle() && type() === 'floating') {\n        <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n      }\n      @if (content() && type() === 'floating') {\n        <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n      }\n      @if (date() && type() !== 'author_detail') {\n        <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n      }\n      @if (userName() && userImage() && type() === 'author_detail') {\n        <section class=\"bmb_media-card-content-user\">\n          <bmb-user-image\n            [altImage]=\"getUserAttribute(userName())\"\n            [image]=\"getUserAttribute(userImage())\"\n            size=\"mobile-small\"\n          ></bmb-user-image>\n          <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n          <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n        </section>\n      }\n      <ng-content></ng-content>\n    </section>\n  </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:rgb(var(--gray-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--gray-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:var(--bmb-radius-5);text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:rgb(var(--blue-mariner-500))}\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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbMediaCardComponent, isStandalone: true, selector: "bmb-media-card", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, mobileSrc: { classPropertyName: "mobileSrc", publicName: "mobileSrc", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, enableZoom: { classPropertyName: "enableZoom", publicName: "enableZoom", isSignal: true, isRequired: false, transformFunction: null }, isBlurredBackdrop: { classPropertyName: "isBlurredBackdrop", publicName: "isBlurredBackdrop", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: true, isRequired: false, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, fullmediaCard: { classPropertyName: "fullmediaCard", publicName: "fullmediaCard", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mediaCardClicked: "mediaCardClicked" }, ngImport: i0, template: "@if (\n  isExternalLink(link()) &&\n  type() !== 'floating' &&\n  type() !== 'author_detail' &&\n  !isBlurredBackdrop()\n) {\n  <a\n    class=\"bmb_media-card bmb_media-card-link\"\n    [ngClass]=\"'bmb_media-card-' + type()\"\n    [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n    [href]=\"link()\"\n    [target]=\"target()\"\n    rel=\"noopener noreferrer\"\n  >\n    <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n  </a>\n} @else {\n  <section\n    [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n    [ngClass]=\"{\n      'bmb_media-card-boxShadow': boxShadow(),\n      'bmb_media-card-auto-layout': !ratio()\n    }\"\n    [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n    (click)=\"mediaCardClicked.emit($event)\"\n    (keydown)=\"\n      ($event.key === 'Enter' || $event.key === ' ') &&\n        mediaCardClicked.emit($event)\n    \"\n    tabindex=\"0\"\n    role=\"button\"\n  >\n    <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n  </section>\n}\n\n<ng-template #mediaCardContent>\n  <div class=\"bmb_media-card-image-container\">\n    @if (isBlurredBackdrop()) {\n      <figure\n        class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n        [ngClass]=\"getClasses()\"\n        [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n      >\n        <picture>\n          <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n          @if (mobileSrc()) {\n            <source [srcset]=\"mobileSrc()\" />\n          }\n          <img\n            [srcset]=\"src()\"\n            [alt]=\"alt()\"\n            [loading]=\"loading()\"\n            class=\"bmb_media-card-figure-image\"\n          />\n        </picture>\n      </figure>\n    }\n    <figure\n      class=\"bmb_media-card-figure\"\n      [ngClass]=\"getClasses()\"\n      [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n    >\n      <picture>\n        <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n        @if (mobileSrc()) {\n          <source [srcset]=\"mobileSrc()\" />\n        }\n        <img\n          [srcset]=\"src()\"\n          [alt]=\"alt()\"\n          [loading]=\"loading()\"\n          class=\"bmb_media-card-figure-image\"\n        />\n      </picture>\n    </figure>\n  </div>\n  <div\n    class=\"bmb_media-card-content\"\n    [ngClass]=\"'bmb_media-card-content-' + type()\"\n  >\n    @if (this.type() === 'inline') {\n      <div class=\"bmb_media-card-content-overlay\"></div>\n    }\n    <section\n      class=\"bmb_media-card-content-container\"\n      [ngStyle]=\"getBackgroundColor()\"\n      [ngClass]=\"getContentClasses()\"\n    >\n      @if (title()) {\n        <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n      }\n      @if (subtitle() && type() === 'floating') {\n        <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n      }\n      @if (content() && type() === 'floating') {\n        <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n      }\n      @if (date() && type() !== 'author_detail') {\n        <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n      }\n      @if (userName() && userImage() && type() === 'author_detail') {\n        <section class=\"bmb_media-card-content-user\">\n          <bmb-user-image\n            [altImage]=\"getUserAttribute(userName())\"\n            [image]=\"getUserAttribute(userImage())\"\n            size=\"mobile-small\"\n          ></bmb-user-image>\n          <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n          <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n        </section>\n      }\n      <ng-content></ng-content>\n    </section>\n  </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-overlay{height:100%;width:100%;border-radius:0;background-image:linear-gradient(var(--containers-media-card-background-fade) 0%,var(--containers-media-card-background) 100%)}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:rgb(var(--gray-charade-50));flex-flow:column}.bmb_media-card-content-inline .bmb_media-card-content-container{background-color:var(--containers-media-card-background);padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--gray-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:var(--bmb-radius-5);text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:rgb(var(--blue-mariner-500))}\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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbMediaCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-media-card', standalone: true, imports: [CommonModule, BmbUserImageComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (\n  isExternalLink(link()) &&\n  type() !== 'floating' &&\n  type() !== 'author_detail' &&\n  !isBlurredBackdrop()\n) {\n  <a\n    class=\"bmb_media-card bmb_media-card-link\"\n    [ngClass]=\"'bmb_media-card-' + type()\"\n    [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n    [href]=\"link()\"\n    [target]=\"target()\"\n    rel=\"noopener noreferrer\"\n  >\n    <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n  </a>\n} @else {\n  <section\n    [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n    [ngClass]=\"{\n      'bmb_media-card-boxShadow': boxShadow(),\n      'bmb_media-card-auto-layout': !ratio()\n    }\"\n    [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n    (click)=\"mediaCardClicked.emit($event)\"\n    (keydown)=\"\n      ($event.key === 'Enter' || $event.key === ' ') &&\n        mediaCardClicked.emit($event)\n    \"\n    tabindex=\"0\"\n    role=\"button\"\n  >\n    <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n  </section>\n}\n\n<ng-template #mediaCardContent>\n  <div class=\"bmb_media-card-image-container\">\n    @if (isBlurredBackdrop()) {\n      <figure\n        class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n        [ngClass]=\"getClasses()\"\n        [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n      >\n        <picture>\n          <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n          @if (mobileSrc()) {\n            <source [srcset]=\"mobileSrc()\" />\n          }\n          <img\n            [srcset]=\"src()\"\n            [alt]=\"alt()\"\n            [loading]=\"loading()\"\n            class=\"bmb_media-card-figure-image\"\n          />\n        </picture>\n      </figure>\n    }\n    <figure\n      class=\"bmb_media-card-figure\"\n      [ngClass]=\"getClasses()\"\n      [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n    >\n      <picture>\n        <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n        @if (mobileSrc()) {\n          <source [srcset]=\"mobileSrc()\" />\n        }\n        <img\n          [srcset]=\"src()\"\n          [alt]=\"alt()\"\n          [loading]=\"loading()\"\n          class=\"bmb_media-card-figure-image\"\n        />\n      </picture>\n    </figure>\n  </div>\n  <div\n    class=\"bmb_media-card-content\"\n    [ngClass]=\"'bmb_media-card-content-' + type()\"\n  >\n    <section\n      class=\"bmb_media-card-content-container\"\n      [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n      [ngClass]=\"getContentClasses()\"\n    >\n      @if (title()) {\n        <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n      }\n      @if (subtitle() && type() === 'floating') {\n        <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n      }\n      @if (content() && type() === 'floating') {\n        <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n      }\n      @if (date() && type() !== 'author_detail') {\n        <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n      }\n      @if (userName() && userImage() && type() === 'author_detail') {\n        <section class=\"bmb_media-card-content-user\">\n          <bmb-user-image\n            [altImage]=\"getUserAttribute(userName())\"\n            [image]=\"getUserAttribute(userImage())\"\n            size=\"mobile-small\"\n          ></bmb-user-image>\n          <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n          <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n        </section>\n      }\n      <ng-content></ng-content>\n    </section>\n  </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:rgb(var(--gray-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--gray-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:var(--bmb-radius-5);text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:rgb(var(--blue-mariner-500))}\n"] }]
+            args: [{ selector: 'bmb-media-card', standalone: true, imports: [CommonModule, BmbUserImageComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (\n  isExternalLink(link()) &&\n  type() !== 'floating' &&\n  type() !== 'author_detail' &&\n  !isBlurredBackdrop()\n) {\n  <a\n    class=\"bmb_media-card bmb_media-card-link\"\n    [ngClass]=\"'bmb_media-card-' + type()\"\n    [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n    [href]=\"link()\"\n    [target]=\"target()\"\n    rel=\"noopener noreferrer\"\n  >\n    <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n  </a>\n} @else {\n  <section\n    [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n    [ngClass]=\"{\n      'bmb_media-card-boxShadow': boxShadow(),\n      'bmb_media-card-auto-layout': !ratio()\n    }\"\n    [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n    (click)=\"mediaCardClicked.emit($event)\"\n    (keydown)=\"\n      ($event.key === 'Enter' || $event.key === ' ') &&\n        mediaCardClicked.emit($event)\n    \"\n    tabindex=\"0\"\n    role=\"button\"\n  >\n    <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n  </section>\n}\n\n<ng-template #mediaCardContent>\n  <div class=\"bmb_media-card-image-container\">\n    @if (isBlurredBackdrop()) {\n      <figure\n        class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n        [ngClass]=\"getClasses()\"\n        [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n      >\n        <picture>\n          <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n          @if (mobileSrc()) {\n            <source [srcset]=\"mobileSrc()\" />\n          }\n          <img\n            [srcset]=\"src()\"\n            [alt]=\"alt()\"\n            [loading]=\"loading()\"\n            class=\"bmb_media-card-figure-image\"\n          />\n        </picture>\n      </figure>\n    }\n    <figure\n      class=\"bmb_media-card-figure\"\n      [ngClass]=\"getClasses()\"\n      [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n    >\n      <picture>\n        <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n        @if (mobileSrc()) {\n          <source [srcset]=\"mobileSrc()\" />\n        }\n        <img\n          [srcset]=\"src()\"\n          [alt]=\"alt()\"\n          [loading]=\"loading()\"\n          class=\"bmb_media-card-figure-image\"\n        />\n      </picture>\n    </figure>\n  </div>\n  <div\n    class=\"bmb_media-card-content\"\n    [ngClass]=\"'bmb_media-card-content-' + type()\"\n  >\n    @if (this.type() === 'inline') {\n      <div class=\"bmb_media-card-content-overlay\"></div>\n    }\n    <section\n      class=\"bmb_media-card-content-container\"\n      [ngStyle]=\"getBackgroundColor()\"\n      [ngClass]=\"getContentClasses()\"\n    >\n      @if (title()) {\n        <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n      }\n      @if (subtitle() && type() === 'floating') {\n        <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n      }\n      @if (content() && type() === 'floating') {\n        <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n      }\n      @if (date() && type() !== 'author_detail') {\n        <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n      }\n      @if (userName() && userImage() && type() === 'author_detail') {\n        <section class=\"bmb_media-card-content-user\">\n          <bmb-user-image\n            [altImage]=\"getUserAttribute(userName())\"\n            [image]=\"getUserAttribute(userImage())\"\n            size=\"mobile-small\"\n          ></bmb-user-image>\n          <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n          <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n        </section>\n      }\n      <ng-content></ng-content>\n    </section>\n  </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-overlay{height:100%;width:100%;border-radius:0;background-image:linear-gradient(var(--containers-media-card-background-fade) 0%,var(--containers-media-card-background) 100%)}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:rgb(var(--gray-charade-50));flex-flow:column}.bmb_media-card-content-inline .bmb_media-card-content-container{background-color:var(--containers-media-card-background);padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--gray-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:var(--bmb-radius-5);text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:rgb(var(--blue-mariner-500))}\n"] }]
         }], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], mobileSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileSrc", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], enableZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableZoom", required: false }] }], isBlurredBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBlurredBackdrop", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }], userName: [{ type: i0.Input, args: [{ isSignal: true, alias: "userName", required: false }] }], userImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "userImage", required: false }] }], fullmediaCard: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullmediaCard", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], boxShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "boxShadow", required: false }] }], mediaCardClicked: [{ type: i0.Output, args: ["mediaCardClicked"] }] } });
 
 class BmbStatCounterComponent {
@@ -9339,7 +9385,7 @@ class BmbInputPhoneNumberComponent {
         return showError(this.control()) || showError(this.phoneControl);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbInputPhoneNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", 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 }, defaultCountryCode: { classPropertyName: "defaultCountryCode", publicName: "defaultCountryCode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", 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 } }, outputs: { control: "controlChange" }, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:rgb(var(--red-light))}.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", "clearEvent"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", 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 }, defaultCountryCode: { classPropertyName: "defaultCountryCode", publicName: "defaultCountryCode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", 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 } }, outputs: { control: "controlChange" }, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:rgb(var(--red-light))}.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", "clearEvent"] }, { 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: "20.3.16", ngImport: i0, type: BmbInputPhoneNumberComponent, decorators: [{
             type: Component,
@@ -9350,7 +9396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbDropdownComponent,
                         BmbInputContentComponent,
                         BmbInputValidatorComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:rgb(var(--red-light))}.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"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:rgb(var(--red-light))}.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"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], isRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRequired", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }], defaultCountryCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultCountryCode", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], helperMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "helperMessage", required: false }] }], preferredCountries: [{ type: i0.Input, args: [{ isSignal: true, alias: "preferredCountries", required: false }] }], onlyCountries: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyCountries", required: false }] }], customValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "customValidation", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }, { type: i0.Output, args: ["controlChange"] }] } });
 
 class BmbTimestreamErrorComponent {
@@ -9861,15 +9907,17 @@ class BmbActionMenuComponent {
         this.iconSize = input(24, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
         this.bgIconAppearance = input(...(ngDevMode ? [undefined, { debugName: "bgIconAppearance" }] : []));
         this.showHeader = input(true, ...(ngDevMode ? [{ debugName: "showHeader" }] : []));
-        this.projectedContent = contentChildren(TemplateRef, ...(ngDevMode ? [{ debugName: "projectedContent" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbActionMenuComponent, isStandalone: true, selector: "bmb-action-menu", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, bgIconAppearance: { classPropertyName: "bgIconAppearance", publicName: "bgIconAppearance", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "projectedContent", predicate: TemplateRef, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_action_menu\">\n  @if (showHeader()) {\n    <div class=\"bmb_action_menu-header\">\n      <bmb-title-content\n        [transparentBgC]=\"true\"\n        [title]=\"title()\"\n        [subtitle]=\"subtitle()\"\n        [icon]=\"icon()\"\n        [iconSize]=\"iconSize()!\"\n        [bgIconAppearance]=\"bgIconAppearance()\"\n      />\n    </div>\n  }\n  <section\n    class=\"bmb_action_menu-container\"\n    [ngClass]=\"{ 'bmb_action_menu-container-no-header': !showHeader() }\"\n  >\n    <ul class=\"bmb_action_menu-list\">\n      @for (item of projectedContent(); track $index) {\n        <li class=\"bmb_action_menu-item\">\n          <ng-container [ngTemplateOutlet]=\"item\" />\n        </li>\n      }\n    </ul>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_action_menu{border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-l);box-shadow:var(--bmb-shadow-3);overflow:hidden}.bmb_action_menu-header{background-color:var(--containers-main);overflow:hidden;padding:1rem 1.5rem}.bmb_action_menu-container{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);border-radius:0 0 var(--bmb-radius-l) var(--bmb-radius-l);border-top:.0625rem solid var(--general-contrasts-container-outline);background-color:var(--containers-background);overflow:hidden;padding:1.5rem}.bmb_action_menu-container-no-header{border:none}.bmb_action_menu-list{margin:0;padding:0;list-style-type:none}\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: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbActionMenuComponent, isStandalone: true, selector: "bmb-action-menu", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, bgIconAppearance: { classPropertyName: "bgIconAppearance", publicName: "bgIconAppearance", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "projectedContent", predicate: TemplateRef }], ngImport: i0, template: "<section class=\"bmb_action_menu\">\n  @if (showHeader()) {\n    <div class=\"bmb_action_menu-header\">\n      <bmb-title-content\n        [transparentBgC]=\"true\"\n        [title]=\"title()\"\n        [subtitle]=\"subtitle()\"\n        [icon]=\"icon()\"\n        [iconSize]=\"iconSize()!\"\n        [bgIconAppearance]=\"bgIconAppearance()\"\n      />\n    </div>\n  }\n  <section\n    class=\"bmb_action_menu-container\"\n    [ngClass]=\"{ 'bmb_action_menu-container-no-header': !showHeader() }\"\n  >\n    <ul class=\"bmb_action_menu-list\">\n      @for (element of projectedContent; track $index) {\n        <li class=\"bmb_action_menu-item\">\n          <ng-container *ngTemplateOutlet=\"element\" />\n        </li>\n      }\n    </ul>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_action_menu{border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-l);box-shadow:var(--bmb-shadow-3);overflow:hidden}.bmb_action_menu-header{background-color:var(--containers-main);overflow:hidden;padding:1rem 1.5rem}.bmb_action_menu-container{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);border-radius:0 0 var(--bmb-radius-l) var(--bmb-radius-l);border-top:.0625rem solid var(--general-contrasts-container-outline);background-color:var(--containers-background);overflow:hidden;padding:1.5rem}.bmb_action_menu-container-no-header{border:none}.bmb_action_menu-list{margin:0;padding:0;list-style-type:none}\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: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbActionMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-action-menu', standalone: true, imports: [CommonModule, BmbTitleContentComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_action_menu\">\n  @if (showHeader()) {\n    <div class=\"bmb_action_menu-header\">\n      <bmb-title-content\n        [transparentBgC]=\"true\"\n        [title]=\"title()\"\n        [subtitle]=\"subtitle()\"\n        [icon]=\"icon()\"\n        [iconSize]=\"iconSize()!\"\n        [bgIconAppearance]=\"bgIconAppearance()\"\n      />\n    </div>\n  }\n  <section\n    class=\"bmb_action_menu-container\"\n    [ngClass]=\"{ 'bmb_action_menu-container-no-header': !showHeader() }\"\n  >\n    <ul class=\"bmb_action_menu-list\">\n      @for (item of projectedContent(); track $index) {\n        <li class=\"bmb_action_menu-item\">\n          <ng-container [ngTemplateOutlet]=\"item\" />\n        </li>\n      }\n    </ul>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_action_menu{border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-l);box-shadow:var(--bmb-shadow-3);overflow:hidden}.bmb_action_menu-header{background-color:var(--containers-main);overflow:hidden;padding:1rem 1.5rem}.bmb_action_menu-container{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);border-radius:0 0 var(--bmb-radius-l) var(--bmb-radius-l);border-top:.0625rem solid var(--general-contrasts-container-outline);background-color:var(--containers-background);overflow:hidden;padding:1.5rem}.bmb_action_menu-container-no-header{border:none}.bmb_action_menu-list{margin:0;padding:0;list-style-type:none}\n"] }]
-        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], bgIconAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgIconAppearance", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], projectedContent: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
+            args: [{ selector: 'bmb-action-menu', standalone: true, imports: [CommonModule, BmbTitleContentComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_action_menu\">\n  @if (showHeader()) {\n    <div class=\"bmb_action_menu-header\">\n      <bmb-title-content\n        [transparentBgC]=\"true\"\n        [title]=\"title()\"\n        [subtitle]=\"subtitle()\"\n        [icon]=\"icon()\"\n        [iconSize]=\"iconSize()!\"\n        [bgIconAppearance]=\"bgIconAppearance()\"\n      />\n    </div>\n  }\n  <section\n    class=\"bmb_action_menu-container\"\n    [ngClass]=\"{ 'bmb_action_menu-container-no-header': !showHeader() }\"\n  >\n    <ul class=\"bmb_action_menu-list\">\n      @for (element of projectedContent; track $index) {\n        <li class=\"bmb_action_menu-item\">\n          <ng-container *ngTemplateOutlet=\"element\" />\n        </li>\n      }\n    </ul>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_action_menu{border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-l);box-shadow:var(--bmb-shadow-3);overflow:hidden}.bmb_action_menu-header{background-color:var(--containers-main);overflow:hidden;padding:1rem 1.5rem}.bmb_action_menu-container{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);border-radius:0 0 var(--bmb-radius-l) var(--bmb-radius-l);border-top:.0625rem solid var(--general-contrasts-container-outline);background-color:var(--containers-background);overflow:hidden;padding:1.5rem}.bmb_action_menu-container-no-header{border:none}.bmb_action_menu-list{margin:0;padding:0;list-style-type:none}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], bgIconAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgIconAppearance", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], projectedContent: [{
+                type: ContentChildren,
+                args: [TemplateRef]
+            }] } });
 
 class BmbItemComponent {
     constructor() {
@@ -10524,6 +10572,7 @@ class BmbNotificationCardComponent {
         this.maxHeight = input('auto', ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
         this.emptyStateData = input(...(ngDevMode ? [undefined, { debugName: "emptyStateData" }] : []));
         this.dateFormat = input('dd/MM/yyyy HH:mm', ...(ngDevMode ? [{ debugName: "dateFormat" }] : []));
+        this.showAdvertisements = input(true, ...(ngDevMode ? [{ debugName: "showAdvertisements" }] : []));
         this.alertEvent = output();
         this.showAlertDetail = output();
         this.onExpandClick = output();
@@ -10601,7 +10650,7 @@ class BmbNotificationCardComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbNotificationCardComponent, deps: [{ token: BmbTranslationsService }, { token: BmbProjectionContentService }, { token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbNotificationCardComponent, isStandalone: true, selector: "bmb-notification-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, advertisements: { classPropertyName: "advertisements", publicName: "advertisements", isSignal: true, isRequired: false, transformFunction: null }, hideExpandBtn: { classPropertyName: "hideExpandBtn", publicName: "hideExpandBtn", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, emptyStateData: { classPropertyName: "emptyStateData", publicName: "emptyStateData", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, selectedTab: { classPropertyName: "selectedTab", publicName: "selectedTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertEvent: "alertEvent", showAlertDetail: "showAlertDetail", onExpandClick: "onExpandClick", selectedTab: "selectedTabChange" }, ngImport: i0, template: "<section\n  class=\"bmb_home-notification-card\"\n  [ngStyle]=\"{ '--maxHeight': maxHeight() }\"\n>\n  <bmb-home-card\n    icon=\"notifications\"\n    bgIconAppearance=\"red-primary\"\n    title=\"Mis Notificaciones\"\n    [isMobile]=\"false\"\n    (onExpandClick)=\"onExpandClick.emit()\"\n  >\n    <div class=\"bmb_home-notification-card-content\">\n      <bmb-tabs\n        [tabs]=\"tabsConfig()\"\n        [(selectedTabId)]=\"selectedTab\"\n      ></bmb-tabs>\n      @switch (selectedTab()) {\n        @case (1) {\n          <bmb-alert-center-list\n            [alerts]=\"parsedData()\"\n            [enableMultipleSelection]=\"false\"\n            (alertSelected)=\"handleAlertSelected($event)\"\n          />\n        }\n        @case (2) {\n          <bmb-alert-center-ads\n            [advertisements]=\"advertisements()\"\n            (alertEvent)=\"handleAlertEvent($event)\"\n          />\n        }\n        @default {\n          <div>Invalid ID selected</div>\n        }\n      }\n    </div>\n  </bmb-home-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-notification-card{width:calc(100vw - 2rem);max-width:35rem;height:calc(100dvh - 3rem);max-height:46.875rem}.bmb_home-notification-card bmb-home-card{height:100%;display:block}.bmb_home-notification-card bmb-tabs .bmb_tabs-item{color:var(--general-contrasts-75)}.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-time,.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-date{color:var(--general-contrasts-75)}.bmb_home-notification-card .bmb_home-card{height:100%;--maxHeight: 100%}.bmb_home-notification-card .bmb_home-card-wrapper{max-height:var(--maxHeight);overflow:hidden;display:flex;flex-flow:column;height:100%}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container,.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content{flex:1;overflow:auto;display:flex;flex-flow:column}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-list{flex:1;overflow:auto}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads{flex:1}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads .bmb_alert-center-ads{height:100%;overflow:auto}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content{flex-flow:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content p{margin:0}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-list{padding:var(--bmb-spacing-m)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "component", type: BmbHomeCardComponent, selector: "bmb-home-card", inputs: ["title", "subtitle", "dataLocalNav", "leftIcon", "icon", "iconSize", "bgIconAppearance", "actionHeaders", "isMobile", "contentPadding", "showRightButton", "isExpanded", "useAutoExpand", "isChat", "actionsList"], outputs: ["isExpandedChange", "onClose", "onBack", "onExpandClick"] }, { kind: "component", type: BmbAlertCenterAdsComponent, selector: "bmb-alert-center-ads", inputs: ["advertisements", "emptyStateData"], outputs: ["alertEvent"] }, { kind: "component", type: BmbAlertCenterListComponent, selector: "bmb-alert-center-list", inputs: ["alerts", "name", "enableMultipleSelection"], outputs: ["alertSelected", "selectedAlert"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbNotificationCardComponent, isStandalone: true, selector: "bmb-notification-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, advertisements: { classPropertyName: "advertisements", publicName: "advertisements", isSignal: true, isRequired: false, transformFunction: null }, hideExpandBtn: { classPropertyName: "hideExpandBtn", publicName: "hideExpandBtn", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, emptyStateData: { classPropertyName: "emptyStateData", publicName: "emptyStateData", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showAdvertisements: { classPropertyName: "showAdvertisements", publicName: "showAdvertisements", isSignal: true, isRequired: false, transformFunction: null }, selectedTab: { classPropertyName: "selectedTab", publicName: "selectedTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertEvent: "alertEvent", showAlertDetail: "showAlertDetail", onExpandClick: "onExpandClick", selectedTab: "selectedTabChange" }, ngImport: i0, template: "<section\n  class=\"bmb_home-notification-card\"\n  [ngStyle]=\"{ '--maxHeight': maxHeight() }\"\n>\n  <bmb-home-card\n    icon=\"notifications\"\n    bgIconAppearance=\"red-primary\"\n    title=\"Mis Notificaciones\"\n    [isMobile]=\"false\"\n    (onExpandClick)=\"onExpandClick.emit()\"\n  >\n    <div class=\"bmb_home-notification-card-content\">\n      @if (showAdvertisements()) {\n        <bmb-tabs\n          [tabs]=\"tabsConfig()\"\n          [(selectedTabId)]=\"selectedTab\"\n        ></bmb-tabs>\n        @switch (selectedTab()) {\n          @case (1) {\n            <bmb-alert-center-list\n              [alerts]=\"parsedData()\"\n              [enableMultipleSelection]=\"false\"\n              (alertSelected)=\"handleAlertSelected($event)\"\n            />\n          }\n          @case (2) {\n            <bmb-alert-center-ads\n              [advertisements]=\"advertisements()\"\n              (alertEvent)=\"handleAlertEvent($event)\"\n            />\n          }\n          @default {\n            <div>Invalid ID selected</div>\n          }\n        }\n      } @else {\n        <bmb-alert-center-list\n          [alerts]=\"parsedData()\"\n          [enableMultipleSelection]=\"false\"\n          (alertSelected)=\"handleAlertSelected($event)\"\n        />\n      }\n    </div>\n  </bmb-home-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-notification-card{width:calc(100vw - 2rem);max-width:35rem;height:calc(100dvh - 3rem);max-height:46.875rem}.bmb_home-notification-card bmb-home-card{height:100%;display:block}.bmb_home-notification-card bmb-tabs .bmb_tabs-item{color:var(--general-contrasts-75)}.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-time,.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-date{color:var(--general-contrasts-75)}.bmb_home-notification-card .bmb_home-card{height:100%;--maxHeight: 100%}.bmb_home-notification-card .bmb_home-card-wrapper{max-height:var(--maxHeight);overflow:hidden;display:flex;flex-flow:column;height:100%}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container,.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content{flex:1;overflow:auto;display:flex;flex-flow:column}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-list{flex:1;overflow:auto}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads{flex:1}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads .bmb_alert-center-ads{height:100%;overflow:auto}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content{flex-flow:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content p{margin:0}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-list{padding:var(--bmb-spacing-m)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "component", type: BmbHomeCardComponent, selector: "bmb-home-card", inputs: ["title", "subtitle", "dataLocalNav", "leftIcon", "icon", "iconSize", "bgIconAppearance", "actionHeaders", "isMobile", "contentPadding", "showRightButton", "isExpanded", "useAutoExpand", "isChat", "actionsList"], outputs: ["isExpandedChange", "onClose", "onBack", "onExpandClick"] }, { kind: "component", type: BmbAlertCenterAdsComponent, selector: "bmb-alert-center-ads", inputs: ["advertisements", "emptyStateData"], outputs: ["alertEvent"] }, { kind: "component", type: BmbAlertCenterListComponent, selector: "bmb-alert-center-list", inputs: ["alerts", "name", "enableMultipleSelection"], outputs: ["alertSelected", "selectedAlert"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbNotificationCardComponent, decorators: [{
             type: Component,
@@ -10611,8 +10660,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbHomeCardComponent,
                         BmbAlertCenterAdsComponent,
                         BmbAlertCenterListComponent,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  class=\"bmb_home-notification-card\"\n  [ngStyle]=\"{ '--maxHeight': maxHeight() }\"\n>\n  <bmb-home-card\n    icon=\"notifications\"\n    bgIconAppearance=\"red-primary\"\n    title=\"Mis Notificaciones\"\n    [isMobile]=\"false\"\n    (onExpandClick)=\"onExpandClick.emit()\"\n  >\n    <div class=\"bmb_home-notification-card-content\">\n      <bmb-tabs\n        [tabs]=\"tabsConfig()\"\n        [(selectedTabId)]=\"selectedTab\"\n      ></bmb-tabs>\n      @switch (selectedTab()) {\n        @case (1) {\n          <bmb-alert-center-list\n            [alerts]=\"parsedData()\"\n            [enableMultipleSelection]=\"false\"\n            (alertSelected)=\"handleAlertSelected($event)\"\n          />\n        }\n        @case (2) {\n          <bmb-alert-center-ads\n            [advertisements]=\"advertisements()\"\n            (alertEvent)=\"handleAlertEvent($event)\"\n          />\n        }\n        @default {\n          <div>Invalid ID selected</div>\n        }\n      }\n    </div>\n  </bmb-home-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-notification-card{width:calc(100vw - 2rem);max-width:35rem;height:calc(100dvh - 3rem);max-height:46.875rem}.bmb_home-notification-card bmb-home-card{height:100%;display:block}.bmb_home-notification-card bmb-tabs .bmb_tabs-item{color:var(--general-contrasts-75)}.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-time,.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-date{color:var(--general-contrasts-75)}.bmb_home-notification-card .bmb_home-card{height:100%;--maxHeight: 100%}.bmb_home-notification-card .bmb_home-card-wrapper{max-height:var(--maxHeight);overflow:hidden;display:flex;flex-flow:column;height:100%}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container,.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content{flex:1;overflow:auto;display:flex;flex-flow:column}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-list{flex:1;overflow:auto}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads{flex:1}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads .bmb_alert-center-ads{height:100%;overflow:auto}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content{flex-flow:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content p{margin:0}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-list{padding:var(--bmb-spacing-m)}\n"] }]
-        }], ctorParameters: () => [{ type: BmbTranslationsService }, { type: BmbProjectionContentService }, { type: BmbNativeModalService }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], advertisements: [{ type: i0.Input, args: [{ isSignal: true, alias: "advertisements", required: false }] }], hideExpandBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideExpandBtn", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], emptyStateData: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateData", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], alertEvent: [{ type: i0.Output, args: ["alertEvent"] }], showAlertDetail: [{ type: i0.Output, args: ["showAlertDetail"] }], onExpandClick: [{ type: i0.Output, args: ["onExpandClick"] }], selectedTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedTab", required: false }] }, { type: i0.Output, args: ["selectedTabChange"] }] } });
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  class=\"bmb_home-notification-card\"\n  [ngStyle]=\"{ '--maxHeight': maxHeight() }\"\n>\n  <bmb-home-card\n    icon=\"notifications\"\n    bgIconAppearance=\"red-primary\"\n    title=\"Mis Notificaciones\"\n    [isMobile]=\"false\"\n    (onExpandClick)=\"onExpandClick.emit()\"\n  >\n    <div class=\"bmb_home-notification-card-content\">\n      @if (showAdvertisements()) {\n        <bmb-tabs\n          [tabs]=\"tabsConfig()\"\n          [(selectedTabId)]=\"selectedTab\"\n        ></bmb-tabs>\n        @switch (selectedTab()) {\n          @case (1) {\n            <bmb-alert-center-list\n              [alerts]=\"parsedData()\"\n              [enableMultipleSelection]=\"false\"\n              (alertSelected)=\"handleAlertSelected($event)\"\n            />\n          }\n          @case (2) {\n            <bmb-alert-center-ads\n              [advertisements]=\"advertisements()\"\n              (alertEvent)=\"handleAlertEvent($event)\"\n            />\n          }\n          @default {\n            <div>Invalid ID selected</div>\n          }\n        }\n      } @else {\n        <bmb-alert-center-list\n          [alerts]=\"parsedData()\"\n          [enableMultipleSelection]=\"false\"\n          (alertSelected)=\"handleAlertSelected($event)\"\n        />\n      }\n    </div>\n  </bmb-home-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-notification-card{width:calc(100vw - 2rem);max-width:35rem;height:calc(100dvh - 3rem);max-height:46.875rem}.bmb_home-notification-card bmb-home-card{height:100%;display:block}.bmb_home-notification-card bmb-tabs .bmb_tabs-item{color:var(--general-contrasts-75)}.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-time,.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-date{color:var(--general-contrasts-75)}.bmb_home-notification-card .bmb_home-card{height:100%;--maxHeight: 100%}.bmb_home-notification-card .bmb_home-card-wrapper{max-height:var(--maxHeight);overflow:hidden;display:flex;flex-flow:column;height:100%}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container,.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content{flex:1;overflow:auto;display:flex;flex-flow:column}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-list{flex:1;overflow:auto}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads{flex:1}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads .bmb_alert-center-ads{height:100%;overflow:auto}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content{flex-flow:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content p{margin:0}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-list{padding:var(--bmb-spacing-m)}\n"] }]
+        }], ctorParameters: () => [{ type: BmbTranslationsService }, { type: BmbProjectionContentService }, { type: BmbNativeModalService }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], advertisements: [{ type: i0.Input, args: [{ isSignal: true, alias: "advertisements", required: false }] }], hideExpandBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideExpandBtn", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], emptyStateData: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyStateData", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], showAdvertisements: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAdvertisements", required: false }] }], alertEvent: [{ type: i0.Output, args: ["alertEvent"] }], showAlertDetail: [{ type: i0.Output, args: ["showAlertDetail"] }], onExpandClick: [{ type: i0.Output, args: ["onExpandClick"] }], selectedTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedTab", required: false }] }, { type: i0.Output, args: ["selectedTabChange"] }] } });
 
 class BmbMitecLogoAnimationComponent {
     constructor() {
@@ -11248,7 +11297,7 @@ class BmbChatBubblesComponent {
         this.onDislike.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbChatBubblesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbChatBubblesComponent, isStandalone: true, selector: "bmb-chat-bubble", inputs: { iconBot: { classPropertyName: "iconBot", publicName: "iconBot", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, gptBot: { classPropertyName: "gptBot", publicName: "gptBot", isSignal: true, isRequired: false, transformFunction: null }, gptIcons: { classPropertyName: "gptIcons", publicName: "gptIcons", isSignal: true, isRequired: false, transformFunction: null }, isThinking: { classPropertyName: "isThinking", publicName: "isThinking", isSignal: true, isRequired: false, transformFunction: null }, gptActiveIcons: { classPropertyName: "gptActiveIcons", publicName: "gptActiveIcons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRepeatRequest: "onRepeatRequest", onVoice: "onVoice", onCopy: "onCopy", onLike: "onLike", onDislike: "onDislike" }, ngImport: i0, template: "<section class=\"bmb_chat-bubble\">\n  <section class=\"bmb_chat-bubble-main\">\n    <div\n      class=\"bmb_chat-bubble-main-info\"\n      [ngClass]=\"{\n        'bmb_chat-bubble-user': message().isUserMessage\n      }\"\n    >\n      <div\n        class=\"bmb_chat-bubble-profile\"\n        [ngClass]=\"{\n          'bmb_chat-bubble-profile-top': !message().isUserMessage,\n          'bmb_chat-bubble-profile-bottom': message().isUserMessage\n        }\"\n      >\n        @if (message().isUserMessage) {\n          <bmb-user-image\n            [size]=\"'mobile-small'\"\n            [image]=\"message().userProfile!\"\n            [altImage]=\"'Alt image description'\"\n            [bordered]=\"false\"\n          ></bmb-user-image>\n        } @else {\n          <bmb-icon\n            class=\"bmb_chat-bubble-profile-bot\"\n            [size]=\"20\"\n            alt=\"bot\"\n            [isSVGTemplate]=\"true\"\n          >\n            <ng-template #customIcon>\n              <bmb-bot-icon [iconName]=\"iconBotDefault()\" />\n            </ng-template>\n          </bmb-icon>\n        }\n      </div>\n      <div class=\"bmb_chat-bubble-msg-container\">\n        <div\n          class=\"bmb_chat-bubble-msg\"\n          [ngClass]=\"{\n            'bmb_chat-bubble-msg-userProfile-bottom': message().isUserMessage,\n            'bmb_chat-bubble-msg-top': !message().isUserMessage\n          }\"\n        >\n          @if (isThinking()) {\n            <div class=\"bmb_chat-bubble-msg-thinking-dots\">\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n            </div>\n          } @else {\n            @if (message().type === 'mixed') {\n              <p>{{ message().content.text }}</p>\n              <img\n                class=\"bmb_chat-bubble-msg-image\"\n                [src]=\"message().content.imageUrl\"\n                alt=\"Message Img\"\n              />\n            }\n\n            @if (message().type === 'text') {\n              <p>{{ message().content.text }}</p>\n            }\n\n            @if (message().type === 'link') {\n              <bmb-text-link\n                [textLink]=\"message().content.text!\"\n                [textLinkStyle]=\"'underlined'\"\n                [target]=\"'_blank'\"\n                [link]=\"message().content.link!\"\n                [disabled]=\"false\"\n              ></bmb-text-link>\n            }\n\n            @if (message().type === 'template') {\n              <ng-container\n                *ngTemplateOutlet=\"message().content.template!\"\n              ></ng-container>\n            }\n          }\n        </div>\n        <div\n          class=\"bmb_chat-bubble-extra\"\n          [ngClass]=\"{\n            'bmb_chat-bubble-extra-user': message().isUserMessage\n          }\"\n        >\n          @if (message().isUserMessage) {\n            <p class=\"bmb_chat-bubble-extra-time\">\n              {{ message().time | date: 'hh:mm a' }}\n            </p>\n          } @else {\n            <div class=\"bmb_chat-bubble-extra-container\">\n              @if (gptIcons()) {\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"repeat\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleRepeat($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleRepeat($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"record_voice_over\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleVoice($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleVoice($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"content_copy\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleCopyContent($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleCopyContent($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"thumb_up\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleLike($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleLike($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"thumb_down\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleDislike($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleDislike($event)\"\n                ></bmb-icon>\n              }\n            </div>\n            <p class=\"bmb_chat-bubble-extra-time\">\n              {{ message().time | date: 'hh:mm a' }}\n            </p>\n          }\n        </div>\n      </div>\n    </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_chat-bubble{margin:.625rem 0;width:100%}.bmb_chat-bubble-main{display:flex;flex-direction:column}.bmb_chat-bubble-main-info{display:flex;gap:.5rem;padding-bottom:.625rem}.bmb_chat-bubble-user{justify-content:flex-end}.bmb_chat-bubble-user>.bmb_chat-bubble-profile{order:3}.bmb_chat-bubble-profile{display:flex}.bmb_chat-bubble-profile-top{align-items:flex-start}.bmb_chat-bubble-profile-bottom{align-items:flex-end;margin-bottom:1.125rem}.bmb_chat-bubble-profile-bot{display:flex;align-items:center;justify-content:center;border-radius:var(--bmb-radius-full);width:2rem;height:2rem;background-color:var(--general-contrasts-80);color:var(--general-contrasts-25)}.bmb_chat-bubble-msg{font-family:Poppins-Regular,sans-serif;font-size:.875rem;min-height:2.8125rem;width:fit-content;border-radius:1rem 1rem 1rem 0;padding:var(--bmb-padding-m);box-shadow:0 .125rem .3125rem rgba(var(--black-primary),.1)}.bmb_chat-bubble-msg-container{max-width:70%}.bmb_chat-bubble-msg-top{border-radius:0 1rem 1rem;background-color:var(--general-contrasts-20)}.bmb_chat-bubble-msg p{margin:0}.bmb_chat-bubble-msg-image{border-radius:1rem;max-width:21.875rem;max-height:15.625rem;margin-top:.625rem}.bmb_chat-bubble-msg-userProfile-bottom{border-radius:1rem 1rem 0;background-color:var(--general-contrasts-5)}.bmb_chat-bubble-msg-userProfile-top{border-radius:1rem 0 1rem 1rem}.bmb_chat-bubble-msg-thinking-dots{display:flex;gap:.5rem}.bmb_chat-bubble-msg-thinking-dot{width:.75rem;height:.75rem;background-color:rgb(var(--blue-mariner-500));border-radius:var(--bmb-radius-full);opacity:.3;animation:thinking 1.5s infinite ease-in-out}.bmb_chat-bubble-msg-thinking-dot:nth-child(1){animation-delay:0s}.bmb_chat-bubble-msg-thinking-dot:nth-child(2){animation-delay:.3s}.bmb_chat-bubble-msg-thinking-dot:nth-child(3){animation-delay:.6s}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.bmb_chat-bubble-extra{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;height:1.25rem}.bmb_chat-bubble-extra p{margin:0}.bmb_chat-bubble-extra-user{justify-content:flex-start;margin-right:2.8125rem}.bmb_chat-bubble-extra-icon{color:var(--general-contrasts-50);cursor:pointer}.bmb_chat-bubble-extra-container{display:flex;align-items:center;gap:.5rem;padding-top:.9375rem}.bmb_chat-bubble-extra-time{padding-top:.9375rem}\n"], dependencies: [{ kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { 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: BmbBotIconComponent, selector: "bmb-bot-icon", inputs: ["iconName"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbChatBubblesComponent, isStandalone: true, selector: "bmb-chat-bubble", inputs: { iconBot: { classPropertyName: "iconBot", publicName: "iconBot", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, gptBot: { classPropertyName: "gptBot", publicName: "gptBot", isSignal: true, isRequired: false, transformFunction: null }, gptIcons: { classPropertyName: "gptIcons", publicName: "gptIcons", isSignal: true, isRequired: false, transformFunction: null }, isThinking: { classPropertyName: "isThinking", publicName: "isThinking", isSignal: true, isRequired: false, transformFunction: null }, gptActiveIcons: { classPropertyName: "gptActiveIcons", publicName: "gptActiveIcons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRepeatRequest: "onRepeatRequest", onVoice: "onVoice", onCopy: "onCopy", onLike: "onLike", onDislike: "onDislike" }, ngImport: i0, template: "<section class=\"bmb_chat-bubble\">\n  <section class=\"bmb_chat-bubble-main\">\n    <div\n      class=\"bmb_chat-bubble-main-info\"\n      [ngClass]=\"{\n        'bmb_chat-bubble-user': message().isUserMessage\n      }\"\n    >\n      <div\n        class=\"bmb_chat-bubble-profile\"\n        [ngClass]=\"{\n          'bmb_chat-bubble-profile-top': !message().isUserMessage,\n          'bmb_chat-bubble-profile-bottom': message().isUserMessage\n        }\"\n      >\n        @if (message().isUserMessage) {\n          <bmb-user-image\n            [size]=\"'mobile-small'\"\n            [image]=\"message().userProfile!\"\n            [altImage]=\"'Alt image description'\"\n            [bordered]=\"false\"\n          ></bmb-user-image>\n        } @else {\n          <bmb-icon\n            class=\"bmb_chat-bubble-profile-bot\"\n            [size]=\"20\"\n            alt=\"bot\"\n            [isSVGTemplate]=\"true\"\n          >\n            <ng-template #customIcon>\n              <bmb-bot-icon [iconName]=\"iconBotDefault()\" />\n            </ng-template>\n          </bmb-icon>\n        }\n      </div>\n      <div class=\"bmb_chat-bubble-msg-container\">\n        <div\n          class=\"bmb_chat-bubble-msg\"\n          [ngClass]=\"{\n            'bmb_chat-bubble-msg-userProfile-bottom': message().isUserMessage,\n            'bmb_chat-bubble-msg-top': !message().isUserMessage\n          }\"\n        >\n          @if (isThinking()) {\n            <div class=\"bmb_chat-bubble-msg-thinking-dots\">\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n            </div>\n          } @else {\n            @if (message().type === 'mixed') {\n              <p>{{ message().content.text }}</p>\n              <img\n                class=\"bmb_chat-bubble-msg-image\"\n                [src]=\"message().content.imageUrl\"\n                alt=\"Message Img\"\n              />\n            }\n\n            @if (message().type === 'text') {\n              <p>{{ message().content.text }}</p>\n            }\n\n            @if (message().type === 'link') {\n              <bmb-text-link\n                [textLink]=\"message().content.text!\"\n                [textLinkStyle]=\"'underlined'\"\n                [target]=\"'_blank'\"\n                [link]=\"message().content.link!\"\n                [disabled]=\"false\"\n              ></bmb-text-link>\n            }\n\n            @if (message().type === 'options') {\n              <p>{{ message().content.text }}</p>\n              <div class=\"bmb_chat-bubble-msg-options-container\">\n                @for (item of message().content.options; track $index) {\n                  <bmb-container-button\n                    [title]=\"item.title\"\n                    [target]=\"item.target || '_blank'\"\n                    [link]=\"item.link || ''\"\n                    iconLeft=\"\"\n                    iconRight=\"\"\n                    [small]=\"true\"\n                    (onButton)=\"(item.onButton)\"\n                    [square]=\"true\"\n                  />\n                }\n              </div>\n            }\n\n            @if (message().type === 'template') {\n              <ng-container\n                *ngTemplateOutlet=\"message().content.template!\"\n              ></ng-container>\n            }\n          }\n        </div>\n        <div\n          class=\"bmb_chat-bubble-extra\"\n          [ngClass]=\"{\n            'bmb_chat-bubble-extra-user': message().isUserMessage\n          }\"\n        >\n          @if (message().isUserMessage) {\n            <p class=\"bmb_chat-bubble-extra-time\">\n              {{ message().time | date: 'hh:mm a' }}\n            </p>\n          } @else {\n            <div class=\"bmb_chat-bubble-extra-container\">\n              @if (gptIcons()) {\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"repeat\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleRepeat($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleRepeat($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"record_voice_over\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleVoice($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleVoice($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"content_copy\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleCopyContent($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleCopyContent($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"thumb_up\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleLike($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleLike($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"thumb_down\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleDislike($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleDislike($event)\"\n                ></bmb-icon>\n              }\n            </div>\n            <p class=\"bmb_chat-bubble-extra-time\">\n              {{ message().time | date: 'hh:mm a' }}\n            </p>\n          }\n        </div>\n      </div>\n    </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_chat-bubble{margin:.625rem 0;width:100%}.bmb_chat-bubble-main{display:flex;flex-direction:column}.bmb_chat-bubble-main-info{display:flex;gap:.5rem;padding-bottom:.625rem}.bmb_chat-bubble-user{justify-content:flex-end}.bmb_chat-bubble-user>.bmb_chat-bubble-profile{order:3}.bmb_chat-bubble-profile{display:flex}.bmb_chat-bubble-profile-top{align-items:flex-start}.bmb_chat-bubble-profile-bottom{align-items:flex-end;margin-bottom:1.125rem}.bmb_chat-bubble-profile-bot{display:flex;align-items:center;justify-content:center;border-radius:var(--bmb-radius-full);width:2rem;height:2rem;background-color:var(--general-contrasts-80);color:var(--general-contrasts-25)}.bmb_chat-bubble-msg{font-family:Poppins-Regular,sans-serif;font-size:.875rem;min-height:2.8125rem;width:fit-content;border-radius:1rem 1rem 1rem 0;padding:var(--bmb-padding-m);box-shadow:0 .125rem .3125rem rgba(var(--black-primary),.1)}.bmb_chat-bubble-msg-container{max-width:70%}.bmb_chat-bubble-msg-top{border-radius:0 1rem 1rem;background-color:var(--general-contrasts-20)}.bmb_chat-bubble-msg p{margin:0}.bmb_chat-bubble-msg-image{border-radius:1rem;max-width:21.875rem;max-height:15.625rem;margin-top:.625rem}.bmb_chat-bubble-msg-userProfile-bottom{border-radius:1rem 1rem 0;background-color:var(--general-contrasts-5)}.bmb_chat-bubble-msg-userProfile-top{border-radius:1rem 0 1rem 1rem}.bmb_chat-bubble-msg-thinking-dots{display:flex;gap:.5rem}.bmb_chat-bubble-msg-thinking-dot{width:.75rem;height:.75rem;background-color:rgb(var(--blue-mariner-500));border-radius:var(--bmb-radius-full);opacity:.3;animation:thinking 1.5s infinite ease-in-out}.bmb_chat-bubble-msg-thinking-dot:nth-child(1){animation-delay:0s}.bmb_chat-bubble-msg-thinking-dot:nth-child(2){animation-delay:.3s}.bmb_chat-bubble-msg-thinking-dot:nth-child(3){animation-delay:.6s}.bmb_chat-bubble-msg-options-container{display:flex;gap:.5rem;margin-top:1rem}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.bmb_chat-bubble-extra{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;height:1.25rem}.bmb_chat-bubble-extra p{margin:0}.bmb_chat-bubble-extra-user{justify-content:flex-start;margin-right:2.8125rem}.bmb_chat-bubble-extra-icon{color:var(--general-contrasts-50);cursor:pointer}.bmb_chat-bubble-extra-container{display:flex;align-items:center;gap:.5rem;padding-top:.9375rem}.bmb_chat-bubble-extra-time{padding-top:.9375rem}\n"], dependencies: [{ kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { 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: BmbBotIconComponent, selector: "bmb-bot-icon", inputs: ["iconName"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }, { kind: "component", type: BmbContainerButtonComponent, selector: "bmb-container-button", inputs: ["title", "score", "square", "small", "target", "link", "subtitle", "iconLeft", "isUserImage", "iconRight", "badgeText", "badgeAppearance", "state", "alternative", "enableSecondaryAction", "enableBookmark", "isBookmarkActive", "dropdownMenuItems"], outputs: ["isBookmarkActiveChange", "onButton", "secondaryAction"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbChatBubblesComponent, decorators: [{
             type: Component,
@@ -11258,7 +11307,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbBotIconComponent,
                         BmbIconComponent,
                         BmbTextLinkComponent,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_chat-bubble\">\n  <section class=\"bmb_chat-bubble-main\">\n    <div\n      class=\"bmb_chat-bubble-main-info\"\n      [ngClass]=\"{\n        'bmb_chat-bubble-user': message().isUserMessage\n      }\"\n    >\n      <div\n        class=\"bmb_chat-bubble-profile\"\n        [ngClass]=\"{\n          'bmb_chat-bubble-profile-top': !message().isUserMessage,\n          'bmb_chat-bubble-profile-bottom': message().isUserMessage\n        }\"\n      >\n        @if (message().isUserMessage) {\n          <bmb-user-image\n            [size]=\"'mobile-small'\"\n            [image]=\"message().userProfile!\"\n            [altImage]=\"'Alt image description'\"\n            [bordered]=\"false\"\n          ></bmb-user-image>\n        } @else {\n          <bmb-icon\n            class=\"bmb_chat-bubble-profile-bot\"\n            [size]=\"20\"\n            alt=\"bot\"\n            [isSVGTemplate]=\"true\"\n          >\n            <ng-template #customIcon>\n              <bmb-bot-icon [iconName]=\"iconBotDefault()\" />\n            </ng-template>\n          </bmb-icon>\n        }\n      </div>\n      <div class=\"bmb_chat-bubble-msg-container\">\n        <div\n          class=\"bmb_chat-bubble-msg\"\n          [ngClass]=\"{\n            'bmb_chat-bubble-msg-userProfile-bottom': message().isUserMessage,\n            'bmb_chat-bubble-msg-top': !message().isUserMessage\n          }\"\n        >\n          @if (isThinking()) {\n            <div class=\"bmb_chat-bubble-msg-thinking-dots\">\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n            </div>\n          } @else {\n            @if (message().type === 'mixed') {\n              <p>{{ message().content.text }}</p>\n              <img\n                class=\"bmb_chat-bubble-msg-image\"\n                [src]=\"message().content.imageUrl\"\n                alt=\"Message Img\"\n              />\n            }\n\n            @if (message().type === 'text') {\n              <p>{{ message().content.text }}</p>\n            }\n\n            @if (message().type === 'link') {\n              <bmb-text-link\n                [textLink]=\"message().content.text!\"\n                [textLinkStyle]=\"'underlined'\"\n                [target]=\"'_blank'\"\n                [link]=\"message().content.link!\"\n                [disabled]=\"false\"\n              ></bmb-text-link>\n            }\n\n            @if (message().type === 'template') {\n              <ng-container\n                *ngTemplateOutlet=\"message().content.template!\"\n              ></ng-container>\n            }\n          }\n        </div>\n        <div\n          class=\"bmb_chat-bubble-extra\"\n          [ngClass]=\"{\n            'bmb_chat-bubble-extra-user': message().isUserMessage\n          }\"\n        >\n          @if (message().isUserMessage) {\n            <p class=\"bmb_chat-bubble-extra-time\">\n              {{ message().time | date: 'hh:mm a' }}\n            </p>\n          } @else {\n            <div class=\"bmb_chat-bubble-extra-container\">\n              @if (gptIcons()) {\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"repeat\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleRepeat($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleRepeat($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"record_voice_over\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleVoice($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleVoice($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"content_copy\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleCopyContent($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleCopyContent($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"thumb_up\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleLike($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleLike($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"thumb_down\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleDislike($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleDislike($event)\"\n                ></bmb-icon>\n              }\n            </div>\n            <p class=\"bmb_chat-bubble-extra-time\">\n              {{ message().time | date: 'hh:mm a' }}\n            </p>\n          }\n        </div>\n      </div>\n    </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_chat-bubble{margin:.625rem 0;width:100%}.bmb_chat-bubble-main{display:flex;flex-direction:column}.bmb_chat-bubble-main-info{display:flex;gap:.5rem;padding-bottom:.625rem}.bmb_chat-bubble-user{justify-content:flex-end}.bmb_chat-bubble-user>.bmb_chat-bubble-profile{order:3}.bmb_chat-bubble-profile{display:flex}.bmb_chat-bubble-profile-top{align-items:flex-start}.bmb_chat-bubble-profile-bottom{align-items:flex-end;margin-bottom:1.125rem}.bmb_chat-bubble-profile-bot{display:flex;align-items:center;justify-content:center;border-radius:var(--bmb-radius-full);width:2rem;height:2rem;background-color:var(--general-contrasts-80);color:var(--general-contrasts-25)}.bmb_chat-bubble-msg{font-family:Poppins-Regular,sans-serif;font-size:.875rem;min-height:2.8125rem;width:fit-content;border-radius:1rem 1rem 1rem 0;padding:var(--bmb-padding-m);box-shadow:0 .125rem .3125rem rgba(var(--black-primary),.1)}.bmb_chat-bubble-msg-container{max-width:70%}.bmb_chat-bubble-msg-top{border-radius:0 1rem 1rem;background-color:var(--general-contrasts-20)}.bmb_chat-bubble-msg p{margin:0}.bmb_chat-bubble-msg-image{border-radius:1rem;max-width:21.875rem;max-height:15.625rem;margin-top:.625rem}.bmb_chat-bubble-msg-userProfile-bottom{border-radius:1rem 1rem 0;background-color:var(--general-contrasts-5)}.bmb_chat-bubble-msg-userProfile-top{border-radius:1rem 0 1rem 1rem}.bmb_chat-bubble-msg-thinking-dots{display:flex;gap:.5rem}.bmb_chat-bubble-msg-thinking-dot{width:.75rem;height:.75rem;background-color:rgb(var(--blue-mariner-500));border-radius:var(--bmb-radius-full);opacity:.3;animation:thinking 1.5s infinite ease-in-out}.bmb_chat-bubble-msg-thinking-dot:nth-child(1){animation-delay:0s}.bmb_chat-bubble-msg-thinking-dot:nth-child(2){animation-delay:.3s}.bmb_chat-bubble-msg-thinking-dot:nth-child(3){animation-delay:.6s}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.bmb_chat-bubble-extra{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;height:1.25rem}.bmb_chat-bubble-extra p{margin:0}.bmb_chat-bubble-extra-user{justify-content:flex-start;margin-right:2.8125rem}.bmb_chat-bubble-extra-icon{color:var(--general-contrasts-50);cursor:pointer}.bmb_chat-bubble-extra-container{display:flex;align-items:center;gap:.5rem;padding-top:.9375rem}.bmb_chat-bubble-extra-time{padding-top:.9375rem}\n"] }]
+                        BmbContainerButtonComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_chat-bubble\">\n  <section class=\"bmb_chat-bubble-main\">\n    <div\n      class=\"bmb_chat-bubble-main-info\"\n      [ngClass]=\"{\n        'bmb_chat-bubble-user': message().isUserMessage\n      }\"\n    >\n      <div\n        class=\"bmb_chat-bubble-profile\"\n        [ngClass]=\"{\n          'bmb_chat-bubble-profile-top': !message().isUserMessage,\n          'bmb_chat-bubble-profile-bottom': message().isUserMessage\n        }\"\n      >\n        @if (message().isUserMessage) {\n          <bmb-user-image\n            [size]=\"'mobile-small'\"\n            [image]=\"message().userProfile!\"\n            [altImage]=\"'Alt image description'\"\n            [bordered]=\"false\"\n          ></bmb-user-image>\n        } @else {\n          <bmb-icon\n            class=\"bmb_chat-bubble-profile-bot\"\n            [size]=\"20\"\n            alt=\"bot\"\n            [isSVGTemplate]=\"true\"\n          >\n            <ng-template #customIcon>\n              <bmb-bot-icon [iconName]=\"iconBotDefault()\" />\n            </ng-template>\n          </bmb-icon>\n        }\n      </div>\n      <div class=\"bmb_chat-bubble-msg-container\">\n        <div\n          class=\"bmb_chat-bubble-msg\"\n          [ngClass]=\"{\n            'bmb_chat-bubble-msg-userProfile-bottom': message().isUserMessage,\n            'bmb_chat-bubble-msg-top': !message().isUserMessage\n          }\"\n        >\n          @if (isThinking()) {\n            <div class=\"bmb_chat-bubble-msg-thinking-dots\">\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n              <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n            </div>\n          } @else {\n            @if (message().type === 'mixed') {\n              <p>{{ message().content.text }}</p>\n              <img\n                class=\"bmb_chat-bubble-msg-image\"\n                [src]=\"message().content.imageUrl\"\n                alt=\"Message Img\"\n              />\n            }\n\n            @if (message().type === 'text') {\n              <p>{{ message().content.text }}</p>\n            }\n\n            @if (message().type === 'link') {\n              <bmb-text-link\n                [textLink]=\"message().content.text!\"\n                [textLinkStyle]=\"'underlined'\"\n                [target]=\"'_blank'\"\n                [link]=\"message().content.link!\"\n                [disabled]=\"false\"\n              ></bmb-text-link>\n            }\n\n            @if (message().type === 'options') {\n              <p>{{ message().content.text }}</p>\n              <div class=\"bmb_chat-bubble-msg-options-container\">\n                @for (item of message().content.options; track $index) {\n                  <bmb-container-button\n                    [title]=\"item.title\"\n                    [target]=\"item.target || '_blank'\"\n                    [link]=\"item.link || ''\"\n                    iconLeft=\"\"\n                    iconRight=\"\"\n                    [small]=\"true\"\n                    (onButton)=\"(item.onButton)\"\n                    [square]=\"true\"\n                  />\n                }\n              </div>\n            }\n\n            @if (message().type === 'template') {\n              <ng-container\n                *ngTemplateOutlet=\"message().content.template!\"\n              ></ng-container>\n            }\n          }\n        </div>\n        <div\n          class=\"bmb_chat-bubble-extra\"\n          [ngClass]=\"{\n            'bmb_chat-bubble-extra-user': message().isUserMessage\n          }\"\n        >\n          @if (message().isUserMessage) {\n            <p class=\"bmb_chat-bubble-extra-time\">\n              {{ message().time | date: 'hh:mm a' }}\n            </p>\n          } @else {\n            <div class=\"bmb_chat-bubble-extra-container\">\n              @if (gptIcons()) {\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"repeat\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleRepeat($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleRepeat($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"record_voice_over\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleVoice($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleVoice($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"content_copy\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleCopyContent($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleCopyContent($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"thumb_up\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleLike($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleLike($event)\"\n                ></bmb-icon>\n                <bmb-icon\n                  class=\"bmb_chat-bubble-extra-icon\"\n                  icon=\"thumb_down\"\n                  [isFill]=\"true\"\n                  [size]=\"24\"\n                  (click)=\"handleDislike($event)\"\n                  aria-label=\"button\"\n                  (keypress)=\"handleDislike($event)\"\n                ></bmb-icon>\n              }\n            </div>\n            <p class=\"bmb_chat-bubble-extra-time\">\n              {{ message().time | date: 'hh:mm a' }}\n            </p>\n          }\n        </div>\n      </div>\n    </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_chat-bubble{margin:.625rem 0;width:100%}.bmb_chat-bubble-main{display:flex;flex-direction:column}.bmb_chat-bubble-main-info{display:flex;gap:.5rem;padding-bottom:.625rem}.bmb_chat-bubble-user{justify-content:flex-end}.bmb_chat-bubble-user>.bmb_chat-bubble-profile{order:3}.bmb_chat-bubble-profile{display:flex}.bmb_chat-bubble-profile-top{align-items:flex-start}.bmb_chat-bubble-profile-bottom{align-items:flex-end;margin-bottom:1.125rem}.bmb_chat-bubble-profile-bot{display:flex;align-items:center;justify-content:center;border-radius:var(--bmb-radius-full);width:2rem;height:2rem;background-color:var(--general-contrasts-80);color:var(--general-contrasts-25)}.bmb_chat-bubble-msg{font-family:Poppins-Regular,sans-serif;font-size:.875rem;min-height:2.8125rem;width:fit-content;border-radius:1rem 1rem 1rem 0;padding:var(--bmb-padding-m);box-shadow:0 .125rem .3125rem rgba(var(--black-primary),.1)}.bmb_chat-bubble-msg-container{max-width:70%}.bmb_chat-bubble-msg-top{border-radius:0 1rem 1rem;background-color:var(--general-contrasts-20)}.bmb_chat-bubble-msg p{margin:0}.bmb_chat-bubble-msg-image{border-radius:1rem;max-width:21.875rem;max-height:15.625rem;margin-top:.625rem}.bmb_chat-bubble-msg-userProfile-bottom{border-radius:1rem 1rem 0;background-color:var(--general-contrasts-5)}.bmb_chat-bubble-msg-userProfile-top{border-radius:1rem 0 1rem 1rem}.bmb_chat-bubble-msg-thinking-dots{display:flex;gap:.5rem}.bmb_chat-bubble-msg-thinking-dot{width:.75rem;height:.75rem;background-color:rgb(var(--blue-mariner-500));border-radius:var(--bmb-radius-full);opacity:.3;animation:thinking 1.5s infinite ease-in-out}.bmb_chat-bubble-msg-thinking-dot:nth-child(1){animation-delay:0s}.bmb_chat-bubble-msg-thinking-dot:nth-child(2){animation-delay:.3s}.bmb_chat-bubble-msg-thinking-dot:nth-child(3){animation-delay:.6s}.bmb_chat-bubble-msg-options-container{display:flex;gap:.5rem;margin-top:1rem}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.bmb_chat-bubble-extra{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;height:1.25rem}.bmb_chat-bubble-extra p{margin:0}.bmb_chat-bubble-extra-user{justify-content:flex-start;margin-right:2.8125rem}.bmb_chat-bubble-extra-icon{color:var(--general-contrasts-50);cursor:pointer}.bmb_chat-bubble-extra-container{display:flex;align-items:center;gap:.5rem;padding-top:.9375rem}.bmb_chat-bubble-extra-time{padding-top:.9375rem}\n"] }]
         }], propDecorators: { iconBot: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconBot", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], gptBot: [{ type: i0.Input, args: [{ isSignal: true, alias: "gptBot", required: false }] }], gptIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "gptIcons", required: false }] }], isThinking: [{ type: i0.Input, args: [{ isSignal: true, alias: "isThinking", required: false }] }], gptActiveIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "gptActiveIcons", required: false }] }], onRepeatRequest: [{ type: i0.Output, args: ["onRepeatRequest"] }], onVoice: [{ type: i0.Output, args: ["onVoice"] }], onCopy: [{ type: i0.Output, args: ["onCopy"] }], onLike: [{ type: i0.Output, args: ["onLike"] }], onDislike: [{ type: i0.Output, args: ["onDislike"] }] } });
 
 class BmbHomeCardChatComponent {
@@ -11861,7 +11911,7 @@ class BmbWebTemplatesComponent {
         this.topBarOnLangChange.emit(lang);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbWebTemplatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbWebTemplatesComponent, isStandalone: true, selector: "bmb-web-templates", inputs: { isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, titleScreen: { classPropertyName: "titleScreen", publicName: "titleScreen", isSignal: true, isRequired: false, transformFunction: null }, subTitleScreen: { classPropertyName: "subTitleScreen", publicName: "subTitleScreen", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, titleMainSlot: { classPropertyName: "titleMainSlot", publicName: "titleMainSlot", isSignal: true, isRequired: false, transformFunction: null }, titleAsideSlot: { classPropertyName: "titleAsideSlot", publicName: "titleAsideSlot", isSignal: true, isRequired: false, transformFunction: null }, topBarUserInformation: { classPropertyName: "topBarUserInformation", publicName: "topBarUserInformation", isSignal: true, isRequired: false, transformFunction: null }, topBarHasLogoutButton: { classPropertyName: "topBarHasLogoutButton", publicName: "topBarHasLogoutButton", isSignal: true, isRequired: false, transformFunction: null }, topBarImage: { classPropertyName: "topBarImage", publicName: "topBarImage", isSignal: true, isRequired: false, transformFunction: null }, topBarMobileImage: { classPropertyName: "topBarMobileImage", publicName: "topBarMobileImage", isSignal: true, isRequired: false, transformFunction: null }, topBarAppName: { classPropertyName: "topBarAppName", publicName: "topBarAppName", isSignal: true, isRequired: false, transformFunction: null }, topBarAppSubTitle: { classPropertyName: "topBarAppSubTitle", publicName: "topBarAppSubTitle", isSignal: true, isRequired: false, transformFunction: null }, topBarShowLang: { classPropertyName: "topBarShowLang", publicName: "topBarShowLang", isSignal: true, isRequired: false, transformFunction: null }, topBarLang: { classPropertyName: "topBarLang", publicName: "topBarLang", isSignal: true, isRequired: false, transformFunction: null }, topBarMitec: { classPropertyName: "topBarMitec", publicName: "topBarMitec", isSignal: true, isRequired: false, transformFunction: null }, topBarAssignmentNotification: { classPropertyName: "topBarAssignmentNotification", publicName: "topBarAssignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, topBarAlertNotification: { classPropertyName: "topBarAlertNotification", publicName: "topBarAlertNotification", isSignal: true, isRequired: false, transformFunction: null }, sideBarElements: { classPropertyName: "sideBarElements", publicName: "sideBarElements", isSignal: true, isRequired: false, transformFunction: null }, sideBarTitle: { classPropertyName: "sideBarTitle", publicName: "sideBarTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { topBarLogOut: "topBarLogOut", topBarOnLangChange: "topBarOnLangChange" }, queries: [{ propertyName: "asideContent", first: true, predicate: ["bmbTemplateAside"], descendants: true, isSignal: true }, { propertyName: "mainContent", first: true, predicate: ["bmbTemplateMain"], descendants: true, isSignal: true }, { propertyName: "secondAsideContent", first: true, predicate: ["bmbTemplateSecondAside"], descendants: true, isSignal: true }, { propertyName: "singleColumnCard", first: true, predicate: ["singleColumnCard"], descendants: true, isSignal: true }, { propertyName: "asideFirstCard", first: true, predicate: ["asideFirstCard"], descendants: true, isSignal: true }, { propertyName: "asideLightCard", first: true, predicate: ["asideLightCard"], descendants: true, isSignal: true }, { propertyName: "twoAsideCard", first: true, predicate: ["twoAsideCard"], descendants: true, isSignal: true }], ngImport: i0, template: "<section [ngClass]=\"getSectionClass()\">\n  <bmb-top-bar\n    [userInformation]=\"topBarUserInformation()\"\n    [image]=\"topBarImage()\"\n    [mobileImage]=\"topBarMobileImage()\"\n    [appName]=\"topBarAppName()\"\n    [appSubTitle]=\"topBarAppSubTitle()\"\n    [lang]=\"topBarLang()\"\n    [mitec]=\"topBarMitec()\"\n    [alertNotification]=\"topBarAlertNotification()\"\n    class=\"bmb_web-template-top-bar\"\n    (logOut)=\"handleLogOut($event)\"\n  />\n  <header class=\"bmb_web-template-header\">\n    <div\n      class=\"bmb_web-template-header-container\"\n      [ngClass]=\"{ 'bmb_web-template-full-screen': isFullScreen() }\"\n    >\n      <h1 class=\"bmb_web-template-header-title\">{{ titleScreen() }}</h1>\n      <h2 class=\"bmb_web-template-header-subtitle\">{{ subTitleScreen() }}</h2>\n    </div>\n  </header>\n  @switch (template()) {\n    @case ('full-width-card') {\n      <ng-container [ngTemplateOutlet]=\"fullWidthCard\" />\n    }\n    @case ('justify-width-card') {\n      <ng-container [ngTemplateOutlet]=\"justifyWidthCard\" />\n    }\n    @case ('single-column-card') {\n      <ng-container [ngTemplateOutlet]=\"singleColumnCard\" />\n    }\n    @case ('aside-first-card') {\n      <ng-container [ngTemplateOutlet]=\"asideFirstCard\" />\n    }\n    @case ('aside-light-card') {\n      <ng-container [ngTemplateOutlet]=\"asideLightCard\" />\n    }\n    @case ('two-aside-card') {\n      <ng-container [ngTemplateOutlet]=\"twoAsideCard\" />\n    }\n  }\n  <bmb-sidebar\n    [elements]=\"sideBarElements()\"\n    [title]=\"sideBarTitle()\"\n  ></bmb-sidebar>\n</section>\n\n<ng-template #fullWidthCard>\n  <main class=\"bmb_web-template-main\">\n    <section class=\"bmb_web-template-main-container\">\n      @if (titleMainSlot()) {\n        <h3>{{ titleMainSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n    </section>\n  </main>\n  <aside class=\"bmb_web-template-aside\">\n    @if (titleAsideSlot()) {\n      <h3>{{ titleAsideSlot() }}</h3>\n      <bmb-divider />\n    }\n    <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n  </aside>\n</ng-template>\n\n<ng-template #justifyWidthCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"8\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"4\">\n      @if (titleAsideSlot()) {\n        <h3>{{ titleAsideSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n    </aside>\n  </section>\n</ng-template>\n\n<ng-template #singleColumnCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #asideFirstCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"12\">\n      @if (titleAsideSlot()) {\n        <h3>{{ titleAsideSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n      <section class=\"bmb_web-template-main-container\">\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #asideLightCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"9\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #twoAsideCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"6\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"secondAsideContent() ?? null\" />\n    </aside>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_web-template-full-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content max-content;grid-template-areas:\"topBar\" \"header\" \"main\" \"aside\";gap:1rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card{grid-template-columns:2fr 1fr;grid-template-rows:71px max-content 1fr;gap:0;grid-template-areas:\"topBar topBar\" \"header header\" \"main aside\"}}.bmb_web-template-full-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-full-width-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-full-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 62.5rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-full-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main{margin-left:0;border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0;margin-bottom:0;border-width:.0625rem .0625rem 0 0}}.bmb_web-template-full-width-card .bmb_web-template-main-container{overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main-container{padding-left:5.5rem}}.bmb_web-template-full-width-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m) var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-aside{margin:0;border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m);border-width:.0625rem 0 0 .0625rem}}.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-justify-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-justify-width-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-justify-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-justify-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-justify-width-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container-outline)}.bmb_web-template-justify-width-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-justify-width-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-single-column-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-single-column-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-single-column-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-single-column-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-single-column-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-single-column-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-first-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card{gap:0}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card.bmb_web-template{height:auto;overflow:auto}}.bmb_web-template-aside-first-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-first-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-first-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-first-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-first-card .bmb_web-template-main,.bmb_web-template-aside-first-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-aside-light-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-light-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-light-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-light-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding:0 1rem 1rem;gap:0 0 var(--bmb-spacing-m)}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-light-card .bmb_web-template-main{border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-main{border:.0625rem solid var(--general-contrasts-container);border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0}}.bmb_web-template-aside-light-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-light-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-aside{border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m)}}.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-two-aside-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-two-aside-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-two-aside-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-two-aside-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-two-aside-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-two-aside-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-two-aside-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template{background-color:var(--general-contrasts-25);display:grid;gap:0;min-height:100dvh}@media (min-width: 62.5625rem){.bmb_web-template{height:100dvh;overflow:hidden}}\n"], dependencies: [{ kind: "component", type: BmbTopBarComponent, selector: "bmb-top-bar", inputs: ["userInformation", "appName", "appPowered", "appSubTitle", "lang", "mitec", "alertNotification", "showRoleButton", "showHelpButton", "allowSidebarForMobile", "image", "mobileImage"], outputs: ["imageChange", "mobileImageChange", "helpButtonClick", "userProfileClick", "alertButtonClick", "roleButtonClick", "backToHomeClick"] }, { kind: "component", type: BmbSidebarComponent, selector: "bmb-sidebar", inputs: ["elements", "title", "position"] }, { 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: 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: "20.3.16", type: BmbWebTemplatesComponent, isStandalone: true, selector: "bmb-web-templates", inputs: { isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, titleScreen: { classPropertyName: "titleScreen", publicName: "titleScreen", isSignal: true, isRequired: false, transformFunction: null }, subTitleScreen: { classPropertyName: "subTitleScreen", publicName: "subTitleScreen", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, titleMainSlot: { classPropertyName: "titleMainSlot", publicName: "titleMainSlot", isSignal: true, isRequired: false, transformFunction: null }, titleAsideSlot: { classPropertyName: "titleAsideSlot", publicName: "titleAsideSlot", isSignal: true, isRequired: false, transformFunction: null }, topBarUserInformation: { classPropertyName: "topBarUserInformation", publicName: "topBarUserInformation", isSignal: true, isRequired: false, transformFunction: null }, topBarHasLogoutButton: { classPropertyName: "topBarHasLogoutButton", publicName: "topBarHasLogoutButton", isSignal: true, isRequired: false, transformFunction: null }, topBarImage: { classPropertyName: "topBarImage", publicName: "topBarImage", isSignal: true, isRequired: false, transformFunction: null }, topBarMobileImage: { classPropertyName: "topBarMobileImage", publicName: "topBarMobileImage", isSignal: true, isRequired: false, transformFunction: null }, topBarAppName: { classPropertyName: "topBarAppName", publicName: "topBarAppName", isSignal: true, isRequired: false, transformFunction: null }, topBarAppSubTitle: { classPropertyName: "topBarAppSubTitle", publicName: "topBarAppSubTitle", isSignal: true, isRequired: false, transformFunction: null }, topBarShowLang: { classPropertyName: "topBarShowLang", publicName: "topBarShowLang", isSignal: true, isRequired: false, transformFunction: null }, topBarLang: { classPropertyName: "topBarLang", publicName: "topBarLang", isSignal: true, isRequired: false, transformFunction: null }, topBarMitec: { classPropertyName: "topBarMitec", publicName: "topBarMitec", isSignal: true, isRequired: false, transformFunction: null }, topBarAssignmentNotification: { classPropertyName: "topBarAssignmentNotification", publicName: "topBarAssignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, topBarAlertNotification: { classPropertyName: "topBarAlertNotification", publicName: "topBarAlertNotification", isSignal: true, isRequired: false, transformFunction: null }, sideBarElements: { classPropertyName: "sideBarElements", publicName: "sideBarElements", isSignal: true, isRequired: false, transformFunction: null }, sideBarTitle: { classPropertyName: "sideBarTitle", publicName: "sideBarTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { topBarLogOut: "topBarLogOut", topBarOnLangChange: "topBarOnLangChange" }, queries: [{ propertyName: "asideContent", first: true, predicate: ["bmbTemplateAside"], descendants: true, isSignal: true }, { propertyName: "mainContent", first: true, predicate: ["bmbTemplateMain"], descendants: true, isSignal: true }, { propertyName: "secondAsideContent", first: true, predicate: ["bmbTemplateSecondAside"], descendants: true, isSignal: true }, { propertyName: "singleColumnCard", first: true, predicate: ["singleColumnCard"], descendants: true, isSignal: true }, { propertyName: "asideFirstCard", first: true, predicate: ["asideFirstCard"], descendants: true, isSignal: true }, { propertyName: "asideLightCard", first: true, predicate: ["asideLightCard"], descendants: true, isSignal: true }, { propertyName: "twoAsideCard", first: true, predicate: ["twoAsideCard"], descendants: true, isSignal: true }], ngImport: i0, template: "<section [ngClass]=\"getSectionClass()\">\n  <bmb-top-bar\n    [userInformation]=\"topBarUserInformation()\"\n    [image]=\"topBarImage()\"\n    [mobileImage]=\"topBarMobileImage()\"\n    [appName]=\"topBarAppName()\"\n    [appSubTitle]=\"topBarAppSubTitle()\"\n    [lang]=\"topBarLang()\"\n    [mitec]=\"topBarMitec()\"\n    [alertNotification]=\"topBarAlertNotification()\"\n    class=\"bmb_web-template-top-bar\"\n    (logOut)=\"handleLogOut($event)\"\n  />\n  <header class=\"bmb_web-template-header\">\n    <div\n      class=\"bmb_web-template-header-container\"\n      [ngClass]=\"{ 'bmb_web-template-full-screen': isFullScreen() }\"\n    >\n      <h1 class=\"bmb_web-template-header-title\">{{ titleScreen() }}</h1>\n      <h2 class=\"bmb_web-template-header-subtitle\">{{ subTitleScreen() }}</h2>\n    </div>\n  </header>\n  @switch (template()) {\n    @case ('full-width-card') {\n      <ng-container [ngTemplateOutlet]=\"fullWidthCard\" />\n    }\n    @case ('justify-width-card') {\n      <ng-container [ngTemplateOutlet]=\"justifyWidthCard\" />\n    }\n    @case ('single-column-card') {\n      <ng-container [ngTemplateOutlet]=\"singleColumnCard\" />\n    }\n    @case ('aside-first-card') {\n      <ng-container [ngTemplateOutlet]=\"asideFirstCard\" />\n    }\n    @case ('aside-light-card') {\n      <ng-container [ngTemplateOutlet]=\"asideLightCard\" />\n    }\n    @case ('two-aside-card') {\n      <ng-container [ngTemplateOutlet]=\"twoAsideCard\" />\n    }\n  }\n  <bmb-sidebar\n    [elements]=\"sideBarElements()\"\n    [title]=\"sideBarTitle()\"\n  ></bmb-sidebar>\n</section>\n\n<ng-template #fullWidthCard>\n  <main class=\"bmb_web-template-main\">\n    <section class=\"bmb_web-template-main-container\">\n      @if (titleMainSlot()) {\n        <h3>{{ titleMainSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n    </section>\n  </main>\n  <aside class=\"bmb_web-template-aside\">\n    @if (titleAsideSlot()) {\n      <h3>{{ titleAsideSlot() }}</h3>\n      <bmb-divider />\n    }\n    <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n  </aside>\n</ng-template>\n\n<ng-template #justifyWidthCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"8\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"4\">\n      @if (titleAsideSlot()) {\n        <h3>{{ titleAsideSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n    </aside>\n  </section>\n</ng-template>\n\n<ng-template #singleColumnCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #asideFirstCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"12\">\n      @if (titleAsideSlot()) {\n        <h3>{{ titleAsideSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n      <section class=\"bmb_web-template-main-container\">\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #asideLightCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"9\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #twoAsideCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"6\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n      </section>\n    </main>\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"secondAsideContent() ?? null\" />\n    </aside>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_web-template-full-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content max-content;grid-template-areas:\"topBar\" \"header\" \"main\" \"aside\";gap:1rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card{grid-template-columns:2fr 1fr;grid-template-rows:71px max-content 1fr;gap:0;grid-template-areas:\"topBar topBar\" \"header header\" \"main aside\"}}.bmb_web-template-full-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-full-width-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-full-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 62.5rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-full-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main{margin-left:0;border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0;margin-bottom:0;border-width:.0625rem .0625rem 0 0}}.bmb_web-template-full-width-card .bmb_web-template-main-container{overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main-container{padding-left:5.5rem}}.bmb_web-template-full-width-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m) var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-aside{margin:0;border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m);border-width:.0625rem 0 0 .0625rem}}.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-justify-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-justify-width-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-justify-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-justify-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-justify-width-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container-outline)}.bmb_web-template-justify-width-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-justify-width-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-single-column-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-single-column-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-single-column-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-single-column-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-single-column-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-single-column-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-first-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card{gap:0}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card.bmb_web-template{height:auto;overflow:auto}}.bmb_web-template-aside-first-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-first-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-first-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-first-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-first-card .bmb_web-template-main,.bmb_web-template-aside-first-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-aside-light-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-light-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-light-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-light-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding:0 1rem 1rem;gap:0 0 var(--bmb-spacing-m)}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-light-card .bmb_web-template-main{border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-main{border:.0625rem solid var(--general-contrasts-container);border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0}}.bmb_web-template-aside-light-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-light-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-aside{border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m)}}.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-two-aside-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-two-aside-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-two-aside-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-two-aside-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-two-aside-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-two-aside-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-two-aside-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template{background-color:var(--general-contrasts-25);display:grid;gap:0;min-height:100dvh}@media (min-width: 62.5625rem){.bmb_web-template{height:100dvh;overflow:hidden}}\n"], dependencies: [{ kind: "component", type: BmbTopBarComponent, selector: "bmb-top-bar", inputs: ["userInformation", "appName", "appPowered", "appSubTitle", "lang", "mitec", "alertNotification", "showRoleButton", "showSearchButton", "showHelpButton", "allowSidebarForMobile", "image", "mobileImage"], outputs: ["imageChange", "mobileImageChange", "helpButtonClick", "userProfileClick", "alertButtonClick", "roleButtonClick", "backToHomeClick", "searchButtonClick"] }, { kind: "component", type: BmbSidebarComponent, selector: "bmb-sidebar", inputs: ["elements", "title", "position"] }, { 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: 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbWebTemplatesComponent, decorators: [{
             type: Component,
@@ -12698,7 +12748,7 @@ class BmbInputTagsComponent {
         return showError(this.control());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbInputTagsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:rgb(var(--red-light))}.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", "clearEvent"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:rgb(var(--red-light))}.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", "clearEvent"] }, { 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: "20.3.16", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
             type: Component,
@@ -12710,7 +12760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbInputValidatorComponent,
                         BmbInputContentComponent,
                         BmbDropdownContentComponent,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [], 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:rgb(var(--red-light))}.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"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [], 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:rgb(var(--red-light))}.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"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], isRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRequired", required: false }] }], helperMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "helperMessage", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], showError: [{ type: i0.Input, args: [{ isSignal: true, alias: "showError", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], customValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "customValidation", required: false }] }], tagOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagOptions", required: false }] }, { type: i0.Output, args: ["tagOptionsChange"] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }, { type: i0.Output, args: ["controlChange"] }], onKeyDown: [{ type: i0.Output, args: ["onKeyDown"] }], onChange: [{ type: i0.Output, args: ["onChange"] }] } });
 
 class BmbInvoiceComponent {
@@ -12744,11 +12794,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class BmbMultiDotPaginatorItemComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbMultiDotPaginatorItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: BmbMultiDotPaginatorItemComponent, isStandalone: true, selector: "bmb-multi-dot-paginator-item", viewQueries: [{ propertyName: "multiDotPaginatorItem", first: true, predicate: ["BmbMultiDotPaginatorItem"], descendants: true, static: true }], ngImport: i0, template: "<section #BmbMultiDotPaginatorItem class=\"bmb_multi-dot-paginator-item\">\n  <ng-content></ng-content>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}bmb-multi-dot-paginator-item{display:block}@media (min-width: 62.5625rem){bmb-multi-dot-paginator-item{width:calc(50% / var(--numberOfElements) - 3rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*{opacity:1}}@media (width >= 62.5625rem) and (width <= 124.9375rem){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (1999px < width){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (min-width: 125rem){bmb-multi-dot-paginator-item{width:calc(33.333% / var(--numberOfElements) - 2rem)}}.bmb_multi-dot-paginator-item{width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-item{padding-right:2.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: BmbMultiDotPaginatorItemComponent, isStandalone: true, selector: "bmb-multi-dot-paginator-item", viewQueries: [{ propertyName: "multiDotPaginatorItem", first: true, predicate: ["BmbMultiDotPaginatorItem"], descendants: true, static: true }], ngImport: i0, template: "<section #BmbMultiDotPaginatorItem class=\"bmb_multi-dot-paginator-item\">\n  <ng-content></ng-content>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}bmb-multi-dot-paginator-item{display:block}@media (min-width: 62.5625rem){bmb-multi-dot-paginator-item{width:calc(50% / var(--numberOfElements) - 3rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*{opacity:1}}@media (width >= 62.5625rem) and (width <= 124.9375rem){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (1999px < width){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (min-width: 125rem){bmb-multi-dot-paginator-item{width:calc(33.333% / var(--numberOfElements) - 2rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*{opacity:1}}.bmb_multi-dot-paginator-item{width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-item{padding-right:2.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbMultiDotPaginatorItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-multi-dot-paginator-item', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section #BmbMultiDotPaginatorItem class=\"bmb_multi-dot-paginator-item\">\n  <ng-content></ng-content>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}bmb-multi-dot-paginator-item{display:block}@media (min-width: 62.5625rem){bmb-multi-dot-paginator-item{width:calc(50% / var(--numberOfElements) - 3rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*{opacity:1}}@media (width >= 62.5625rem) and (width <= 124.9375rem){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (1999px < width){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (min-width: 125rem){bmb-multi-dot-paginator-item{width:calc(33.333% / var(--numberOfElements) - 2rem)}}.bmb_multi-dot-paginator-item{width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-item{padding-right:2.5rem}}\n"] }]
+            args: [{ selector: 'bmb-multi-dot-paginator-item', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section #BmbMultiDotPaginatorItem class=\"bmb_multi-dot-paginator-item\">\n  <ng-content></ng-content>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}bmb-multi-dot-paginator-item{display:block}@media (min-width: 62.5625rem){bmb-multi-dot-paginator-item{width:calc(50% / var(--numberOfElements) - 3rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*{opacity:1}}@media (width >= 62.5625rem) and (width <= 124.9375rem){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (1999px < width){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (min-width: 125rem){bmb-multi-dot-paginator-item{width:calc(33.333% / var(--numberOfElements) - 2rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*{opacity:1}}.bmb_multi-dot-paginator-item{width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-item{padding-right:2.5rem}}\n"] }]
         }], propDecorators: { multiDotPaginatorItem: [{
                 type: ViewChild,
                 args: ['BmbMultiDotPaginatorItem', { static: true }]
@@ -12808,7 +12858,7 @@ class BmbMultiDotPaginatorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbMultiDotPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbMultiDotPaginatorComponent, isStandalone: true, selector: "bmb-multi-dot-paginator", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "childrenItems", predicate: BmbMultiDotPaginatorItemComponent, isSignal: true }], ngImport: i0, template: "<div class=\"bmb_multi-dot-paginator\">\n  <header class=\"bmb_multi-dot-paginator-header\">\n    <h2 class=\"bmb_multi-dot-paginator-title\">\n      {{ title() }}\n      @if (subtitle()) {\n        <h4 class=\"bmb_multi-dot-paginator-subtitle\">{{ subtitle() }}</h4>\n      }\n    </h2>\n  </header>\n  <section class=\"bmb_multi-dot-paginator-content\">\n    <div\n      class=\"bmb_multi-dot-paginator-content-list\"\n      [style]=\"\n        '--numberOfElements: ' +\n        numberOfElements.length +\n        '; --selected-child: ' +\n        selectedIndex +\n        ';'\n      \"\n    >\n      <ng-content />\n      <div class=\"bmb_multi-dot-paginator-return\">\n        <bmb-fab\n          icon=\"keyboard_return\"\n          size=\"large\"\n          type=\"normal\"\n          text=\"Regresar al inicio\"\n          [mitec]=\"true\"\n          (click)=\"selectItem(0)\"\n        />\n      </div>\n    </div>\n    <button\n      class=\"bmb_multi-dot-paginator-next\"\n      (click)=\"setNextItem()\"\n      title=\"Siguiente\"\n    >\n      Siguiente\n    </button>\n  </section>\n  <footer class=\"bmb_multi-dot-paginator-footer\">\n    <ul\n      class=\"bmb_multi-dot-paginator-list\"\n      [style]=\"'--selected-child: ' + selectedIndex + ';'\"\n    >\n      @if (numberOfElements.length > 0) {\n        <li class=\"bmb_multi-dot-paginator-list-item\">\n          <bmb-action-icon\n            [disabled]=\"selectedIndex === 0\"\n            [icon]=\"'chevron_left'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"prevItem()\"\n          ></bmb-action-icon>\n        </li>\n      }\n      @for (dot of numberOfElements; track $index) {\n        <li\n          class=\"bmb_multi-dot-paginator-list-item\"\n          [ngClass]=\"{\n            'bmb_multi-dot-paginator-list-item-active': selectedIndex === $index\n          }\"\n        >\n          <button\n            class=\"bmb_multi-dot-paginator-dot\"\n            (click)=\"selectItem($index)\"\n            [title]=\"$index\"\n            [ngClass]=\"{\n              'bmb_multi-dot-paginator-dot-active': selectedIndex === $index\n            }\"\n          ></button>\n        </li>\n      }\n      @if (numberOfElements.length > 0) {\n        <li class=\"bmb_multi-dot-paginator-list-item\">\n          <bmb-action-icon\n            [disabled]=\"selectedIndex === numberOfElements.length - 1\"\n            [icon]=\"'chevron_right'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"nextItem()\"\n          ></bmb-action-icon>\n        </li>\n      }\n    </ul>\n  </footer>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounce{0%{margin-left:0}25%{margin-left:-10px}50%{margin-left:10px}75%{margin-left:-5px}to{margin-left:0}}.bmb_multi-dot-paginator{display:flex;flex-direction:column;gap:var(--bmb-spacing-m);height:100%;overflow:hidden}.bmb_multi-dot-paginator-title{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;color:var(--general-contrasts-100);font-weight:300}.bmb_multi-dot-paginator-subtitle{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:var(--general-contrasts-50);font-weight:300}.bmb_multi-dot-paginator-content{flex:1;overflow:visible;position:relative}.bmb_multi-dot-paginator-content-list{display:flex;flex-flow:column nowrap;gap:.75rem;height:100%;margin:0;padding:.875rem;transition:all .5s ease;width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(50% / var(--numberOfElements) - 3rem);--selected-child: calc(var(--selected-child) + 1);flex-direction:row;gap:0;padding:0;transform:translate(calc(var(--child-size) * var(--selected-child) * -1));width:calc(100% * var(--numberOfElements))}}@media (min-width: 125rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(33.333% / var(--numberOfElements) - 2rem)}}.bmb_multi-dot-paginator-content-list.bounce{animation:bounce .3s ease}.bmb_multi-dot-paginator-footer{display:none;justify-content:center;height:auto;align-items:center;gap:var(--bmb-spacing-s)}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-footer{display:flex;padding:var(--bmb-spacing-m)}}.bmb_multi-dot-paginator-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0;height:1rem;align-items:center}.bmb_multi-dot-paginator-list-item{display:flex;align-items:center}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item:nth-last-child(2) .bmb_multi-dot-paginator-dot:after{width:1.5rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item:last-child .bmb_multi-dot-paginator-dot:after{width:1.5rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item-active+.bmb_multi-dot-paginator-list-item .bmb_multi-dot-paginator-dot{background-color:var(--general-contrasts-main-selection)}}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item-active+.bmb_multi-dot-paginator-list-item+.bmb_multi-dot-paginator-list-item .bmb_multi-dot-paginator-dot{background-color:var(--general-contrasts-main-selection)}}.bmb_multi-dot-paginator-list-item bmb-action-icon{display:flex;align-items:center}.bmb_multi-dot-paginator-return{align-items:center;display:none;padding-left:3rem;position:relative;width:18.75rem}.bmb_multi-dot-paginator-return .bmb_fab-large-normal{position:initial}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-return{display:flex}}.bmb_multi-dot-paginator-next{display:none;height:100%;opacity:0;padding:0;position:absolute;right:0;top:0;width:0}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-next{display:block;width:4rem}}.bmb_multi-dot-paginator-dot{background-color:rgb(var(--gray-charade-500));border-radius:var(--bmb-radius-full);cursor:pointer;height:.75rem;margin:0 .3125rem;padding:0;position:relative;width:.75rem}.bmb_multi-dot-paginator-dot-active{background-color:var(--general-contrasts-main-selection);border-radius:var(--bmb-radius-full);box-shadow:0 0 .25rem 0 var(--general-contrasts-main-selection)}.bmb_multi-dot-paginator-dot-active:after{border:.0625rem solid var(--general-contrasts-main-selection);border-radius:1.25rem;box-shadow:0 0 .1875rem 0 inset var(--general-contrasts-main-selection),0 0 .25rem 0 var(--general-contrasts-main-selection);content:\"\";height:1.5rem;left:-.4375rem;position:absolute;top:-.4375rem;width:2.875rem;z-index:0}@media (min-width: 125rem){.bmb_multi-dot-paginator-dot-active:after{width:4.25rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "text", "size", "type", "mitec"], outputs: ["fabClick"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbMultiDotPaginatorComponent, isStandalone: true, selector: "bmb-multi-dot-paginator", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "childrenItems", predicate: BmbMultiDotPaginatorItemComponent, isSignal: true }], ngImport: i0, template: "<div class=\"bmb_multi-dot-paginator\">\n  <header class=\"bmb_multi-dot-paginator-header\">\n    <h2 class=\"bmb_multi-dot-paginator-title\">\n      {{ title() }}\n      @if (subtitle()) {\n        <h4 class=\"bmb_multi-dot-paginator-subtitle\">{{ subtitle() }}</h4>\n      }\n    </h2>\n  </header>\n  <section class=\"bmb_multi-dot-paginator-content\">\n    <div\n      class=\"bmb_multi-dot-paginator-content-list\"\n      [style]=\"\n        '--numberOfElements: ' +\n        numberOfElements.length +\n        '; --selected-child: ' +\n        selectedIndex +\n        ';'\n      \"\n    >\n      <ng-content />\n      <div class=\"bmb_multi-dot-paginator-return\">\n        <bmb-fab\n          icon=\"keyboard_return\"\n          size=\"large\"\n          type=\"normal\"\n          text=\"Regresar al inicio\"\n          [mitec]=\"true\"\n          (click)=\"selectItem(0)\"\n        />\n      </div>\n    </div>\n    <button\n      class=\"bmb_multi-dot-paginator-next\"\n      (click)=\"setNextItem()\"\n      title=\"Siguiente\"\n    >\n      Siguiente\n    </button>\n  </section>\n  <footer class=\"bmb_multi-dot-paginator-footer\">\n    <ul\n      class=\"bmb_multi-dot-paginator-list\"\n      [style]=\"'--selected-child: ' + selectedIndex + ';'\"\n    >\n      @if (numberOfElements.length > 0) {\n        <li class=\"bmb_multi-dot-paginator-list-item\">\n          <bmb-action-icon\n            [disabled]=\"selectedIndex === 0\"\n            [icon]=\"'chevron_left'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"prevItem()\"\n          ></bmb-action-icon>\n        </li>\n      }\n      @for (dot of numberOfElements; track $index) {\n        <li\n          class=\"bmb_multi-dot-paginator-list-item\"\n          [ngClass]=\"{\n            'bmb_multi-dot-paginator-list-item-active': selectedIndex === $index\n          }\"\n        >\n          <button\n            class=\"bmb_multi-dot-paginator-dot\"\n            (click)=\"selectItem($index)\"\n            [title]=\"$index\"\n            [ngClass]=\"{\n              'bmb_multi-dot-paginator-dot-active': selectedIndex === $index\n            }\"\n          ></button>\n        </li>\n      }\n      @if (numberOfElements.length > 0) {\n        <li class=\"bmb_multi-dot-paginator-list-item\">\n          <bmb-action-icon\n            [disabled]=\"selectedIndex === numberOfElements.length - 1\"\n            [icon]=\"'chevron_right'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"nextItem()\"\n          ></bmb-action-icon>\n        </li>\n      }\n    </ul>\n  </footer>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounce{0%{margin-left:0}25%{margin-left:-10px}50%{margin-left:10px}75%{margin-left:-5px}to{margin-left:0}}.bmb_multi-dot-paginator{display:flex;flex-direction:column;gap:var(--bmb-spacing-m);height:100%;overflow:hidden}.bmb_multi-dot-paginator-title{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;color:var(--general-contrasts-100);font-weight:300}.bmb_multi-dot-paginator-subtitle{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:var(--general-contrasts-50);font-weight:300}.bmb_multi-dot-paginator-content{flex:1;overflow:visible;position:relative}.bmb_multi-dot-paginator-content-list{display:flex;flex-flow:column nowrap;gap:.75rem;height:100%;margin:0;padding:.875rem;transition:all .5s ease;width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(50% / var(--numberOfElements) - 3rem);--selected-child: calc(var(--selected-child) + 1);flex-direction:row;gap:0;padding:0;transform:translate(calc(var(--child-size) * var(--selected-child) * -1));width:calc(100% * var(--numberOfElements))}}@media (min-width: 125rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(33.333% / var(--numberOfElements) - 2rem)}}.bmb_multi-dot-paginator-content-list.bounce{animation:bounce .3s ease}.bmb_multi-dot-paginator-footer{display:none;justify-content:center;height:auto;align-items:center;gap:var(--bmb-spacing-s)}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-footer{display:flex;padding:var(--bmb-spacing-m)}}.bmb_multi-dot-paginator-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0;height:1rem;align-items:center}.bmb_multi-dot-paginator-list-item{display:flex;align-items:center}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item:nth-last-child(2) .bmb_multi-dot-paginator-dot:after{width:1.5rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item:last-child .bmb_multi-dot-paginator-dot:after{width:1.5rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item-active+.bmb_multi-dot-paginator-list-item .bmb_multi-dot-paginator-dot{background-color:var(--general-contrasts-main-selection)}}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item-active+.bmb_multi-dot-paginator-list-item+.bmb_multi-dot-paginator-list-item .bmb_multi-dot-paginator-dot{background-color:var(--general-contrasts-main-selection)}}.bmb_multi-dot-paginator-list-item bmb-action-icon{display:flex;align-items:center}.bmb_multi-dot-paginator-return{align-items:center;display:none;padding-left:3rem;position:relative;width:18.75rem}.bmb_multi-dot-paginator-return .bmb_fab-large-normal{position:initial}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-return{display:flex}}.bmb_multi-dot-paginator-next{display:none;height:100%;opacity:0;padding:0;position:absolute;right:0;top:0;width:0}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-next{display:block;width:4rem}}.bmb_multi-dot-paginator-dot{background-color:rgb(var(--gray-charade-500));border-radius:var(--bmb-radius-full);cursor:pointer;height:.75rem;margin:0 .3125rem;padding:0;position:relative;width:.75rem}.bmb_multi-dot-paginator-dot-active{background-color:var(--general-contrasts-main-selection);border-radius:var(--bmb-radius-full);box-shadow:0 0 .25rem 0 var(--general-contrasts-main-selection)}.bmb_multi-dot-paginator-dot-active:after{border:.0625rem solid var(--general-contrasts-main-selection);border-radius:1.25rem;box-shadow:0 0 .1875rem 0 inset var(--general-contrasts-main-selection),0 0 .25rem 0 var(--general-contrasts-main-selection);content:\"\";height:1.5rem;left:-.4375rem;position:absolute;top:-.4375rem;width:2.875rem;z-index:0}@media (min-width: 125rem){.bmb_multi-dot-paginator-dot-active:after{width:4.25rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "size", "mitec", "text", "type"], outputs: ["fabClick"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbMultiDotPaginatorComponent, decorators: [{
             type: Component,
@@ -13639,7 +13689,7 @@ class BmbDrawerOverlayComponent {
         return Array.isArray(appsForCurrentNav) ? appsForCurrentNav : [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbDrawerOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbDrawerOverlayComponent, isStandalone: true, selector: "bmb-drawer-overlay", inputs: { menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, dataSearch: { classPropertyName: "dataSearch", publicName: "dataSearch", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, appServices: { classPropertyName: "appServices", publicName: "appServices", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", buttonClick: "buttonClick" }, host: { listeners: { "document:keydown.escape": "onEsc()" } }, ngImport: i0, template: "<section class=\"bmb_drawer\" [class.open]=\"isOpen\">\n  @if (isOpen) {\n    <div class=\"bmb_drawer-overlay\" (click)=\"closeDrawer($event)\"></div>\n    <section class=\"bmb_drawer-menu\" (click)=\"$event.stopPropagation()\">\n      @for (item of menu().slice(0, 4); track $index) {\n        <bmb-interactive-icon\n          [appearance]=\"item.appearance\"\n          [title]=\"item.title\"\n          [icon]=\"item.icon\"\n          [target]=\"item?.target!\"\n          [link]=\"item?.link!\"\n          [layout]=\"'app_drawer'\"\n          (buttonClick)=\"toggleFullDrawer($event, item)\"\n        />\n      }\n    </section>\n  }\n  @if (isFull) {\n    <section class=\"bmb_drawer-full\">\n      <bmb-inner-header\n        [title]=\"title()\"\n        [showReturn]=\"true\"\n        (onHandleBack)=\"toggleFullDrawer($event)\"\n        (searchData)=\"handleValueChange($event)\"\n        [showSearch]=\"true\"\n      />\n      <bmb-tabs [tabs]=\"tabs()\" (selected)=\"selectNavItem($event.id)\" />\n      <section class=\"bmb_drawer-apps\">\n        @for (app of appsActive; track $index) {\n          <bmb-interactive-icon\n            [appearance]=\"app.appearance\"\n            [title]=\"app.title\"\n            [icon]=\"app.icon\"\n            [target]=\"app?.target!\"\n            [link]=\"app?.link!\"\n            [layout]=\"'regular'\"\n          />\n        }\n      </section>\n    </section>\n  }\n\n  <bmb-fab icon=\"apps\" size=\"large\" type=\"normal\" (fabClick)=\"toggleDrawer()\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_drawer-overlay{-webkit-backdrop-filter:blur(.0625rem);backdrop-filter:blur(.0625rem);background-color:var(--black-tint);filter:blur(.3125rem);height:100%;left:0;position:absolute;top:0;width:100%}.bmb_drawer-menu{animation:growOut .3s ease-in-out forwards;bottom:6.25rem;display:flex;flex-flow:column;gap:1rem;align-items:end;position:absolute;right:1.125rem;transform-origin:bottom center;width:auto}.bmb_drawer.open{height:100%;left:0;margin:auto;position:fixed;right:0;top:0;width:100%;z-index:1}.bmb_drawer-apps{justify-content:space-evenly;right:0;width:100%}.bmb_drawer bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_drawer bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_drawer-full{background-color:var(--containers-background);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:210}.bmb_drawer-full .bmb_drawer-apps{display:flex;flex-wrap:wrap;gap:.625rem;padding:1.5rem}.bmb_drawer .bmb_interactive_icon-title{color:rgb(var(--white-primary))}@keyframes growOut{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "text", "size", "type", "mitec"], outputs: ["fabClick"] }, { kind: "component", type: BmbInteractiveIconComponent, selector: "bmb-interactive-icon", inputs: ["appearanceContrast", "appearance", "title", "description", "icon", "dotNotification", "horizontal", "target", "link", "layout", "setButtonTemplate"], outputs: ["buttonClick"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbDrawerOverlayComponent, isStandalone: true, selector: "bmb-drawer-overlay", inputs: { menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, dataSearch: { classPropertyName: "dataSearch", publicName: "dataSearch", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, appServices: { classPropertyName: "appServices", publicName: "appServices", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", buttonClick: "buttonClick" }, host: { listeners: { "document:keydown.escape": "onEsc()" } }, ngImport: i0, template: "<section class=\"bmb_drawer\" [class.open]=\"isOpen\">\n  @if (isOpen) {\n    <div class=\"bmb_drawer-overlay\" (click)=\"closeDrawer($event)\"></div>\n    <section class=\"bmb_drawer-menu\" (click)=\"$event.stopPropagation()\">\n      @for (item of menu().slice(0, 4); track $index) {\n        <bmb-interactive-icon\n          [appearance]=\"item.appearance\"\n          [title]=\"item.title\"\n          [icon]=\"item.icon\"\n          [target]=\"item?.target!\"\n          [link]=\"item?.link!\"\n          [layout]=\"'app_drawer'\"\n          (buttonClick)=\"toggleFullDrawer($event, item)\"\n        />\n      }\n    </section>\n  }\n  @if (isFull) {\n    <section class=\"bmb_drawer-full\">\n      <bmb-inner-header\n        [title]=\"title()\"\n        [showReturn]=\"true\"\n        (onHandleBack)=\"toggleFullDrawer($event)\"\n        (searchData)=\"handleValueChange($event)\"\n        [showSearch]=\"true\"\n      />\n      <bmb-tabs [tabs]=\"tabs()\" (selected)=\"selectNavItem($event.id)\" />\n      <section class=\"bmb_drawer-apps\">\n        @for (app of appsActive; track $index) {\n          <bmb-interactive-icon\n            [appearance]=\"app.appearance\"\n            [title]=\"app.title\"\n            [icon]=\"app.icon\"\n            [target]=\"app?.target!\"\n            [link]=\"app?.link!\"\n            [layout]=\"'regular'\"\n          />\n        }\n      </section>\n    </section>\n  }\n\n  <bmb-fab icon=\"apps\" size=\"large\" type=\"normal\" (fabClick)=\"toggleDrawer()\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_drawer-overlay{-webkit-backdrop-filter:blur(.0625rem);backdrop-filter:blur(.0625rem);background-color:var(--black-tint);filter:blur(.3125rem);height:100%;left:0;position:absolute;top:0;width:100%}.bmb_drawer-menu{animation:growOut .3s ease-in-out forwards;bottom:6.25rem;display:flex;flex-flow:column;gap:1rem;align-items:end;position:absolute;right:1.125rem;transform-origin:bottom center;width:auto}.bmb_drawer.open{height:100%;left:0;margin:auto;position:fixed;right:0;top:0;width:100%;z-index:1}.bmb_drawer-apps{justify-content:space-evenly;right:0;width:100%}.bmb_drawer bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_drawer bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_drawer-full{background-color:var(--containers-background);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:210}.bmb_drawer-full .bmb_drawer-apps{display:flex;flex-wrap:wrap;gap:.625rem;padding:1.5rem}.bmb_drawer .bmb_interactive_icon-title{color:rgb(var(--white-primary))}@keyframes growOut{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "size", "mitec", "text", "type"], outputs: ["fabClick"] }, { kind: "component", type: BmbInteractiveIconComponent, selector: "bmb-interactive-icon", inputs: ["appearanceContrast", "appearance", "title", "description", "icon", "dotNotification", "horizontal", "target", "link", "layout", "setButtonTemplate"], outputs: ["buttonClick"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbDrawerOverlayComponent, decorators: [{
             type: Component,
@@ -14571,11 +14621,11 @@ class BmbSoundsCardComponent {
         this.handleMute.emit(this.isMuted);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbSoundsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: BmbSoundsCardComponent, isStandalone: true, selector: "bmb-sounds-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handlevolume: "handlevolume", handlePlay: "handlePlay", handleMute: "handleMute" }, viewQueries: [{ propertyName: "rangeVolume", first: true, predicate: ["rangeVolume"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section class=\"bmb_sounds-card\">\n  <bmb-media-card\n    [bgColor]=\"'--blue-mariner-950'\"\n    [alt]=\"'Alt'\"\n    [width]=\"width()\"\n    [ratio]=\"ratio()\"\n    [borderRadius]=\"'m'\"\n    [type]=\"'inline'\"\n    [fullmediaCard]=\"true\"\n    [boxShadow]=\"true\"\n  >\n    <section class=\"bmb_sounds-card-content\">\n      <div class=\"bmb_sounds-card-content-icon\">\n        <button\n          class=\"bmb_sounds-card-content-icon-btn\"\n          [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n          (click)=\"this.handlePlayPause()\"\n        >\n          <bmb-icon\n            class=\"bmb_sounds-card-content-icon-btn-icon\"\n            [ngClass]=\"{\n              'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n            }\"\n            [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n            [isFill]=\"true\"\n            [size]=\"100\"\n          />\n        </button>\n      </div>\n      <div class=\"bmb_sounds-card-info\">\n        <div class=\"bmb_sounds-card-info-title\">\n          <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-subtitle\">\n          <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n            subtitle()\n          }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-volume\">\n          <button\n            class=\"bmb_sounds-card-info-volume-btn\"\n            (click)=\"this.handleMuteVolume()\"\n          >\n            <bmb-icon\n              [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n              [size]=\"28\"\n            />\n          </button>\n          <input\n            #rangeVolume\n            class=\"bmb_sounds-card-info-volume-range\"\n            type=\"range\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"internalVolume\"\n            (input)=\"onVolumeChange($event)\"\n          />\n        </div>\n      </div>\n    </section>\n  </bmb-media-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:var(--bmb-radius-full);padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:rgb(var(--blue-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:rgb(var(--gray-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:rgb(var(--blue-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:rgb(var(--blue-mariner-50));border-radius:var(--bmb-radius-1)}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:var(--bmb-radius-full);background-color:rgb(var(--gray-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbMediaCardComponent, selector: "bmb-media-card", inputs: ["link", "target", "src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop", "type", "title", "subtitle", "content", "date", "userName", "userImage", "fullmediaCard", "bgColor", "boxShadow"], outputs: ["mediaCardClicked"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: BmbSoundsCardComponent, isStandalone: true, selector: "bmb-sounds-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handlevolume: "handlevolume", handlePlay: "handlePlay", handleMute: "handleMute" }, viewQueries: [{ propertyName: "rangeVolume", first: true, predicate: ["rangeVolume"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section class=\"bmb_sounds-card\">\n  <bmb-media-card\n    [bgColor]=\"'--blue-mariner-950'\"\n    [alt]=\"'Alt'\"\n    [width]=\"width()\"\n    [ratio]=\"ratio()\"\n    [borderRadius]=\"'m'\"\n    [type]=\"'inline'\"\n    [fullmediaCard]=\"true\"\n    [boxShadow]=\"true\"\n  >\n    <section class=\"bmb_sounds-card-content\">\n      <div class=\"bmb_sounds-card-content-icon\">\n        <button\n          class=\"bmb_sounds-card-content-icon-btn\"\n          [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n          (click)=\"this.handlePlayPause()\"\n        >\n          <bmb-icon\n            class=\"bmb_sounds-card-content-icon-btn-icon\"\n            [ngClass]=\"{\n              'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n            }\"\n            [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n            [isFill]=\"true\"\n            [size]=\"100\"\n          />\n        </button>\n      </div>\n      <div class=\"bmb_sounds-card-info\">\n        <div class=\"bmb_sounds-card-info-title\">\n          <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-subtitle\">\n          <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n            subtitle()\n          }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-volume\">\n          <button\n            class=\"bmb_sounds-card-info-volume-btn\"\n            (click)=\"this.handleMuteVolume()\"\n          >\n            <bmb-icon\n              [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n              [size]=\"28\"\n            />\n          </button>\n          <input\n            #rangeVolume\n            class=\"bmb_sounds-card-info-volume-range\"\n            type=\"range\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"internalVolume\"\n            (input)=\"onVolumeChange($event)\"\n          />\n        </div>\n      </div>\n    </section>\n  </bmb-media-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:var(--bmb-radius-full);padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:rgb(var(--blue-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:rgb(var(--gray-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:rgb(var(--blue-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:rgb(var(--blue-mariner-50));border-radius:var(--bmb-radius-1)}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:var(--bmb-radius-full);background-color:rgb(var(--gray-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}.bmb_sounds-card .bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(0deg,#1f222e00 33.5%,rgb(var(--blue-mariner-950)))}.bmb_sounds-card .bmb_media-card-content-overlay{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbMediaCardComponent, selector: "bmb-media-card", inputs: ["link", "target", "src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop", "type", "title", "subtitle", "content", "date", "userName", "userImage", "fullmediaCard", "bgColor", "boxShadow"], outputs: ["mediaCardClicked"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbSoundsCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-sounds-card', standalone: true, imports: [CommonModule, BmbMediaCardComponent, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_sounds-card\">\n  <bmb-media-card\n    [bgColor]=\"'--blue-mariner-950'\"\n    [alt]=\"'Alt'\"\n    [width]=\"width()\"\n    [ratio]=\"ratio()\"\n    [borderRadius]=\"'m'\"\n    [type]=\"'inline'\"\n    [fullmediaCard]=\"true\"\n    [boxShadow]=\"true\"\n  >\n    <section class=\"bmb_sounds-card-content\">\n      <div class=\"bmb_sounds-card-content-icon\">\n        <button\n          class=\"bmb_sounds-card-content-icon-btn\"\n          [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n          (click)=\"this.handlePlayPause()\"\n        >\n          <bmb-icon\n            class=\"bmb_sounds-card-content-icon-btn-icon\"\n            [ngClass]=\"{\n              'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n            }\"\n            [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n            [isFill]=\"true\"\n            [size]=\"100\"\n          />\n        </button>\n      </div>\n      <div class=\"bmb_sounds-card-info\">\n        <div class=\"bmb_sounds-card-info-title\">\n          <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-subtitle\">\n          <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n            subtitle()\n          }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-volume\">\n          <button\n            class=\"bmb_sounds-card-info-volume-btn\"\n            (click)=\"this.handleMuteVolume()\"\n          >\n            <bmb-icon\n              [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n              [size]=\"28\"\n            />\n          </button>\n          <input\n            #rangeVolume\n            class=\"bmb_sounds-card-info-volume-range\"\n            type=\"range\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"internalVolume\"\n            (input)=\"onVolumeChange($event)\"\n          />\n        </div>\n      </div>\n    </section>\n  </bmb-media-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:var(--bmb-radius-full);padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:rgb(var(--blue-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:rgb(var(--gray-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:rgb(var(--blue-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:rgb(var(--blue-mariner-50));border-radius:var(--bmb-radius-1)}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:var(--bmb-radius-full);background-color:rgb(var(--gray-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}\n"] }]
+            args: [{ selector: 'bmb-sounds-card', standalone: true, imports: [CommonModule, BmbMediaCardComponent, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_sounds-card\">\n  <bmb-media-card\n    [bgColor]=\"'--blue-mariner-950'\"\n    [alt]=\"'Alt'\"\n    [width]=\"width()\"\n    [ratio]=\"ratio()\"\n    [borderRadius]=\"'m'\"\n    [type]=\"'inline'\"\n    [fullmediaCard]=\"true\"\n    [boxShadow]=\"true\"\n  >\n    <section class=\"bmb_sounds-card-content\">\n      <div class=\"bmb_sounds-card-content-icon\">\n        <button\n          class=\"bmb_sounds-card-content-icon-btn\"\n          [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n          (click)=\"this.handlePlayPause()\"\n        >\n          <bmb-icon\n            class=\"bmb_sounds-card-content-icon-btn-icon\"\n            [ngClass]=\"{\n              'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n            }\"\n            [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n            [isFill]=\"true\"\n            [size]=\"100\"\n          />\n        </button>\n      </div>\n      <div class=\"bmb_sounds-card-info\">\n        <div class=\"bmb_sounds-card-info-title\">\n          <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-subtitle\">\n          <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n            subtitle()\n          }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-volume\">\n          <button\n            class=\"bmb_sounds-card-info-volume-btn\"\n            (click)=\"this.handleMuteVolume()\"\n          >\n            <bmb-icon\n              [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n              [size]=\"28\"\n            />\n          </button>\n          <input\n            #rangeVolume\n            class=\"bmb_sounds-card-info-volume-range\"\n            type=\"range\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"internalVolume\"\n            (input)=\"onVolumeChange($event)\"\n          />\n        </div>\n      </div>\n    </section>\n  </bmb-media-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:var(--bmb-radius-full);padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:rgb(var(--blue-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:rgb(var(--gray-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:rgb(var(--blue-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:rgb(var(--blue-mariner-50));border-radius:var(--bmb-radius-1)}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:var(--bmb-radius-full);background-color:rgb(var(--gray-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}.bmb_sounds-card .bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(0deg,#1f222e00 33.5%,rgb(var(--blue-mariner-950)))}.bmb_sounds-card .bmb_media-card-content-overlay{display:none}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: false }] }], handlevolume: [{ type: i0.Output, args: ["handlevolume"] }], handlePlay: [{ type: i0.Output, args: ["handlePlay"] }], handleMute: [{ type: i0.Output, args: ["handleMute"] }], rangeVolume: [{
                 type: ViewChild,
                 args: ['rangeVolume', { read: ElementRef }]
@@ -15085,7 +15135,7 @@ class BmbTableLiteComponent {
         return row.id || row.sociedad;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTableLiteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbTableLiteComponent, isStandalone: true, selector: "bmb-table-lite", inputs: { showSearch: { classPropertyName: "showSearch", publicName: "showSearch", 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 }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null }, filtersPosition: { classPropertyName: "filtersPosition", publicName: "filtersPosition", isSignal: true, isRequired: false, transformFunction: null }, initialTableSelection: { classPropertyName: "initialTableSelection", publicName: "initialTableSelection", isSignal: true, isRequired: false, transformFunction: null }, actionTemplate: { classPropertyName: "actionTemplate", publicName: "actionTemplate", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, clearSelection: { classPropertyName: "clearSelection", publicName: "clearSelection", 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 } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", select: "select", clickedRow: "clickedRow", searchChange: "searchChange", filtersChange: "filtersChange", searchModeChange: "searchModeChange", pageChange: "pageChange" }, host: { properties: { "style.--col-count": "this.colCount", "style.--col-checkbox": "this.colCheckbox", "style.--col-expand": "this.colExpand", "style.--col-actions": "this.colActions", "style.--has-checkbox": "this.hasCheckbox", "style.--has-expand": "this.hasExpand", "style.--has-actions": "this.hasActions" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"getTableClasses()\" [ngStyle]=\"cssVars\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table_lite-header\">\n      @if (showSearch()) {\n        <section class=\"bmb_table_lite-search\">\n          <bmb-input\n            class=\"bmb_table_lite-input\"\n            [type]=\"'text'\"\n            [placeholder]=\"'Buscar'\"\n            [disabled]=\"false\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"searchControl\"\n          ></bmb-input>\n          <bmb-action-icon\n            [idElement]=\"''\"\n            [icon]=\"'filter_list'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleFilters()\"\n          ></bmb-action-icon>\n        </section>\n      }\n      <div class=\"bmb_table_lite-filter\">\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table_lite-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table_lite-filter-item-number\">\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                @case ('date') {\n                  <bmb-date-range\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\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                @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\n  <div class=\"bmb_table_lite-container\">\n    <section class=\"bmb_table_lite-container-table\">\n      <div class=\"bmb_table_lite-row bmb_table_lite-row--header\">\n        @if (tableConfig?.isSelectable) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? toggleAllRows() : null\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </div>\n        }\n\n        @if (tableConfig?.isExpandible) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-expand\">&nbsp;</div>\n        }\n\n        @for (\n          column of tableColumns;\n          track trackByColumn(column);\n          let i = $index\n        ) {\n          <div\n            class=\"bmb_table_lite-th\"\n            [ngClass]=\"getHeaderCellClasses(i)\"\n            [title]=\"\n              lang() === 'es' ? column.label : column.labelEn || column.label\n            \"\n          >\n            <ng-container *ngIf=\"column.icon\">\n              <bmb-icon [icon]=\"column.icon\"></bmb-icon>\n            </ng-container>\n\n            @if (column.htmlLabel) {\n              <ng-template\n                [ngTemplateOutlet]=\"column.htmlLabel\"\n                [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n              ></ng-template>\n            } @else {\n              <span class=\"bmb_table_lite-th-text\">\n                {{\n                  lang() === 'es'\n                    ? column.label\n                    : column.labelEn || column.label\n                }}\n              </span>\n            }\n          </div>\n        }\n\n        @if (tableConfig?.showActions) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-actions\"></div>\n        }\n      </div>\n\n      @for (row of pageSlice; track trackByRow(row); let rIndex = $index) {\n        <div\n          class=\"bmb_table_lite-row\"\n          (click)=\"onSelectRow(row)\"\n          [ngClass]=\"{\n            'bmb_table_lite-even': isEven(rIndex),\n            'bmb_table_lite-odd': isOdd(rIndex),\n            'bmb_table_lite-expandible': expandedElement === row\n          }\"\n        >\n          @if (tableConfig?.isSelectable) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-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            </div>\n          }\n\n          @if (tableConfig?.isExpandible) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-expand\">\n              <button\n                type=\"button\"\n                class=\"bmb_btn-icon\"\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 ? 'zoom_in_map' : 'zoom_out_map'\n                  \"\n                ></bmb-icon>\n              </button>\n            </div>\n          }\n\n          @for (\n            column of tableColumns;\n            track trackByColumn(column);\n            let i = $index\n          ) {\n            <div\n              class=\"bmb_table_lite-td\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n              [title]=\"row[column.dataKey]?.propertyName || row[column.dataKey]\"\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                <span>\n                  {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n                </span>\n              }\n            </div>\n          }\n\n          @if (tableConfig?.showActions) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-actions\">\n              @if (\n                tableColumns.length &&\n                tableColumns[tableColumns.length - 1].templateActions\n              ) {\n                <ng-template\n                  [ngTemplateOutlet]=\"\n                    tableColumns[tableColumns.length - 1].templateActions!\n                  \"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                <ng-template\n                  [ngTemplateOutlet]=\"actionTemplate()!\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              }\n            </div>\n          }\n        </div>\n\n        @if (tableConfig?.isExpandible) {\n          <div\n            class=\"bmb_table_lite-row bmb_table_lite-details\"\n            [class.bmb_table_lite-expanded]=\"expandedElement === row\"\n          >\n            <div class=\"bmb_table_lite-detail\" *ngIf=\"expandedElement === row\">\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </div>\n        }\n      }\n    </section>\n\n    @if (tableConfig?.isPaginable) {\n      <div class=\"bmb_table_lite-paginator\">\n        <span class=\"bmb_table_lite-paginator-text\">\n          {{ getPaginationText() }}\n        </span>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToFirstPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToPreviousPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToNextPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToLastPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n      </div>\n    }\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table_lite{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);box-sizing:border-box;container-type:inline-size;padding:1.5rem 1rem;width:100%}.bmb_table_lite-filters-top,.bmb_table_lite-filters-left{display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_table_lite-filters-bottom,.bmb_table_lite-filters-right{align-items:flex-start;display:flex;flex-flow:column;gap:1rem;overflow:auto;flex-direction:column-reverse}@media (min-width: 62.5625rem){.bmb_table_lite-filters-top .bmb_table_lite-header,.bmb_table_lite-filters-bottom .bmb_table_lite-header{height:30%;width:100%}.bmb_table_lite-filters-top .bmb_table_lite-container,.bmb_table_lite-filters-bottom .bmb_table_lite-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table_lite-filters-left,.bmb_table_lite-filters-right{flex-flow:row}.bmb_table_lite-filters-left .bmb_table_lite-header,.bmb_table_lite-filters-right .bmb_table_lite-header{width:30%}.bmb_table_lite-filters-left .bmb_table_lite-container,.bmb_table_lite-filters-right .bmb_table_lite-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table_lite-filters-right{flex-flow:row-reverse}}.bmb_table_lite-header{container-type:inline-size;max-height:100%;overflow:auto}.bmb_table_lite-header .bmb_table_lite-filter{display:flex;flex-flow:column;gap:1rem;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table_lite-filter-item-number{flex-flow:column}}.bmb_table_lite-filter-item-number>*{flex:1}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{border-top:.125rem solid;content:\"\";display:inline-block;height:0;margin:0 .625rem;width:1rem}@media (max-width: 43.6875rem){.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table_lite-search{align-items:center;display:flex;gap:1rem}.bmb_table_lite-input{flex:1}.bmb_table_lite-filters{width:100%}.bmb_table_lite-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.bmb_table_lite-container-table{display:block;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.bmb_table_lite-content{width:100%}.bmb_table_lite-row{align-items:stretch;border-bottom:.0625rem dashed var(--general-contrasts-25);display:grid;grid-template-columns:var(--grid-template);padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 47.9375rem){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:var(--general-contrasts-100);text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_table_lite-th,.bmb_table_lite-td{align-items:center;display:flex;gap:.375rem;min-width:0;overflow:hidden;padding:.25rem .5rem;position:relative}@media (max-width: 47.9375rem){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 47.9375rem){.bmb_table_lite-th.truncated,.bmb_table_lite-td.truncated{max-width:6.25rem;min-width:5rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated>*,.bmb_table_lite-td.truncated>*{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated bmb-icon,.bmb_table_lite-th.truncated button,.bmb_table_lite-td.truncated bmb-icon,.bmb_table_lite-td.truncated button{flex:0 0 auto;margin-right:.25rem}}.bmb_table_lite-th.bmb_table_lite-checkbox,.bmb_table_lite-td.bmb_table_lite-checkbox{background:inherit;left:0;padding-right:0;position:sticky;text-align:center;width:3.875rem;z-index:2}.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{background:inherit;left:var(--col-checkbox, 0px);position:sticky;width:2.5rem;z-index:2}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{left:max(var(--col-checkbox, 0px),0px)}}.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{background:inherit;border-right:.0625rem solid var(--buttons-inactive-step);position:sticky;z-index:2;left:calc(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand))}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{left:max(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand),0px)}}.bmb_table_lite-th.bmb_table_lite-actions,.bmb_table_lite-td.bmb_table_lite-actions{background:inherit;border-left:.0625rem solid var(--buttons-inactive-step);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container{display:flex}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table_lite-row>.bmb_table_lite-td .bmb_btn-icon bmb-icon{font-size:1.5rem}.bmb_table_lite-even{background-color:var(--containers-modal);color:var(--menu-select-label-menu-inactive)}.bmb_table_lite-even.bmb_table_lite-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table_lite-odd{background-color:var(--general_contrasts-15);color:var(--general_contrasts-75)}.bmb_table_lite-odd.bmb_table_lite-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table_lite-details{background-color:var(--menu-select-on-surface-hovered-w-checkbox);height:auto}.bmb_table_lite-details:empty{display:none}.bmb_table_lite-details.bmb_table_lite-expanded{border-bottom:.0625rem dashed var(--general-contrasts-25)}.bmb_table_lite-details.bmb_table_lite-expanded .bmb_table_lite-detail{grid-column:1/-1}.bmb_table_lite-details>.bmb_table_lite-td{border:0;padding:0 1rem}.bmb_table_lite-detail{color:var(--general-contrasts-75);display:flex;overflow:hidden}.bmb_table_lite-detail>bmb-table-lite{width:100%}.bmb_table_lite-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table_lite-paginator-text{color:var(--general-contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table_lite-paginator-btn{align-items:center;background:transparent;border:0;color:var(--general-contrasts-100);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;width:3rem}.bmb_table_lite-paginator-btn[disabled]{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table_lite-paginator-icon{font-size:1.5rem}.bmb_table_lite bmb-checkbox{display:block;height:1.5rem}.bmb_table_lite-success{color:var(--semantic-success)}.bmb_table_lite-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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "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: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "max", "min", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "inputId", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: BmbTableLiteComponent, isStandalone: true, selector: "bmb-table-lite", inputs: { showSearch: { classPropertyName: "showSearch", publicName: "showSearch", 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 }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null }, filtersPosition: { classPropertyName: "filtersPosition", publicName: "filtersPosition", isSignal: true, isRequired: false, transformFunction: null }, initialTableSelection: { classPropertyName: "initialTableSelection", publicName: "initialTableSelection", isSignal: true, isRequired: false, transformFunction: null }, actionTemplate: { classPropertyName: "actionTemplate", publicName: "actionTemplate", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, clearSelection: { classPropertyName: "clearSelection", publicName: "clearSelection", 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 } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", select: "select", clickedRow: "clickedRow", searchChange: "searchChange", filtersChange: "filtersChange", searchModeChange: "searchModeChange", pageChange: "pageChange" }, host: { properties: { "style.--col-count": "this.colCount", "style.--col-checkbox": "this.colCheckbox", "style.--col-expand": "this.colExpand", "style.--col-actions": "this.colActions", "style.--has-checkbox": "this.hasCheckbox", "style.--has-expand": "this.hasExpand", "style.--has-actions": "this.hasActions" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"getTableClasses()\" [ngStyle]=\"cssVars\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table_lite-header\">\n      @if (showSearch()) {\n        <section class=\"bmb_table_lite-search\">\n          <bmb-input\n            class=\"bmb_table_lite-input\"\n            [type]=\"'text'\"\n            [placeholder]=\"'Buscar'\"\n            [disabled]=\"false\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"searchControl\"\n          ></bmb-input>\n          <bmb-action-icon\n            [idElement]=\"''\"\n            [icon]=\"'filter_list'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleFilters()\"\n          ></bmb-action-icon>\n        </section>\n      }\n      <div class=\"bmb_table_lite-filter\">\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table_lite-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table_lite-filter-item-number\">\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                @case ('date') {\n                  <bmb-date-range\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\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                @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\n  <div class=\"bmb_table_lite-container\">\n    <section class=\"bmb_table_lite-container-table\">\n      <div class=\"bmb_table_lite-row bmb_table_lite-row--header\">\n        @if (tableConfig?.isSelectable) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? toggleAllRows() : null\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </div>\n        }\n\n        @if (tableConfig?.isExpandible) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-expand\">&nbsp;</div>\n        }\n\n        @for (\n          column of tableColumns;\n          track trackByColumn(column);\n          let i = $index\n        ) {\n          <div\n            class=\"bmb_table_lite-th\"\n            [ngClass]=\"getHeaderCellClasses(i)\"\n            [title]=\"\n              lang() === 'es' ? column.label : column.labelEn || column.label\n            \"\n          >\n            <ng-container *ngIf=\"column.icon\">\n              <bmb-icon [icon]=\"column.icon\"></bmb-icon>\n            </ng-container>\n\n            @if (column.htmlLabel) {\n              <ng-template\n                [ngTemplateOutlet]=\"column.htmlLabel\"\n                [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n              ></ng-template>\n            } @else {\n              <span class=\"bmb_table_lite-th-text\">\n                {{\n                  lang() === 'es'\n                    ? column.label\n                    : column.labelEn || column.label\n                }}\n              </span>\n            }\n          </div>\n        }\n\n        @if (tableConfig?.showActions) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-actions\"></div>\n        }\n      </div>\n\n      @for (row of pageSlice; track trackByRow(row); let rIndex = $index) {\n        <div\n          class=\"bmb_table_lite-row\"\n          (click)=\"onSelectRow(row)\"\n          [ngClass]=\"{\n            'bmb_table_lite-even': isEven(rIndex),\n            'bmb_table_lite-odd': isOdd(rIndex),\n            'bmb_table_lite-expandible': expandedElement === row\n          }\"\n        >\n          @if (tableConfig?.isSelectable) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-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            </div>\n          }\n\n          @if (tableConfig?.isExpandible) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-expand\">\n              <button\n                type=\"button\"\n                class=\"bmb_btn-icon\"\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 ? 'zoom_in_map' : 'zoom_out_map'\n                  \"\n                ></bmb-icon>\n              </button>\n            </div>\n          }\n\n          @for (\n            column of tableColumns;\n            track trackByColumn(column);\n            let i = $index\n          ) {\n            <div\n              class=\"bmb_table_lite-td\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n              [title]=\"row[column.dataKey]?.propertyName || row[column.dataKey]\"\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                <span>\n                  {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n                </span>\n              }\n            </div>\n          }\n\n          @if (tableConfig?.showActions) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-actions\">\n              @if (\n                tableColumns.length &&\n                tableColumns[tableColumns.length - 1].templateActions\n              ) {\n                <ng-template\n                  [ngTemplateOutlet]=\"\n                    tableColumns[tableColumns.length - 1].templateActions!\n                  \"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                <ng-template\n                  [ngTemplateOutlet]=\"actionTemplate()!\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              }\n            </div>\n          }\n        </div>\n\n        @if (tableConfig?.isExpandible) {\n          <div\n            class=\"bmb_table_lite-row bmb_table_lite-details\"\n            [class.bmb_table_lite-expanded]=\"expandedElement === row\"\n          >\n            <div class=\"bmb_table_lite-detail\" *ngIf=\"expandedElement === row\">\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </div>\n        }\n      }\n    </section>\n\n    @if (tableConfig?.isPaginable) {\n      <div class=\"bmb_table_lite-paginator\">\n        <span class=\"bmb_table_lite-paginator-text\">\n          {{ getPaginationText() }}\n        </span>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToFirstPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToPreviousPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToNextPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToLastPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n      </div>\n    }\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table_lite{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);box-sizing:border-box;container-type:inline-size;padding:1.5rem 1rem;width:100%}.bmb_table_lite-filters-top,.bmb_table_lite-filters-left{display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_table_lite-filters-bottom,.bmb_table_lite-filters-right{align-items:flex-start;display:flex;flex-flow:column;gap:1rem;overflow:auto;flex-direction:column-reverse}@media (min-width: 62.5625rem){.bmb_table_lite-filters-top .bmb_table_lite-header,.bmb_table_lite-filters-bottom .bmb_table_lite-header{height:30%;width:100%}.bmb_table_lite-filters-top .bmb_table_lite-container,.bmb_table_lite-filters-bottom .bmb_table_lite-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table_lite-filters-left,.bmb_table_lite-filters-right{flex-flow:row}.bmb_table_lite-filters-left .bmb_table_lite-header,.bmb_table_lite-filters-right .bmb_table_lite-header{width:30%}.bmb_table_lite-filters-left .bmb_table_lite-container,.bmb_table_lite-filters-right .bmb_table_lite-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table_lite-filters-right{flex-flow:row-reverse}}.bmb_table_lite-header{container-type:inline-size;max-height:100%;overflow:auto}.bmb_table_lite-header .bmb_table_lite-filter{display:flex;flex-flow:column;gap:1rem;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table_lite-filter-item-number{flex-flow:column}}.bmb_table_lite-filter-item-number>*{flex:1}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{border-top:.125rem solid;content:\"\";display:inline-block;height:0;margin:0 .625rem;width:1rem}@media (max-width: 43.6875rem){.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table_lite-search{align-items:center;display:flex;gap:1rem}.bmb_table_lite-input{flex:1}.bmb_table_lite-filters{width:100%}.bmb_table_lite-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.bmb_table_lite-container-table{display:block;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.bmb_table_lite-content{width:100%}.bmb_table_lite-row{align-items:stretch;border-bottom:.0625rem dashed var(--general-contrasts-25);display:grid;grid-template-columns:var(--grid-template);padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 47.9375rem){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:var(--general-contrasts-100);text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_table_lite-th,.bmb_table_lite-td{align-items:center;display:flex;gap:.375rem;min-width:0;overflow:hidden;padding:.25rem .5rem;position:relative}@media (max-width: 47.9375rem){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 47.9375rem){.bmb_table_lite-th.truncated,.bmb_table_lite-td.truncated{max-width:6.25rem;min-width:5rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated>*,.bmb_table_lite-td.truncated>*{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated bmb-icon,.bmb_table_lite-th.truncated button,.bmb_table_lite-td.truncated bmb-icon,.bmb_table_lite-td.truncated button{flex:0 0 auto;margin-right:.25rem}}.bmb_table_lite-th.bmb_table_lite-checkbox,.bmb_table_lite-td.bmb_table_lite-checkbox{background:inherit;left:0;padding-right:0;position:sticky;text-align:center;width:3.875rem;z-index:2}.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{background:inherit;left:var(--col-checkbox, 0px);position:sticky;width:2.5rem;z-index:2}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{left:max(var(--col-checkbox, 0px),0px)}}.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{background:inherit;border-right:.0625rem solid var(--buttons-inactive-step);position:sticky;z-index:2;left:calc(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand))}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{left:max(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand),0px)}}.bmb_table_lite-th.bmb_table_lite-actions,.bmb_table_lite-td.bmb_table_lite-actions{background:inherit;border-left:.0625rem solid var(--buttons-inactive-step);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container{display:flex}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table_lite-row>.bmb_table_lite-td .bmb_btn-icon bmb-icon{font-size:1.5rem}.bmb_table_lite-even{background-color:var(--containers-modal);color:var(--menu-select-label-menu-inactive)}.bmb_table_lite-even.bmb_table_lite-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table_lite-odd{background-color:var(--general-contrasts-15);color:var(--general-contrasts-75)}.bmb_table_lite-odd.bmb_table_lite-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table_lite-details{background-color:var(--menu-select-on-surface-hovered-w-checkbox);height:auto}.bmb_table_lite-details:empty{display:none}.bmb_table_lite-details.bmb_table_lite-expanded{border-bottom:.0625rem dashed var(--general-contrasts-25)}.bmb_table_lite-details.bmb_table_lite-expanded .bmb_table_lite-detail{grid-column:1/-1}.bmb_table_lite-details>.bmb_table_lite-td{border:0;padding:0 1rem}.bmb_table_lite-detail{color:var(--general-contrasts-75);display:flex;overflow:hidden}.bmb_table_lite-detail>bmb-table-lite{width:100%}.bmb_table_lite-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table_lite-paginator-text{color:var(--general-contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table_lite-paginator-btn{align-items:center;background:transparent;border:0;color:var(--general-contrasts-100);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;width:3rem}.bmb_table_lite-paginator-btn[disabled]{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table_lite-paginator-icon{font-size:1.5rem}.bmb_table_lite bmb-checkbox{display:block;height:1.5rem}.bmb_table_lite-success{color:var(--semantic-success)}.bmb_table_lite-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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "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: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "max", "min", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "inputId", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BmbTableLiteComponent, decorators: [{
             type: Component,
@@ -15097,7 +15147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         BmbInputComponent,
                         BmbDateRangeComponent,
                         BmbActionIconComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getTableClasses()\" [ngStyle]=\"cssVars\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table_lite-header\">\n      @if (showSearch()) {\n        <section class=\"bmb_table_lite-search\">\n          <bmb-input\n            class=\"bmb_table_lite-input\"\n            [type]=\"'text'\"\n            [placeholder]=\"'Buscar'\"\n            [disabled]=\"false\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"searchControl\"\n          ></bmb-input>\n          <bmb-action-icon\n            [idElement]=\"''\"\n            [icon]=\"'filter_list'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleFilters()\"\n          ></bmb-action-icon>\n        </section>\n      }\n      <div class=\"bmb_table_lite-filter\">\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table_lite-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table_lite-filter-item-number\">\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                @case ('date') {\n                  <bmb-date-range\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\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                @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\n  <div class=\"bmb_table_lite-container\">\n    <section class=\"bmb_table_lite-container-table\">\n      <div class=\"bmb_table_lite-row bmb_table_lite-row--header\">\n        @if (tableConfig?.isSelectable) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? toggleAllRows() : null\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </div>\n        }\n\n        @if (tableConfig?.isExpandible) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-expand\">&nbsp;</div>\n        }\n\n        @for (\n          column of tableColumns;\n          track trackByColumn(column);\n          let i = $index\n        ) {\n          <div\n            class=\"bmb_table_lite-th\"\n            [ngClass]=\"getHeaderCellClasses(i)\"\n            [title]=\"\n              lang() === 'es' ? column.label : column.labelEn || column.label\n            \"\n          >\n            <ng-container *ngIf=\"column.icon\">\n              <bmb-icon [icon]=\"column.icon\"></bmb-icon>\n            </ng-container>\n\n            @if (column.htmlLabel) {\n              <ng-template\n                [ngTemplateOutlet]=\"column.htmlLabel\"\n                [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n              ></ng-template>\n            } @else {\n              <span class=\"bmb_table_lite-th-text\">\n                {{\n                  lang() === 'es'\n                    ? column.label\n                    : column.labelEn || column.label\n                }}\n              </span>\n            }\n          </div>\n        }\n\n        @if (tableConfig?.showActions) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-actions\"></div>\n        }\n      </div>\n\n      @for (row of pageSlice; track trackByRow(row); let rIndex = $index) {\n        <div\n          class=\"bmb_table_lite-row\"\n          (click)=\"onSelectRow(row)\"\n          [ngClass]=\"{\n            'bmb_table_lite-even': isEven(rIndex),\n            'bmb_table_lite-odd': isOdd(rIndex),\n            'bmb_table_lite-expandible': expandedElement === row\n          }\"\n        >\n          @if (tableConfig?.isSelectable) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-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            </div>\n          }\n\n          @if (tableConfig?.isExpandible) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-expand\">\n              <button\n                type=\"button\"\n                class=\"bmb_btn-icon\"\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 ? 'zoom_in_map' : 'zoom_out_map'\n                  \"\n                ></bmb-icon>\n              </button>\n            </div>\n          }\n\n          @for (\n            column of tableColumns;\n            track trackByColumn(column);\n            let i = $index\n          ) {\n            <div\n              class=\"bmb_table_lite-td\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n              [title]=\"row[column.dataKey]?.propertyName || row[column.dataKey]\"\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                <span>\n                  {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n                </span>\n              }\n            </div>\n          }\n\n          @if (tableConfig?.showActions) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-actions\">\n              @if (\n                tableColumns.length &&\n                tableColumns[tableColumns.length - 1].templateActions\n              ) {\n                <ng-template\n                  [ngTemplateOutlet]=\"\n                    tableColumns[tableColumns.length - 1].templateActions!\n                  \"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                <ng-template\n                  [ngTemplateOutlet]=\"actionTemplate()!\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              }\n            </div>\n          }\n        </div>\n\n        @if (tableConfig?.isExpandible) {\n          <div\n            class=\"bmb_table_lite-row bmb_table_lite-details\"\n            [class.bmb_table_lite-expanded]=\"expandedElement === row\"\n          >\n            <div class=\"bmb_table_lite-detail\" *ngIf=\"expandedElement === row\">\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </div>\n        }\n      }\n    </section>\n\n    @if (tableConfig?.isPaginable) {\n      <div class=\"bmb_table_lite-paginator\">\n        <span class=\"bmb_table_lite-paginator-text\">\n          {{ getPaginationText() }}\n        </span>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToFirstPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToPreviousPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToNextPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToLastPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n      </div>\n    }\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table_lite{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);box-sizing:border-box;container-type:inline-size;padding:1.5rem 1rem;width:100%}.bmb_table_lite-filters-top,.bmb_table_lite-filters-left{display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_table_lite-filters-bottom,.bmb_table_lite-filters-right{align-items:flex-start;display:flex;flex-flow:column;gap:1rem;overflow:auto;flex-direction:column-reverse}@media (min-width: 62.5625rem){.bmb_table_lite-filters-top .bmb_table_lite-header,.bmb_table_lite-filters-bottom .bmb_table_lite-header{height:30%;width:100%}.bmb_table_lite-filters-top .bmb_table_lite-container,.bmb_table_lite-filters-bottom .bmb_table_lite-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table_lite-filters-left,.bmb_table_lite-filters-right{flex-flow:row}.bmb_table_lite-filters-left .bmb_table_lite-header,.bmb_table_lite-filters-right .bmb_table_lite-header{width:30%}.bmb_table_lite-filters-left .bmb_table_lite-container,.bmb_table_lite-filters-right .bmb_table_lite-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table_lite-filters-right{flex-flow:row-reverse}}.bmb_table_lite-header{container-type:inline-size;max-height:100%;overflow:auto}.bmb_table_lite-header .bmb_table_lite-filter{display:flex;flex-flow:column;gap:1rem;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table_lite-filter-item-number{flex-flow:column}}.bmb_table_lite-filter-item-number>*{flex:1}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{border-top:.125rem solid;content:\"\";display:inline-block;height:0;margin:0 .625rem;width:1rem}@media (max-width: 43.6875rem){.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table_lite-search{align-items:center;display:flex;gap:1rem}.bmb_table_lite-input{flex:1}.bmb_table_lite-filters{width:100%}.bmb_table_lite-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.bmb_table_lite-container-table{display:block;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.bmb_table_lite-content{width:100%}.bmb_table_lite-row{align-items:stretch;border-bottom:.0625rem dashed var(--general-contrasts-25);display:grid;grid-template-columns:var(--grid-template);padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 47.9375rem){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:var(--general-contrasts-100);text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_table_lite-th,.bmb_table_lite-td{align-items:center;display:flex;gap:.375rem;min-width:0;overflow:hidden;padding:.25rem .5rem;position:relative}@media (max-width: 47.9375rem){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 47.9375rem){.bmb_table_lite-th.truncated,.bmb_table_lite-td.truncated{max-width:6.25rem;min-width:5rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated>*,.bmb_table_lite-td.truncated>*{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated bmb-icon,.bmb_table_lite-th.truncated button,.bmb_table_lite-td.truncated bmb-icon,.bmb_table_lite-td.truncated button{flex:0 0 auto;margin-right:.25rem}}.bmb_table_lite-th.bmb_table_lite-checkbox,.bmb_table_lite-td.bmb_table_lite-checkbox{background:inherit;left:0;padding-right:0;position:sticky;text-align:center;width:3.875rem;z-index:2}.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{background:inherit;left:var(--col-checkbox, 0px);position:sticky;width:2.5rem;z-index:2}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{left:max(var(--col-checkbox, 0px),0px)}}.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{background:inherit;border-right:.0625rem solid var(--buttons-inactive-step);position:sticky;z-index:2;left:calc(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand))}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{left:max(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand),0px)}}.bmb_table_lite-th.bmb_table_lite-actions,.bmb_table_lite-td.bmb_table_lite-actions{background:inherit;border-left:.0625rem solid var(--buttons-inactive-step);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container{display:flex}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table_lite-row>.bmb_table_lite-td .bmb_btn-icon bmb-icon{font-size:1.5rem}.bmb_table_lite-even{background-color:var(--containers-modal);color:var(--menu-select-label-menu-inactive)}.bmb_table_lite-even.bmb_table_lite-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table_lite-odd{background-color:var(--general_contrasts-15);color:var(--general_contrasts-75)}.bmb_table_lite-odd.bmb_table_lite-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table_lite-details{background-color:var(--menu-select-on-surface-hovered-w-checkbox);height:auto}.bmb_table_lite-details:empty{display:none}.bmb_table_lite-details.bmb_table_lite-expanded{border-bottom:.0625rem dashed var(--general-contrasts-25)}.bmb_table_lite-details.bmb_table_lite-expanded .bmb_table_lite-detail{grid-column:1/-1}.bmb_table_lite-details>.bmb_table_lite-td{border:0;padding:0 1rem}.bmb_table_lite-detail{color:var(--general-contrasts-75);display:flex;overflow:hidden}.bmb_table_lite-detail>bmb-table-lite{width:100%}.bmb_table_lite-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table_lite-paginator-text{color:var(--general-contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table_lite-paginator-btn{align-items:center;background:transparent;border:0;color:var(--general-contrasts-100);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;width:3rem}.bmb_table_lite-paginator-btn[disabled]{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table_lite-paginator-icon{font-size:1.5rem}.bmb_table_lite bmb-checkbox{display:block;height:1.5rem}.bmb_table_lite-success{color:var(--semantic-success)}.bmb_table_lite-error{color:var(--semantic-error)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getTableClasses()\" [ngStyle]=\"cssVars\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table_lite-header\">\n      @if (showSearch()) {\n        <section class=\"bmb_table_lite-search\">\n          <bmb-input\n            class=\"bmb_table_lite-input\"\n            [type]=\"'text'\"\n            [placeholder]=\"'Buscar'\"\n            [disabled]=\"false\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"searchControl\"\n          ></bmb-input>\n          <bmb-action-icon\n            [idElement]=\"''\"\n            [icon]=\"'filter_list'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleFilters()\"\n          ></bmb-action-icon>\n        </section>\n      }\n      <div class=\"bmb_table_lite-filter\">\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table_lite-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table_lite-filter-item-number\">\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                @case ('date') {\n                  <bmb-date-range\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\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                @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\n  <div class=\"bmb_table_lite-container\">\n    <section class=\"bmb_table_lite-container-table\">\n      <div class=\"bmb_table_lite-row bmb_table_lite-row--header\">\n        @if (tableConfig?.isSelectable) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? toggleAllRows() : null\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </div>\n        }\n\n        @if (tableConfig?.isExpandible) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-expand\">&nbsp;</div>\n        }\n\n        @for (\n          column of tableColumns;\n          track trackByColumn(column);\n          let i = $index\n        ) {\n          <div\n            class=\"bmb_table_lite-th\"\n            [ngClass]=\"getHeaderCellClasses(i)\"\n            [title]=\"\n              lang() === 'es' ? column.label : column.labelEn || column.label\n            \"\n          >\n            <ng-container *ngIf=\"column.icon\">\n              <bmb-icon [icon]=\"column.icon\"></bmb-icon>\n            </ng-container>\n\n            @if (column.htmlLabel) {\n              <ng-template\n                [ngTemplateOutlet]=\"column.htmlLabel\"\n                [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n              ></ng-template>\n            } @else {\n              <span class=\"bmb_table_lite-th-text\">\n                {{\n                  lang() === 'es'\n                    ? column.label\n                    : column.labelEn || column.label\n                }}\n              </span>\n            }\n          </div>\n        }\n\n        @if (tableConfig?.showActions) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-actions\"></div>\n        }\n      </div>\n\n      @for (row of pageSlice; track trackByRow(row); let rIndex = $index) {\n        <div\n          class=\"bmb_table_lite-row\"\n          (click)=\"onSelectRow(row)\"\n          [ngClass]=\"{\n            'bmb_table_lite-even': isEven(rIndex),\n            'bmb_table_lite-odd': isOdd(rIndex),\n            'bmb_table_lite-expandible': expandedElement === row\n          }\"\n        >\n          @if (tableConfig?.isSelectable) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-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            </div>\n          }\n\n          @if (tableConfig?.isExpandible) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-expand\">\n              <button\n                type=\"button\"\n                class=\"bmb_btn-icon\"\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 ? 'zoom_in_map' : 'zoom_out_map'\n                  \"\n                ></bmb-icon>\n              </button>\n            </div>\n          }\n\n          @for (\n            column of tableColumns;\n            track trackByColumn(column);\n            let i = $index\n          ) {\n            <div\n              class=\"bmb_table_lite-td\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n              [title]=\"row[column.dataKey]?.propertyName || row[column.dataKey]\"\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                <span>\n                  {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n                </span>\n              }\n            </div>\n          }\n\n          @if (tableConfig?.showActions) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-actions\">\n              @if (\n                tableColumns.length &&\n                tableColumns[tableColumns.length - 1].templateActions\n              ) {\n                <ng-template\n                  [ngTemplateOutlet]=\"\n                    tableColumns[tableColumns.length - 1].templateActions!\n                  \"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                <ng-template\n                  [ngTemplateOutlet]=\"actionTemplate()!\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              }\n            </div>\n          }\n        </div>\n\n        @if (tableConfig?.isExpandible) {\n          <div\n            class=\"bmb_table_lite-row bmb_table_lite-details\"\n            [class.bmb_table_lite-expanded]=\"expandedElement === row\"\n          >\n            <div class=\"bmb_table_lite-detail\" *ngIf=\"expandedElement === row\">\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </div>\n        }\n      }\n    </section>\n\n    @if (tableConfig?.isPaginable) {\n      <div class=\"bmb_table_lite-paginator\">\n        <span class=\"bmb_table_lite-paginator-text\">\n          {{ getPaginationText() }}\n        </span>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToFirstPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToPreviousPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToNextPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToLastPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n      </div>\n    }\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table_lite{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);box-sizing:border-box;container-type:inline-size;padding:1.5rem 1rem;width:100%}.bmb_table_lite-filters-top,.bmb_table_lite-filters-left{display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_table_lite-filters-bottom,.bmb_table_lite-filters-right{align-items:flex-start;display:flex;flex-flow:column;gap:1rem;overflow:auto;flex-direction:column-reverse}@media (min-width: 62.5625rem){.bmb_table_lite-filters-top .bmb_table_lite-header,.bmb_table_lite-filters-bottom .bmb_table_lite-header{height:30%;width:100%}.bmb_table_lite-filters-top .bmb_table_lite-container,.bmb_table_lite-filters-bottom .bmb_table_lite-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table_lite-filters-left,.bmb_table_lite-filters-right{flex-flow:row}.bmb_table_lite-filters-left .bmb_table_lite-header,.bmb_table_lite-filters-right .bmb_table_lite-header{width:30%}.bmb_table_lite-filters-left .bmb_table_lite-container,.bmb_table_lite-filters-right .bmb_table_lite-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table_lite-filters-right{flex-flow:row-reverse}}.bmb_table_lite-header{container-type:inline-size;max-height:100%;overflow:auto}.bmb_table_lite-header .bmb_table_lite-filter{display:flex;flex-flow:column;gap:1rem;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table_lite-filter-item-number{flex-flow:column}}.bmb_table_lite-filter-item-number>*{flex:1}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{border-top:.125rem solid;content:\"\";display:inline-block;height:0;margin:0 .625rem;width:1rem}@media (max-width: 43.6875rem){.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table_lite-search{align-items:center;display:flex;gap:1rem}.bmb_table_lite-input{flex:1}.bmb_table_lite-filters{width:100%}.bmb_table_lite-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.bmb_table_lite-container-table{display:block;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.bmb_table_lite-content{width:100%}.bmb_table_lite-row{align-items:stretch;border-bottom:.0625rem dashed var(--general-contrasts-25);display:grid;grid-template-columns:var(--grid-template);padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 47.9375rem){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:var(--general-contrasts-100);text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_table_lite-th,.bmb_table_lite-td{align-items:center;display:flex;gap:.375rem;min-width:0;overflow:hidden;padding:.25rem .5rem;position:relative}@media (max-width: 47.9375rem){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 47.9375rem){.bmb_table_lite-th.truncated,.bmb_table_lite-td.truncated{max-width:6.25rem;min-width:5rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated>*,.bmb_table_lite-td.truncated>*{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated bmb-icon,.bmb_table_lite-th.truncated button,.bmb_table_lite-td.truncated bmb-icon,.bmb_table_lite-td.truncated button{flex:0 0 auto;margin-right:.25rem}}.bmb_table_lite-th.bmb_table_lite-checkbox,.bmb_table_lite-td.bmb_table_lite-checkbox{background:inherit;left:0;padding-right:0;position:sticky;text-align:center;width:3.875rem;z-index:2}.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{background:inherit;left:var(--col-checkbox, 0px);position:sticky;width:2.5rem;z-index:2}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{left:max(var(--col-checkbox, 0px),0px)}}.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{background:inherit;border-right:.0625rem solid var(--buttons-inactive-step);position:sticky;z-index:2;left:calc(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand))}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{left:max(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand),0px)}}.bmb_table_lite-th.bmb_table_lite-actions,.bmb_table_lite-td.bmb_table_lite-actions{background:inherit;border-left:.0625rem solid var(--buttons-inactive-step);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container{display:flex}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table_lite-row>.bmb_table_lite-td .bmb_btn-icon bmb-icon{font-size:1.5rem}.bmb_table_lite-even{background-color:var(--containers-modal);color:var(--menu-select-label-menu-inactive)}.bmb_table_lite-even.bmb_table_lite-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table_lite-odd{background-color:var(--general-contrasts-15);color:var(--general-contrasts-75)}.bmb_table_lite-odd.bmb_table_lite-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table_lite-details{background-color:var(--menu-select-on-surface-hovered-w-checkbox);height:auto}.bmb_table_lite-details:empty{display:none}.bmb_table_lite-details.bmb_table_lite-expanded{border-bottom:.0625rem dashed var(--general-contrasts-25)}.bmb_table_lite-details.bmb_table_lite-expanded .bmb_table_lite-detail{grid-column:1/-1}.bmb_table_lite-details>.bmb_table_lite-td{border:0;padding:0 1rem}.bmb_table_lite-detail{color:var(--general-contrasts-75);display:flex;overflow:hidden}.bmb_table_lite-detail>bmb-table-lite{width:100%}.bmb_table_lite-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table_lite-paginator-text{color:var(--general-contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table_lite-paginator-btn{align-items:center;background:transparent;border:0;color:var(--general-contrasts-100);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;width:3rem}.bmb_table_lite-paginator-btn[disabled]{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table_lite-paginator-icon{font-size:1.5rem}.bmb_table_lite bmb-checkbox{display:block;height:1.5rem}.bmb_table_lite-success{color:var(--semantic-success)}.bmb_table_lite-error{color:var(--semantic-error)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], truncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "truncate", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], serverSide: [{ type: i0.Input, args: [{ isSignal: true, alias: "serverSide", required: false }] }], filtersPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersPosition", required: false }] }], initialTableSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialTableSelection", required: false }] }], actionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionTemplate", required: false }] }], detailTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailTemplate", required: false }] }], clearSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSelection", required: false }] }, { type: i0.Output, args: ["clearSelectionChange"] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], filtersVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "filtersVisible", required: false }] }, { type: i0.Output, args: ["filtersVisibleChange"] }], select: [{
                 type: Output
             }], clickedRow: [{