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

package/esm2022/lib/components/bmb-multi-dot-paginator/bmb-multi-dot-paginator.component.mjs

@@ -0,0 +1,59 @@
+import { ChangeDetectionStrategy, Component, ContentChildren, input, ViewEncapsulation, } from '@angular/core';
+import { BmbMultiDotPaginatorItemComponent } from './bmb-multi-dot-paginator-item/bmb-multi-dot-paginator-item.component';
+import { CommonModule } from '@angular/common';
+import { BmbFabComponent } from '../bmb-fab/bmb-fab.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbMultiDotPaginatorComponent {
+    constructor() {
+        this.title = input.required();
+        this.subtitle = input('');
+        this.numberOfElements = [];
+        this.selectedIndex = 0;
+    }
+    ngAfterContentInit() {
+        this.numberOfElements = Array(this.contentChildren.length ?? 0).fill(0);
+        this.setClassActive(0);
+    }
+    selectItem(index) {
+        this.setClassActive(index, this.selectedIndex);
+    }
+    setClassActive(newIndex, oldIndex = 0) {
+        const activeItem = this.contentChildren?.get(newIndex);
+        const oldItem = this.contentChildren?.get(oldIndex);
+        if (!activeItem)
+            return;
+        const container = activeItem.multiDotPaginatorItem.nativeElement.parentElement
+            .parentElement;
+        if (oldItem) {
+            oldItem.multiDotPaginatorItem.nativeElement.parentElement.classList.remove('bmb_multi-dot-paginator-item-active');
+        }
+        activeItem.multiDotPaginatorItem.nativeElement.parentElement.classList.add('bmb_multi-dot-paginator-item-active');
+        if (newIndex !== oldIndex) {
+            container.classList.remove('bounce');
+            container.getBoundingClientRect();
+            setTimeout(() => {
+                container.classList.add('bounce');
+            }, 500);
+        }
+        this.selectedIndex = newIndex;
+    }
+    setNextItem() {
+        if (this.selectedIndex + 1 === this.numberOfElements.length) {
+            this.setClassActive(0, this.selectedIndex);
+        }
+        else {
+            this.setClassActive(this.selectedIndex + 1, this.selectedIndex);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbMultiDotPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: "contentChildren", predicate: BmbMultiDotPaginatorItemComponent }], 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      @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    </ul>\n  </footer>\n</div>\n<!-- *ngFor=\"let i of getDotsArray()\"\n[attr.data-bs-target]=\"targets && targets[i] ? targets[i].target : ''\"\n[attr.data-bs-slide-to]=\"i\"\n[ngClass]=\"{ dot: true, active: activeDotIndex === i }\"\n(click)=\"onDotClicked(i)\" -->\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@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;height:100%;overflow:hidden;gap:var(--bmb-spacing-m)}.bmb_multi-dot-paginator-title{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;font-weight:300;color:var(--general_contrasts-100)}.bmb_multi-dot-paginator-subtitle{font-family:Poppins-Regular,sans-serif;font-size:1rem;font-weight:300;color:var(--general_contrasts-50)}.bmb_multi-dot-paginator-content{flex:1;overflow:visible;position:relative}.bmb_multi-dot-paginator-content-list{--child-size: calc(100% / var(--numberOfElements) - 6rem);--selected-child: calc(var(--selected-child) + 1);display:flex;margin:0;width:calc(100% * var(--numberOfElements));height:100%;transition:all .5s ease;transform:translate(calc(var(--child-size) * var(--selected-child) * -1))}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(50% / var(--numberOfElements) - 3rem)}}@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:flex;justify-content:center;padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_multi-dot-paginator-list{list-style:none;padding:0;margin:0;display:flex;justify-content:center}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item:nth-last-child(2) .bmb_multi-dot-paginator-dot:after{width:1.875rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item:last-child .bmb_multi-dot-paginator-dot:after{width:.875rem}}@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-return{position:relative;width:18.75rem;display:flex;align-items:center;padding-left:3rem}.bmb_multi-dot-paginator-return .bmb_fab-large-normal{position:initial}.bmb_multi-dot-paginator-next{position:absolute;right:0;height:100%;top:0;width:4rem;padding:0;opacity:0}.bmb_multi-dot-paginator-dot{background-color:RGBA(var(--color-charade-500));border-radius:100%;cursor:pointer;height:.5rem;margin:0 .25rem;width:.5rem;position:relative;padding:0}.bmb_multi-dot-paginator-dot-active{background-color:var(--general_contrasts-main-selection);border-radius:100%;box-shadow:0 0 .25rem 0 var(--general_contrasts-main-selection)}.bmb_multi-dot-paginator-dot-active:after{content:\"\";position:absolute;width:.875rem;border:.0625rem solid var(--general_contrasts-main-selection);left:-.25rem;top:-.25rem;height:.875rem;border-radius:.875rem;box-shadow:0 0 .1875rem 0 inset var(--general_contrasts-main-selection),0 0 .25rem 0 var(--general_contrasts-main-selection);z-index:0}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-dot-active:after{width:1.875rem}}@media (min-width: 125rem){.bmb_multi-dot-paginator-dot-active:after{width:2.875rem}}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbMultiDotPaginatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-multi-dot-paginator', standalone: true, imports: [CommonModule, BmbFabComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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      @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    </ul>\n  </footer>\n</div>\n<!-- *ngFor=\"let i of getDotsArray()\"\n[attr.data-bs-target]=\"targets && targets[i] ? targets[i].target : ''\"\n[attr.data-bs-slide-to]=\"i\"\n[ngClass]=\"{ dot: true, active: activeDotIndex === i }\"\n(click)=\"onDotClicked(i)\" -->\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@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;height:100%;overflow:hidden;gap:var(--bmb-spacing-m)}.bmb_multi-dot-paginator-title{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;font-weight:300;color:var(--general_contrasts-100)}.bmb_multi-dot-paginator-subtitle{font-family:Poppins-Regular,sans-serif;font-size:1rem;font-weight:300;color:var(--general_contrasts-50)}.bmb_multi-dot-paginator-content{flex:1;overflow:visible;position:relative}.bmb_multi-dot-paginator-content-list{--child-size: calc(100% / var(--numberOfElements) - 6rem);--selected-child: calc(var(--selected-child) + 1);display:flex;margin:0;width:calc(100% * var(--numberOfElements));height:100%;transition:all .5s ease;transform:translate(calc(var(--child-size) * var(--selected-child) * -1))}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(50% / var(--numberOfElements) - 3rem)}}@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:flex;justify-content:center;padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_multi-dot-paginator-list{list-style:none;padding:0;margin:0;display:flex;justify-content:center}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item:nth-last-child(2) .bmb_multi-dot-paginator-dot:after{width:1.875rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item:last-child .bmb_multi-dot-paginator-dot:after{width:.875rem}}@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-return{position:relative;width:18.75rem;display:flex;align-items:center;padding-left:3rem}.bmb_multi-dot-paginator-return .bmb_fab-large-normal{position:initial}.bmb_multi-dot-paginator-next{position:absolute;right:0;height:100%;top:0;width:4rem;padding:0;opacity:0}.bmb_multi-dot-paginator-dot{background-color:RGBA(var(--color-charade-500));border-radius:100%;cursor:pointer;height:.5rem;margin:0 .25rem;width:.5rem;position:relative;padding:0}.bmb_multi-dot-paginator-dot-active{background-color:var(--general_contrasts-main-selection);border-radius:100%;box-shadow:0 0 .25rem 0 var(--general_contrasts-main-selection)}.bmb_multi-dot-paginator-dot-active:after{content:\"\";position:absolute;width:.875rem;border:.0625rem solid var(--general_contrasts-main-selection);left:-.25rem;top:-.25rem;height:.875rem;border-radius:.875rem;box-shadow:0 0 .1875rem 0 inset var(--general_contrasts-main-selection),0 0 .25rem 0 var(--general_contrasts-main-selection);z-index:0}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-dot-active:after{width:1.875rem}}@media (min-width: 125rem){.bmb_multi-dot-paginator-dot-active:after{width:2.875rem}}\n"] }]
+        }], propDecorators: { contentChildren: [{
+                type: ContentChildren,
+                args: [BmbMultiDotPaginatorItemComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLW11bHRpLWRvdC1wYWdpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL2JtYi1tdWx0aS1kb3QtcGFnaW5hdG9yL2JtYi1tdWx0aS1kb3QtcGFnaW5hdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbXVsdGktZG90LXBhZ2luYXRvci9ibWItbXVsdGktZG90LXBhZ2luYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBRWYsS0FBSyxFQUVMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSx1RUFBdUUsQ0FBQztBQUMxSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFXL0QsTUFBTSxPQUFPLDZCQUE2QjtJQVQxQztRQVVFLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDakMsYUFBUSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUs3QixxQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFDaEMsa0JBQWEsR0FBRyxDQUFDLENBQUM7S0FrRG5CO0lBaERDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN4RSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYTtRQUN0QixJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELGNBQWMsQ0FBQyxRQUFnQixFQUFFLFdBQW1CLENBQUM7UUFDbkQsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxHQUFHLENBQUMsUUFBUSxDQUFRLENBQUM7UUFDOUQsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxHQUFHLENBQUMsUUFBUSxDQUFRLENBQUM7UUFFM0QsSUFBSSxDQUFDLFVBQVU7WUFBRSxPQUFPO1FBRXhCLE1BQU0sU0FBUyxHQUNiLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxhQUFhLENBQUMsYUFBYTthQUN6RCxhQUFhLENBQUM7UUFFbkIsSUFBSSxPQUFPLEVBQUU7WUFDWCxPQUFPLENBQUMscUJBQXFCLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUN4RSxxQ0FBcUMsQ0FDdEMsQ0FBQztTQUNIO1FBRUQsVUFBVSxDQUFDLHFCQUFxQixDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FDeEUscUNBQXFDLENBQ3RDLENBQUM7UUFFRixJQUFJLFFBQVEsS0FBSyxRQUFRLEVBQUU7WUFDekIsU0FBUyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDckMsU0FBUyxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFFbEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxTQUFTLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNwQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7U0FDVDtRQUVELElBQUksQ0FBQyxhQUFhLEdBQUcsUUFBUSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFO1lBQzNELElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUM1QzthQUFNO1lBQ0wsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDakU7SUFDSCxDQUFDOytHQXpEVSw2QkFBNkI7bUdBQTdCLDZCQUE2Qix1WEFJdkIsaUNBQWlDLDZCQzNCcEQsZ2tFQXNFQSw2blNEckRZLFlBQVksNkhBQUUsZUFBZTs7NEZBTTVCLDZCQUE2QjtrQkFUekMsU0FBUzsrQkFDRSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQyxpQkFHekIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFPL0MsZUFBZTtzQkFEZCxlQUFlO3VCQUFDLGlDQUFpQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgaW5wdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm1iTXVsdGlEb3RQYWdpbmF0b3JJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9ibWItbXVsdGktZG90LXBhZ2luYXRvci1pdGVtL2JtYi1tdWx0aS1kb3QtcGFnaW5hdG9yLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCbWJGYWJDb21wb25lbnQgfSBmcm9tICcuLi9ibWItZmFiL2JtYi1mYWIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLW11bHRpLWRvdC1wYWdpbmF0b3InLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCbWJGYWJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLW11bHRpLWRvdC1wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYm1iLW11bHRpLWRvdC1wYWdpbmF0b3IuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQm1iTXVsdGlEb3RQYWdpbmF0b3JDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgdGl0bGUgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHN1YnRpdGxlID0gaW5wdXQ8c3RyaW5nPignJyk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihCbWJNdWx0aURvdFBhZ2luYXRvckl0ZW1Db21wb25lbnQpXG4gIGNvbnRlbnRDaGlsZHJlbiE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcblxuICBudW1iZXJPZkVsZW1lbnRzOiBudW1iZXJbXSA9IFtdO1xuICBzZWxlY3RlZEluZGV4ID0gMDtcblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy5udW1iZXJPZkVsZW1lbnRzID0gQXJyYXkodGhpcy5jb250ZW50Q2hpbGRyZW4ubGVuZ3RoID8/IDApLmZpbGwoMCk7XG4gICAgdGhpcy5zZXRDbGFzc0FjdGl2ZSgwKTtcbiAgfVxuXG4gIHNlbGVjdEl0ZW0oaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuc2V0Q2xhc3NBY3RpdmUoaW5kZXgsIHRoaXMuc2VsZWN0ZWRJbmRleCk7XG4gIH1cblxuICBzZXRDbGFzc0FjdGl2ZShuZXdJbmRleDogbnVtYmVyLCBvbGRJbmRleDogbnVtYmVyID0gMCkge1xuICAgIGNvbnN0IGFjdGl2ZUl0ZW0gPSB0aGlzLmNvbnRlbnRDaGlsZHJlbj8uZ2V0KG5ld0luZGV4KSBhcyBhbnk7XG4gICAgY29uc3Qgb2xkSXRlbSA9IHRoaXMuY29udGVudENoaWxkcmVuPy5nZXQob2xkSW5kZXgpIGFzIGFueTtcblxuICAgIGlmICghYWN0aXZlSXRlbSkgcmV0dXJuO1xuXG4gICAgY29uc3QgY29udGFpbmVyID1cbiAgICAgIGFjdGl2ZUl0ZW0ubXVsdGlEb3RQYWdpbmF0b3JJdGVtLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudFxuICAgICAgICAucGFyZW50RWxlbWVudDtcblxuICAgIGlmIChvbGRJdGVtKSB7XG4gICAgICBvbGRJdGVtLm11bHRpRG90UGFnaW5hdG9ySXRlbS5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgICAgJ2JtYl9tdWx0aS1kb3QtcGFnaW5hdG9yLWl0ZW0tYWN0aXZlJyxcbiAgICAgICk7XG4gICAgfVxuXG4gICAgYWN0aXZlSXRlbS5tdWx0aURvdFBhZ2luYXRvckl0ZW0ubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoXG4gICAgICAnYm1iX211bHRpLWRvdC1wYWdpbmF0b3ItaXRlbS1hY3RpdmUnLFxuICAgICk7XG5cbiAgICBpZiAobmV3SW5kZXggIT09IG9sZEluZGV4KSB7XG4gICAgICBjb250YWluZXIuY2xhc3NMaXN0LnJlbW92ZSgnYm91bmNlJyk7XG4gICAgICBjb250YWluZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBjb250YWluZXIuY2xhc3NMaXN0LmFkZCgnYm91bmNlJyk7XG4gICAgICB9LCA1MDApO1xuICAgIH1cblxuICAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IG5ld0luZGV4O1xuICB9XG5cbiAgc2V0TmV4dEl0ZW0oKSB7XG4gICAgaWYgKHRoaXMuc2VsZWN0ZWRJbmRleCArIDEgPT09IHRoaXMubnVtYmVyT2ZFbGVtZW50cy5sZW5ndGgpIHtcbiAgICAgIHRoaXMuc2V0Q2xhc3NBY3RpdmUoMCwgdGhpcy5zZWxlY3RlZEluZGV4KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRDbGFzc0FjdGl2ZSh0aGlzLnNlbGVjdGVkSW5kZXggKyAxLCB0aGlzLnNlbGVjdGVkSW5kZXgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImJtYl9tdWx0aS1kb3QtcGFnaW5hdG9yXCI+XG4gIDxoZWFkZXIgY2xhc3M9XCJibWJfbXVsdGktZG90LXBhZ2luYXRvci1oZWFkZXJcIj5cbiAgICA8aDIgY2xhc3M9XCJibWJfbXVsdGktZG90LXBhZ2luYXRvci10aXRsZVwiPlxuICAgICAge3sgdGl0bGUoKSB9fVxuICAgICAgQGlmIChzdWJ0aXRsZSgpKSB7XG4gICAgICAgIDxoNCBjbGFzcz1cImJtYl9tdWx0aS1kb3QtcGFnaW5hdG9yLXN1YnRpdGxlXCI+e3sgc3VidGl0bGUoKSB9fTwvaDQ+XG4gICAgICB9XG4gICAgPC9oMj5cbiAgPC9oZWFkZXI+XG4gIDxzZWN0aW9uIGNsYXNzPVwiYm1iX211bHRpLWRvdC1wYWdpbmF0b3ItY29udGVudFwiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYm1iX211bHRpLWRvdC1wYWdpbmF0b3ItY29udGVudC1saXN0XCJcbiAgICAgIFtzdHlsZV09XCJcbiAgICAgICAgJy0tbnVtYmVyT2ZFbGVtZW50czogJyArXG4gICAgICAgIG51bWJlck9mRWxlbWVudHMubGVuZ3RoICtcbiAgICAgICAgJzsgLS1zZWxlY3RlZC1jaGlsZDogJyArXG4gICAgICAgIHNlbGVjdGVkSW5kZXggK1xuICAgICAgICAnOydcbiAgICAgIFwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgIDxkaXYgY2xhc3M9XCJibWJfbXVsdGktZG90LXBhZ2luYXRvci1yZXR1cm5cIj5cbiAgICAgICAgPGJtYi1mYWJcbiAgICAgICAgICBpY29uPVwia2V5Ym9hcmRfcmV0dXJuXCJcbiAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIHR5cGU9XCJub3JtYWxcIlxuICAgICAgICAgIHRleHQ9XCJSZWdyZXNhciBhbCBpbmljaW9cIlxuICAgICAgICAgIFttaXRlY109XCJ0cnVlXCJcbiAgICAgICAgICAoY2xpY2spPVwic2VsZWN0SXRlbSgwKVwiXG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8YnV0dG9uXG4gICAgICBjbGFzcz1cImJtYl9tdWx0aS1kb3QtcGFnaW5hdG9yLW5leHRcIlxuICAgICAgKGNsaWNrKT1cInNldE5leHRJdGVtKClcIlxuICAgICAgdGl0bGU9XCJTaWd1aWVudGVcIlxuICAgID5cbiAgICAgIFNpZ3VpZW50ZVxuICAgIDwvYnV0dG9uPlxuICA8L3NlY3Rpb24+XG4gIDxmb290ZXIgY2xhc3M9XCJibWJfbXVsdGktZG90LXBhZ2luYXRvci1mb290ZXJcIj5cbiAgICA8dWxcbiAgICAgIGNsYXNzPVwiYm1iX211bHRpLWRvdC1wYWdpbmF0b3ItbGlzdFwiXG4gICAgICBbc3R5bGVdPVwiJy0tc2VsZWN0ZWQtY2hpbGQ6ICcgKyBzZWxlY3RlZEluZGV4ICsgJzsnXCJcbiAgICA+XG4gICAgICBAZm9yIChkb3Qgb2YgbnVtYmVyT2ZFbGVtZW50czsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIDxsaVxuICAgICAgICAgIGNsYXNzPVwiYm1iX211bHRpLWRvdC1wYWdpbmF0b3ItbGlzdC1pdGVtXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAnYm1iX211bHRpLWRvdC1wYWdpbmF0b3ItbGlzdC1pdGVtLWFjdGl2ZSc6IHNlbGVjdGVkSW5kZXggPT09ICRpbmRleFxuICAgICAgICAgIH1cIlxuICAgICAgICA+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3M9XCJibWJfbXVsdGktZG90LXBhZ2luYXRvci1kb3RcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEl0ZW0oJGluZGV4KVwiXG4gICAgICAgICAgICBbdGl0bGVdPVwiJGluZGV4XCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgJ2JtYl9tdWx0aS1kb3QtcGFnaW5hdG9yLWRvdC1hY3RpdmUnOiBzZWxlY3RlZEluZGV4ID09PSAkaW5kZXhcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgPC9saT5cbiAgICAgIH1cbiAgICA8L3VsPlxuICA8L2Zvb3Rlcj5cbjwvZGl2PlxuPCEtLSAqbmdGb3I9XCJsZXQgaSBvZiBnZXREb3RzQXJyYXkoKVwiXG5bYXR0ci5kYXRhLWJzLXRhcmdldF09XCJ0YXJnZXRzICYmIHRhcmdldHNbaV0gPyB0YXJnZXRzW2ldLnRhcmdldCA6ICcnXCJcblthdHRyLmRhdGEtYnMtc2xpZGUtdG9dPVwiaVwiXG5bbmdDbGFzc109XCJ7IGRvdDogdHJ1ZSwgYWN0aXZlOiBhY3RpdmVEb3RJbmRleCA9PT0gaSB9XCJcbihjbGljayk9XCJvbkRvdENsaWNrZWQoaSlcIiAtLT5cbiJdfQ==

package/esm2022/lib/components/bmb-navigation-bar/bmb-navigation-bar.component.mjs

@@ -0,0 +1,30 @@
+import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbActionIconComponent } from '../bmb-action-icon/bmb-action-icon.component';
+import { BmbLayoutDirective, } from '../../directives/bmb-layout/bmb-layout.directive';
+import { BmbLayoutItemDirective } from '../../directives/bmb-layout/bmb-layout-item.directive';
+import * as i0 from "@angular/core";
+export class BmbNavigationBarComponent {
+    constructor() {
+        this.actionHeaders = input([]);
+        this.iconSize = input();
+        this.gapSize = input('m');
+        this.justify = input('spaceBetween');
+        this.alignItems = input('start');
+    }
+    handleClick(actionHeader) {
+        actionHeader.action();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbNavigationBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbNavigationBarComponent, isStandalone: true, selector: "bmb-navigation-bar", inputs: { actionHeaders: { classPropertyName: "actionHeaders", publicName: "actionHeaders", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, gapSize: { classPropertyName: "gapSize", publicName: "gapSize", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, alignItems: { classPropertyName: "alignItems", publicName: "alignItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  class=\"bmb_navigation-bar\"\n  bmbLayout\n  margin=\"none\"\n  [justify]=\"justify()\"\n  [gapSize]=\"gapSize()\"\n  [alignItems]=\"alignItems()\"\n  [dynamicCols]=\"true\"\n>\n  @for (actionHeader of actionHeaders(); track $index) {\n    <bmb-action-icon\n      class=\"bmb_navigation-bar-icon\"\n      bmbLayoutItem\n      [isDynamicItem]=\"true\"\n      [idElement]=\"$index.toString()\"\n      [icon]=\"actionHeader.icon\"\n      [alt]=\"actionHeader.alt || actionHeader.icon\"\n      [iconSize]=\"iconSize() || actionHeader.iconSize\"\n      [toggleIconActive]=\"actionHeader.iconActiveToggle\"\n      [(isToggleActive)]=\"actionHeader.isToggleActive\"\n      [link]=\"actionHeader.link\"\n      [target]=\"actionHeader.target\"\n      (buttonClick)=\"handleClick(actionHeader)\"\n    />\n  }\n</span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbNavigationBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-navigation-bar', standalone: true, imports: [
+                        CommonModule,
+                        BmbLayoutDirective,
+                        BmbLayoutItemDirective,
+                        BmbActionIconComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"bmb_navigation-bar\"\n  bmbLayout\n  margin=\"none\"\n  [justify]=\"justify()\"\n  [gapSize]=\"gapSize()\"\n  [alignItems]=\"alignItems()\"\n  [dynamicCols]=\"true\"\n>\n  @for (actionHeader of actionHeaders(); track $index) {\n    <bmb-action-icon\n      class=\"bmb_navigation-bar-icon\"\n      bmbLayoutItem\n      [isDynamicItem]=\"true\"\n      [idElement]=\"$index.toString()\"\n      [icon]=\"actionHeader.icon\"\n      [alt]=\"actionHeader.alt || actionHeader.icon\"\n      [iconSize]=\"iconSize() || actionHeader.iconSize\"\n      [toggleIconActive]=\"actionHeader.iconActiveToggle\"\n      [(isToggleActive)]=\"actionHeader.isToggleActive\"\n      [link]=\"actionHeader.link\"\n      [target]=\"actionHeader.target\"\n      (buttonClick)=\"handleClick(actionHeader)\"\n    />\n  }\n</span>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLW5hdmlnYXRpb24tYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbmF2aWdhdGlvbi1iYXIvYm1iLW5hdmlnYXRpb24tYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbmF2aWdhdGlvbi1iYXIvYm1iLW5hdmlnYXRpb24tYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3RGLE9BQU8sRUFDTCxrQkFBa0IsR0FHbkIsTUFBTSxrREFBa0QsQ0FBQztBQUMxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7QUFnQi9GLE1BQU0sT0FBTyx5QkFBeUI7SUFkdEM7UUFlRSxrQkFBYSxHQUFHLEtBQUssQ0FBcUIsRUFBRSxDQUFDLENBQUM7UUFDOUMsYUFBUSxHQUFHLEtBQUssRUFBc0IsQ0FBQztRQUN2QyxZQUFPLEdBQUcsS0FBSyxDQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ2hDLFlBQU8sR0FBRyxLQUFLLENBQWtCLGNBQWMsQ0FBQyxDQUFDO1FBQ2pELGVBQVUsR0FBRyxLQUFLLENBQXFCLE9BQU8sQ0FBQyxDQUFDO0tBS2pEO0lBSEMsV0FBVyxDQUFDLFlBQThCO1FBQ3hDLFlBQVksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUN4QixDQUFDOytHQVRVLHlCQUF5QjttR0FBekIseUJBQXlCLDh1QkM5QnRDLG96QkEwQkEseURETkksWUFBWSwrQkFDWixrQkFBa0IsbUpBQ2xCLHNCQUFzQixpSkFDdEIsc0JBQXNCOzs0RkFPYix5QkFBeUI7a0JBZHJDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsc0JBQXNCO3dCQUN0QixzQkFBc0I7cUJBQ3ZCLGlCQUdjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBpbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUJtYkFjdGlvbkhlYWRlciwgU2l6ZU5hbWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJtYkFjdGlvbkljb25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItYWN0aW9uLWljb24vYm1iLWFjdGlvbi1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBCbWJMYXlvdXREaXJlY3RpdmUsXG4gIElBbGlnbkl0ZW1zT3B0aW9ucyxcbiAgSUp1c3RpZnlPcHRpb25zLFxufSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2JtYi1sYXlvdXQvYm1iLWxheW91dC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQm1iTGF5b3V0SXRlbURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvYm1iLWxheW91dC9ibWItbGF5b3V0LWl0ZW0uZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLW5hdmlnYXRpb24tYmFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBCbWJMYXlvdXREaXJlY3RpdmUsXG4gICAgQm1iTGF5b3V0SXRlbURpcmVjdGl2ZSxcbiAgICBCbWJBY3Rpb25JY29uQ29tcG9uZW50LFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLW5hdmlnYXRpb24tYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JtYi1uYXZpZ2F0aW9uLWJhci5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJOYXZpZ2F0aW9uQmFyQ29tcG9uZW50IHtcbiAgYWN0aW9uSGVhZGVycyA9IGlucHV0PElCbWJBY3Rpb25IZWFkZXJbXT4oW10pO1xuICBpY29uU2l6ZSA9IGlucHV0PG51bWJlciB8IHVuZGVmaW5lZD4oKTtcbiAgZ2FwU2l6ZSA9IGlucHV0PFNpemVOYW1lcz4oJ20nKTtcbiAganVzdGlmeSA9IGlucHV0PElKdXN0aWZ5T3B0aW9ucz4oJ3NwYWNlQmV0d2VlbicpO1xuICBhbGlnbkl0ZW1zID0gaW5wdXQ8SUFsaWduSXRlbXNPcHRpb25zPignc3RhcnQnKTtcblxuICBoYW5kbGVDbGljayhhY3Rpb25IZWFkZXI6IElCbWJBY3Rpb25IZWFkZXIpOiB2b2lkIHtcbiAgICBhY3Rpb25IZWFkZXIuYWN0aW9uKCk7XG4gIH1cbn1cbiIsIjxzcGFuXG4gIGNsYXNzPVwiYm1iX25hdmlnYXRpb24tYmFyXCJcbiAgYm1iTGF5b3V0XG4gIG1hcmdpbj1cIm5vbmVcIlxuICBbanVzdGlmeV09XCJqdXN0aWZ5KClcIlxuICBbZ2FwU2l6ZV09XCJnYXBTaXplKClcIlxuICBbYWxpZ25JdGVtc109XCJhbGlnbkl0ZW1zKClcIlxuICBbZHluYW1pY0NvbHNdPVwidHJ1ZVwiXG4+XG4gIEBmb3IgKGFjdGlvbkhlYWRlciBvZiBhY3Rpb25IZWFkZXJzKCk7IHRyYWNrICRpbmRleCkge1xuICAgIDxibWItYWN0aW9uLWljb25cbiAgICAgIGNsYXNzPVwiYm1iX25hdmlnYXRpb24tYmFyLWljb25cIlxuICAgICAgYm1iTGF5b3V0SXRlbVxuICAgICAgW2lzRHluYW1pY0l0ZW1dPVwidHJ1ZVwiXG4gICAgICBbaWRFbGVtZW50XT1cIiRpbmRleC50b1N0cmluZygpXCJcbiAgICAgIFtpY29uXT1cImFjdGlvbkhlYWRlci5pY29uXCJcbiAgICAgIFthbHRdPVwiYWN0aW9uSGVhZGVyLmFsdCB8fCBhY3Rpb25IZWFkZXIuaWNvblwiXG4gICAgICBbaWNvblNpemVdPVwiaWNvblNpemUoKSB8fCBhY3Rpb25IZWFkZXIuaWNvblNpemVcIlxuICAgICAgW3RvZ2dsZUljb25BY3RpdmVdPVwiYWN0aW9uSGVhZGVyLmljb25BY3RpdmVUb2dnbGVcIlxuICAgICAgWyhpc1RvZ2dsZUFjdGl2ZSldPVwiYWN0aW9uSGVhZGVyLmlzVG9nZ2xlQWN0aXZlXCJcbiAgICAgIFtsaW5rXT1cImFjdGlvbkhlYWRlci5saW5rXCJcbiAgICAgIFt0YXJnZXRdPVwiYWN0aW9uSGVhZGVyLnRhcmdldFwiXG4gICAgICAoYnV0dG9uQ2xpY2spPVwiaGFuZGxlQ2xpY2soYWN0aW9uSGVhZGVyKVwiXG4gICAgLz5cbiAgfVxuPC9zcGFuPlxuIl19

package/esm2022/lib/components/bmb-notice-card/bmb-notice-card.component.mjs

@@ -0,0 +1,45 @@
+import { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation, } from '@angular/core';
+import { BmbActionIconComponent } from '../bmb-action-icon/bmb-action-icon.component';
+import { BmbDividerComponent } from '../bmb-divider/bmb-divider.component';
+import { BmbDotPaginatorComponent } from '../bmb-dot-paginator/bmb-dot-paginator.component';
+import { BmbButtonDirective } from '../../directives/bmb-button/button.directive';
+import { CommonModule } from '@angular/common';
+import { TranslatePipe } from '../../pipes/translations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbNoticeCardComponent {
+    constructor() {
+        this.src = input('');
+        this.title = input('');
+        this.description = input();
+        this.buttonText = input();
+        this.link = input('');
+        this.closeBtnColor = input('white');
+        this.onClose = output();
+        this.onClickBtn = output();
+        this.activeIndex = 0;
+    }
+    onDotPress(index) {
+        this.activeIndex = index;
+    }
+    handleClose() {
+        this.onClose.emit();
+    }
+    handleClickBtn() {
+        this.onClickBtn.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbNoticeCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbNoticeCardComponent, isStandalone: true, selector: "bmb-notice-card", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, closeBtnColor: { classPropertyName: "closeBtnColor", publicName: "closeBtnColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onClickBtn: "onClickBtn" }, ngImport: i0, template: "<section class=\"bmb_notice-card\">\n  <section class=\"bmb_notice-card-header\">\n    <figure class=\"bmb_notice-card-header-figure\">\n      <picture>\n        <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n        <img\n          [loading]=\"'lazy'\"\n          class=\"bmb_notice-card-header-image\"\n          [srcset]=\"src()\"\n          [alt]=\"title()\"\n          [loading]=\"'lazy'\"\n        />\n      </picture>\n    </figure>\n    <bmb-action-icon\n      class=\"bmb_notice-card-header-icon\"\n      [ngStyle]=\"{\n        color:\n          closeBtnColor() == 'white'\n            ? 'RGBA(var(--color-charade-50))'\n            : 'RGBA(var(--color-charade-950))'\n      }\"\n      [icon]=\"'close'\"\n      [iconSize]=\"28\"\n      (buttonClick)=\"handleClose()\"\n    />\n  </section>\n  <section class=\"bmb_notice-card-content\">\n    <div class=\"bmb_notice-card-content-title\">\n      <h3>{{ title() }}</h3>\n    </div>\n    @if (activeIndex == 0) {\n      <div class=\"bmb_notice-card-content-description-one\">\n        <p class=\"bmb_notice-card-content-description-text\">\n          {{ description()?.pageOne }}\n        </p>\n      </div>\n    }\n    @if (description()!.pageTwo && activeIndex === 1) {\n      <div class=\"bmb_notice-card-content-description-two\">\n        <p class=\"bmb_notice-card-content-description-text\">\n          {{ description()?.pageTwo }}\n        </p>\n      </div>\n    }\n  </section>\n  <div class=\"bmb_notice-card-divider\">\n    <bmb-divider [type]=\"'simple'\"></bmb-divider>\n  </div>\n  <section class=\"bmb_notice-card-footer\">\n    <div class=\"bmb_notice-card-footer-left\">\n      @if (description()!.pageTwo && activeIndex === 1) {\n        <bmb-action-icon\n          [icon]=\"'chevron_left'\"\n          [iconSize]=\"28\"\n          (buttonClick)=\"onDotPress(0)\"\n        />\n      }\n    </div>\n\n    <div class=\"bmb_notice-card-footer-center\">\n      @if (\n        (description()!.pageTwo && activeIndex === 1) || !description()!.pageTwo\n      ) {\n        @if (link()) {\n          <a\n            class=\"bmb_notice-card-footer-center-link\"\n            [href]=\"link()\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <button\n              bmbButton\n              [appearance]=\"'secondary-outlined'\"\n              [size]=\"'large'\"\n              (click)=\"handleClickBtn()\"\n            >\n              {{ buttonText() || ('notice_card.button_text' | translate) }}\n            </button>\n          </a>\n        } @else {\n          <button\n            bmbButton\n            [appearance]=\"'secondary-outlined'\"\n            [size]=\"'large'\"\n            (click)=\"handleClickBtn()\"\n          >\n            {{ buttonText() || ('notice_card.button_text' | translate) }}\n          </button>\n        }\n      }\n\n      @if (description()!.pageTwo && activeIndex === 0) {\n        <bmb-dot-paginator\n          [activeDotIndex]=\"activeIndex\"\n          [totalDots]=\"2\"\n          (onDotPress)=\"onDotPress($event)\"\n        ></bmb-dot-paginator>\n      }\n    </div>\n\n    <div class=\"bmb_notice-card-footer-right\">\n      @if (description()!.pageTwo && activeIndex === 0) {\n        <bmb-action-icon\n          class=\"bmb_notice-card-footer-right\"\n          [icon]=\"'chevron_right'\"\n          [iconSize]=\"28\"\n          (buttonClick)=\"onDotPress(1)\"\n        />\n      }\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-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_notice-card{min-width:23.125rem;width:25rem;max-height:34.375rem;height:fit-content;background-color:var(--containers-main);border-radius:1rem 1rem 0 0}@media screen and (max-width: 520px){.bmb_notice-card{width:auto}}.bmb_notice-card-header{position:relative}.bmb_notice-card-header-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden;border-radius:1rem 1rem 0 0}.bmb_notice-card-header-image{height:13.75rem;width:100%;aspect-ratio:5/2.5;object-fit:cover}.bmb_notice-card-header-icon{position:absolute;top:.625rem;right:.625rem}.bmb_notice-card-content{height:12.5rem;padding:var(--bmb-padding-l) var(--bmb-padding-l) var(--bmb-padding-m) var(--bmb-padding-l);overflow:hidden}.bmb_notice-card-content-title{font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_notice-card-content-description-one,.bmb_notice-card-content-description-two{overflow:hidden;margin-top:.625rem}.bmb_notice-card-content-description-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;line-height:1.6em}.bmb_notice-card-divider{padding:0 var(--bmb-padding-l)}.bmb_notice-card-footer{display:flex;align-items:center;width:100%;height:5rem;padding:var(--bmb-padding-s) var(--bmb-padding-l) var(--bmb-padding-m) var(--bmb-padding-l);overflow:hidden}.bmb_notice-card-footer-left{display:flex;align-items:center;width:10%}.bmb_notice-card-footer-center{display:flex;align-items:center;justify-content:center;width:80%}.bmb_notice-card-footer-center-link{width:100%}.bmb_notice-card-footer-right{display:flex;align-items:center;width:10%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "component", type: BmbDotPaginatorComponent, selector: "bmb-dot-paginator", inputs: ["activeDotIndex", "totalDots", "targets", "appearance"], outputs: ["activeDotIndexChange", "onDotPress"] }, { 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: "17.3.12", ngImport: i0, type: BmbNoticeCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-notice-card', standalone: true, imports: [
+                        CommonModule,
+                        BmbActionIconComponent,
+                        BmbDividerComponent,
+                        BmbDotPaginatorComponent,
+                        BmbButtonDirective,
+                        TranslatePipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_notice-card\">\n  <section class=\"bmb_notice-card-header\">\n    <figure class=\"bmb_notice-card-header-figure\">\n      <picture>\n        <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n        <img\n          [loading]=\"'lazy'\"\n          class=\"bmb_notice-card-header-image\"\n          [srcset]=\"src()\"\n          [alt]=\"title()\"\n          [loading]=\"'lazy'\"\n        />\n      </picture>\n    </figure>\n    <bmb-action-icon\n      class=\"bmb_notice-card-header-icon\"\n      [ngStyle]=\"{\n        color:\n          closeBtnColor() == 'white'\n            ? 'RGBA(var(--color-charade-50))'\n            : 'RGBA(var(--color-charade-950))'\n      }\"\n      [icon]=\"'close'\"\n      [iconSize]=\"28\"\n      (buttonClick)=\"handleClose()\"\n    />\n  </section>\n  <section class=\"bmb_notice-card-content\">\n    <div class=\"bmb_notice-card-content-title\">\n      <h3>{{ title() }}</h3>\n    </div>\n    @if (activeIndex == 0) {\n      <div class=\"bmb_notice-card-content-description-one\">\n        <p class=\"bmb_notice-card-content-description-text\">\n          {{ description()?.pageOne }}\n        </p>\n      </div>\n    }\n    @if (description()!.pageTwo && activeIndex === 1) {\n      <div class=\"bmb_notice-card-content-description-two\">\n        <p class=\"bmb_notice-card-content-description-text\">\n          {{ description()?.pageTwo }}\n        </p>\n      </div>\n    }\n  </section>\n  <div class=\"bmb_notice-card-divider\">\n    <bmb-divider [type]=\"'simple'\"></bmb-divider>\n  </div>\n  <section class=\"bmb_notice-card-footer\">\n    <div class=\"bmb_notice-card-footer-left\">\n      @if (description()!.pageTwo && activeIndex === 1) {\n        <bmb-action-icon\n          [icon]=\"'chevron_left'\"\n          [iconSize]=\"28\"\n          (buttonClick)=\"onDotPress(0)\"\n        />\n      }\n    </div>\n\n    <div class=\"bmb_notice-card-footer-center\">\n      @if (\n        (description()!.pageTwo && activeIndex === 1) || !description()!.pageTwo\n      ) {\n        @if (link()) {\n          <a\n            class=\"bmb_notice-card-footer-center-link\"\n            [href]=\"link()\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <button\n              bmbButton\n              [appearance]=\"'secondary-outlined'\"\n              [size]=\"'large'\"\n              (click)=\"handleClickBtn()\"\n            >\n              {{ buttonText() || ('notice_card.button_text' | translate) }}\n            </button>\n          </a>\n        } @else {\n          <button\n            bmbButton\n            [appearance]=\"'secondary-outlined'\"\n            [size]=\"'large'\"\n            (click)=\"handleClickBtn()\"\n          >\n            {{ buttonText() || ('notice_card.button_text' | translate) }}\n          </button>\n        }\n      }\n\n      @if (description()!.pageTwo && activeIndex === 0) {\n        <bmb-dot-paginator\n          [activeDotIndex]=\"activeIndex\"\n          [totalDots]=\"2\"\n          (onDotPress)=\"onDotPress($event)\"\n        ></bmb-dot-paginator>\n      }\n    </div>\n\n    <div class=\"bmb_notice-card-footer-right\">\n      @if (description()!.pageTwo && activeIndex === 0) {\n        <bmb-action-icon\n          class=\"bmb_notice-card-footer-right\"\n          [icon]=\"'chevron_right'\"\n          [iconSize]=\"28\"\n          (buttonClick)=\"onDotPress(1)\"\n        />\n      }\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-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_notice-card{min-width:23.125rem;width:25rem;max-height:34.375rem;height:fit-content;background-color:var(--containers-main);border-radius:1rem 1rem 0 0}@media screen and (max-width: 520px){.bmb_notice-card{width:auto}}.bmb_notice-card-header{position:relative}.bmb_notice-card-header-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden;border-radius:1rem 1rem 0 0}.bmb_notice-card-header-image{height:13.75rem;width:100%;aspect-ratio:5/2.5;object-fit:cover}.bmb_notice-card-header-icon{position:absolute;top:.625rem;right:.625rem}.bmb_notice-card-content{height:12.5rem;padding:var(--bmb-padding-l) var(--bmb-padding-l) var(--bmb-padding-m) var(--bmb-padding-l);overflow:hidden}.bmb_notice-card-content-title{font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_notice-card-content-description-one,.bmb_notice-card-content-description-two{overflow:hidden;margin-top:.625rem}.bmb_notice-card-content-description-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;line-height:1.6em}.bmb_notice-card-divider{padding:0 var(--bmb-padding-l)}.bmb_notice-card-footer{display:flex;align-items:center;width:100%;height:5rem;padding:var(--bmb-padding-s) var(--bmb-padding-l) var(--bmb-padding-m) var(--bmb-padding-l);overflow:hidden}.bmb_notice-card-footer-left{display:flex;align-items:center;width:10%}.bmb_notice-card-footer-center{display:flex;align-items:center;justify-content:center;width:80%}.bmb_notice-card-footer-center-link{width:100%}.bmb_notice-card-footer-right{display:flex;align-items:center;width:10%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLW5vdGljZS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbm90aWNlLWNhcmQvYm1iLW5vdGljZS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbm90aWNlLWNhcmQvYm1iLW5vdGljZS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQXVCekQsTUFBTSxPQUFPLHNCQUFzQjtJQWhCbkM7UUFpQkUsUUFBRyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUN4QixVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsS0FBSyxFQUE2QixDQUFDO1FBQ2pELGVBQVUsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUM3QixTQUFJLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQ3pCLGtCQUFhLEdBQUcsS0FBSyxDQUFvQixPQUFPLENBQUMsQ0FBQztRQUVsRCxZQUFPLEdBQUcsTUFBTSxFQUFRLENBQUM7UUFDekIsZUFBVSxHQUFHLE1BQU0sRUFBUSxDQUFDO1FBRTVCLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO0tBYWpCO0lBWEMsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDOytHQXZCVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixrNUJDcENuQyw2NkdBaUhBLHM2T0R6RkksWUFBWSxvSEFDWixzQkFBc0Isd1RBQ3RCLG1CQUFtQiwwRUFDbkIsd0JBQXdCLGlMQUN4QixrQkFBa0IsdU1BQ2xCLGFBQWE7OzRGQU9KLHNCQUFzQjtrQkFoQmxDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsa0JBQWtCO3dCQUNsQixhQUFhO3FCQUNkLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgaW5wdXQsXG4gIE9uSW5pdCxcbiAgb3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCbWJBY3Rpb25JY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vYm1iLWFjdGlvbi1pY29uL2JtYi1hY3Rpb24taWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iRGl2aWRlckNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1kaXZpZGVyL2JtYi1kaXZpZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCbWJEb3RQYWdpbmF0b3JDb21wb25lbnQgfSBmcm9tICcuLi9ibWItZG90LXBhZ2luYXRvci9ibWItZG90LXBhZ2luYXRvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9ibWItYnV0dG9uL2J1dHRvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy90cmFuc2xhdGlvbnMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElCbWJDYXJkTm90aWNlRGVzY3JpcHRpb24ge1xuICBwYWdlT25lPzogc3RyaW5nO1xuICBwYWdlVHdvPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItbm90aWNlLWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEJtYkFjdGlvbkljb25Db21wb25lbnQsXG4gICAgQm1iRGl2aWRlckNvbXBvbmVudCxcbiAgICBCbWJEb3RQYWdpbmF0b3JDb21wb25lbnQsXG4gICAgQm1iQnV0dG9uRGlyZWN0aXZlLFxuICAgIFRyYW5zbGF0ZVBpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ibWItbm90aWNlLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYm1iLW5vdGljZS1jYXJkLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYk5vdGljZUNhcmRDb21wb25lbnQge1xuICBzcmMgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgZGVzY3JpcHRpb24gPSBpbnB1dDxJQm1iQ2FyZE5vdGljZURlc2NyaXB0aW9uPigpO1xuICBidXR0b25UZXh0ID0gaW5wdXQ8c3RyaW5nPigpO1xuICBsaW5rID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIGNsb3NlQnRuQ29sb3IgPSBpbnB1dDwnd2hpdGUnIHwgJ2JsYWNrJz4oJ3doaXRlJyk7XG5cbiAgb25DbG9zZSA9IG91dHB1dDx2b2lkPigpO1xuICBvbkNsaWNrQnRuID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgYWN0aXZlSW5kZXggPSAwO1xuXG4gIG9uRG90UHJlc3MoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlSW5kZXggPSBpbmRleDtcbiAgfVxuXG4gIGhhbmRsZUNsb3NlKCkge1xuICAgIHRoaXMub25DbG9zZS5lbWl0KCk7XG4gIH1cblxuICBoYW5kbGVDbGlja0J0bigpIHtcbiAgICB0aGlzLm9uQ2xpY2tCdG4uZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZFwiPlxuICA8c2VjdGlvbiBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZC1oZWFkZXJcIj5cbiAgICA8ZmlndXJlIGNsYXNzPVwiYm1iX25vdGljZS1jYXJkLWhlYWRlci1maWd1cmVcIj5cbiAgICAgIDxwaWN0dXJlPlxuICAgICAgICA8c291cmNlIG1lZGlhPVwiKG1pbi13aWR0aDogMTAwMHB4KVwiIFtzcmNzZXRdPVwic3JjKClcIiAvPlxuICAgICAgICA8aW1nXG4gICAgICAgICAgW2xvYWRpbmddPVwiJ2xhenknXCJcbiAgICAgICAgICBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZC1oZWFkZXItaW1hZ2VcIlxuICAgICAgICAgIFtzcmNzZXRdPVwic3JjKClcIlxuICAgICAgICAgIFthbHRdPVwidGl0bGUoKVwiXG4gICAgICAgICAgW2xvYWRpbmddPVwiJ2xhenknXCJcbiAgICAgICAgLz5cbiAgICAgIDwvcGljdHVyZT5cbiAgICA8L2ZpZ3VyZT5cbiAgICA8Ym1iLWFjdGlvbi1pY29uXG4gICAgICBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZC1oZWFkZXItaWNvblwiXG4gICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgIGNvbG9yOlxuICAgICAgICAgIGNsb3NlQnRuQ29sb3IoKSA9PSAnd2hpdGUnXG4gICAgICAgICAgICA/ICdSR0JBKHZhcigtLWNvbG9yLWNoYXJhZGUtNTApKSdcbiAgICAgICAgICAgIDogJ1JHQkEodmFyKC0tY29sb3ItY2hhcmFkZS05NTApKSdcbiAgICAgIH1cIlxuICAgICAgW2ljb25dPVwiJ2Nsb3NlJ1wiXG4gICAgICBbaWNvblNpemVdPVwiMjhcIlxuICAgICAgKGJ1dHRvbkNsaWNrKT1cImhhbmRsZUNsb3NlKClcIlxuICAgIC8+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJibWJfbm90aWNlLWNhcmQtY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJibWJfbm90aWNlLWNhcmQtY29udGVudC10aXRsZVwiPlxuICAgICAgPGgzPnt7IHRpdGxlKCkgfX08L2gzPlxuICAgIDwvZGl2PlxuICAgIEBpZiAoYWN0aXZlSW5kZXggPT0gMCkge1xuICAgICAgPGRpdiBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZC1jb250ZW50LWRlc2NyaXB0aW9uLW9uZVwiPlxuICAgICAgICA8cCBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZC1jb250ZW50LWRlc2NyaXB0aW9uLXRleHRcIj5cbiAgICAgICAgICB7eyBkZXNjcmlwdGlvbigpPy5wYWdlT25lIH19XG4gICAgICAgIDwvcD5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgICBAaWYgKGRlc2NyaXB0aW9uKCkhLnBhZ2VUd28gJiYgYWN0aXZlSW5kZXggPT09IDEpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJibWJfbm90aWNlLWNhcmQtY29udGVudC1kZXNjcmlwdGlvbi10d29cIj5cbiAgICAgICAgPHAgY2xhc3M9XCJibWJfbm90aWNlLWNhcmQtY29udGVudC1kZXNjcmlwdGlvbi10ZXh0XCI+XG4gICAgICAgICAge3sgZGVzY3JpcHRpb24oKT8ucGFnZVR3byB9fVxuICAgICAgICA8L3A+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIDwvc2VjdGlvbj5cbiAgPGRpdiBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZC1kaXZpZGVyXCI+XG4gICAgPGJtYi1kaXZpZGVyIFt0eXBlXT1cIidzaW1wbGUnXCI+PC9ibWItZGl2aWRlcj5cbiAgPC9kaXY+XG4gIDxzZWN0aW9uIGNsYXNzPVwiYm1iX25vdGljZS1jYXJkLWZvb3RlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJibWJfbm90aWNlLWNhcmQtZm9vdGVyLWxlZnRcIj5cbiAgICAgIEBpZiAoZGVzY3JpcHRpb24oKSEucGFnZVR3byAmJiBhY3RpdmVJbmRleCA9PT0gMSkge1xuICAgICAgICA8Ym1iLWFjdGlvbi1pY29uXG4gICAgICAgICAgW2ljb25dPVwiJ2NoZXZyb25fbGVmdCdcIlxuICAgICAgICAgIFtpY29uU2l6ZV09XCIyOFwiXG4gICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cIm9uRG90UHJlc3MoMClcIlxuICAgICAgICAvPlxuICAgICAgfVxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZC1mb290ZXItY2VudGVyXCI+XG4gICAgICBAaWYgKFxuICAgICAgICAoZGVzY3JpcHRpb24oKSEucGFnZVR3byAmJiBhY3RpdmVJbmRleCA9PT0gMSkgfHwgIWRlc2NyaXB0aW9uKCkhLnBhZ2VUd29cbiAgICAgICkge1xuICAgICAgICBAaWYgKGxpbmsoKSkge1xuICAgICAgICAgIDxhXG4gICAgICAgICAgICBjbGFzcz1cImJtYl9ub3RpY2UtY2FyZC1mb290ZXItY2VudGVyLWxpbmtcIlxuICAgICAgICAgICAgW2hyZWZdPVwibGluaygpXCJcbiAgICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgIGJtYkJ1dHRvblxuICAgICAgICAgICAgICBbYXBwZWFyYW5jZV09XCInc2Vjb25kYXJ5LW91dGxpbmVkJ1wiXG4gICAgICAgICAgICAgIFtzaXplXT1cIidsYXJnZSdcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlQ2xpY2tCdG4oKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt7IGJ1dHRvblRleHQoKSB8fCAoJ25vdGljZV9jYXJkLmJ1dHRvbl90ZXh0JyB8IHRyYW5zbGF0ZSkgfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvYT5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgYm1iQnV0dG9uXG4gICAgICAgICAgICBbYXBwZWFyYW5jZV09XCInc2Vjb25kYXJ5LW91dGxpbmVkJ1wiXG4gICAgICAgICAgICBbc2l6ZV09XCInbGFyZ2UnXCJcbiAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGlja0J0bigpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBidXR0b25UZXh0KCkgfHwgKCdub3RpY2VfY2FyZC5idXR0b25fdGV4dCcgfCB0cmFuc2xhdGUpIH19XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgQGlmIChkZXNjcmlwdGlvbigpIS5wYWdlVHdvICYmIGFjdGl2ZUluZGV4ID09PSAwKSB7XG4gICAgICAgIDxibWItZG90LXBhZ2luYXRvclxuICAgICAgICAgIFthY3RpdmVEb3RJbmRleF09XCJhY3RpdmVJbmRleFwiXG4gICAgICAgICAgW3RvdGFsRG90c109XCIyXCJcbiAgICAgICAgICAob25Eb3RQcmVzcyk9XCJvbkRvdFByZXNzKCRldmVudClcIlxuICAgICAgICA+PC9ibWItZG90LXBhZ2luYXRvcj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJibWJfbm90aWNlLWNhcmQtZm9vdGVyLXJpZ2h0XCI+XG4gICAgICBAaWYgKGRlc2NyaXB0aW9uKCkhLnBhZ2VUd28gJiYgYWN0aXZlSW5kZXggPT09IDApIHtcbiAgICAgICAgPGJtYi1hY3Rpb24taWNvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX25vdGljZS1jYXJkLWZvb3Rlci1yaWdodFwiXG4gICAgICAgICAgW2ljb25dPVwiJ2NoZXZyb25fcmlnaHQnXCJcbiAgICAgICAgICBbaWNvblNpemVdPVwiMjhcIlxuICAgICAgICAgIChidXR0b25DbGljayk9XCJvbkRvdFByZXNzKDEpXCJcbiAgICAgICAgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuPC9zZWN0aW9uPlxuIl19

package/esm2022/lib/components/bmb-notification-card/bmb-notification-card-modal/bmb-notification-card-modal.component.mjs

@@ -0,0 +1,29 @@
+import { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbAlertCenterDetailComponent } from '../../utils/bmb-alert-center-detail/bmb-alert-center-detail.component';
+import * as i0 from "@angular/core";
+export class BmbNotificationCardModalComponent {
+    constructor() {
+        this.visibleAlert = input(null);
+        this.alertEvent = output();
+    }
+    handleAlertEvent(alert) {
+        this.alertEvent.emit(alert);
+    }
+    getAlert() {
+        if (!this.visibleAlert()) {
+            throw new Error('No alert visible');
+        }
+        return this.visibleAlert();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbNotificationCardModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbNotificationCardModalComponent, isStandalone: true, selector: "bmb-notification-card-modal", inputs: { visibleAlert: { classPropertyName: "visibleAlert", publicName: "visibleAlert", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertEvent: "alertEvent" }, ngImport: i0, template: "@if (visibleAlert() !== null) {\n  <bmb-alert-center-detail\n    [alert]=\"getAlert()\"\n    (alertEvent)=\"handleAlertEvent($event)\"\n  />\n}\n", styles: [".bmb_alert-center-content-modal{display:flex;gap:var(--bmb-spacing-m);flex-flow:column}.bmb_alert-center-content-modal p{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbAlertCenterDetailComponent, selector: "bmb-alert-center-detail", inputs: ["alert"], outputs: ["alertEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbNotificationCardModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-notification-card-modal', standalone: true, imports: [
+                        CommonModule,
+                        BmbAlertCenterDetailComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visibleAlert() !== null) {\n  <bmb-alert-center-detail\n    [alert]=\"getAlert()\"\n    (alertEvent)=\"handleAlertEvent($event)\"\n  />\n}\n", styles: [".bmb_alert-center-content-modal{display:flex;gap:var(--bmb-spacing-m);flex-flow:column}.bmb_alert-center-content-modal p{margin:0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLW5vdGlmaWNhdGlvbi1jYXJkLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbm90aWZpY2F0aW9uLWNhcmQvYm1iLW5vdGlmaWNhdGlvbi1jYXJkLW1vZGFsL2JtYi1ub3RpZmljYXRpb24tY2FyZC1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLW5vdGlmaWNhdGlvbi1jYXJkL2JtYi1ub3RpZmljYXRpb24tY2FyZC1tb2RhbC9ibWItbm90aWZpY2F0aW9uLWNhcmQtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHVFQUF1RSxDQUFDOztBQWN0SCxNQUFNLE9BQU8saUNBQWlDO0lBWjlDO1FBYUUsaUJBQVksR0FBRyxLQUFLLENBQThCLElBQUksQ0FBQyxDQUFDO1FBRXhELGVBQVUsR0FBRyxNQUFNLEVBQXdDLENBQUM7S0FZN0Q7SUFWQyxnQkFBZ0IsQ0FBQyxLQUEyQztRQUMxRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUU7WUFDeEIsTUFBTSxJQUFJLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1NBQ3JDO1FBQ0QsT0FBTyxJQUFJLENBQUMsWUFBWSxFQUEwQixDQUFDO0lBQ3JELENBQUM7K0dBZFUsaUNBQWlDO21HQUFqQyxpQ0FBaUMsdVJDdkI5QyxtSkFNQSw2TERXSSxZQUFZLCtCQUNaLDZCQUE2Qjs7NEZBS3BCLGlDQUFpQztrQkFaN0MsU0FBUzsrQkFDRSw2QkFBNkIsY0FHM0IsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osNkJBQTZCO3FCQUM5QixpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgaW5wdXQsXG4gIG91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUJtYkRhdGFBbGVydCwgSUJtYkRhdGFBbGVydHNQYXJzZWQgfSBmcm9tICcuLi8uLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQm1iQWxlcnRDZW50ZXJEZXRhaWxDb21wb25lbnQgfSBmcm9tICcuLi8uLi91dGlscy9ibWItYWxlcnQtY2VudGVyLWRldGFpbC9ibWItYWxlcnQtY2VudGVyLWRldGFpbC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItbm90aWZpY2F0aW9uLWNhcmQtbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLW5vdGlmaWNhdGlvbi1jYXJkLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JtYi1ub3RpZmljYXRpb24tY2FyZC1tb2RhbC5jb21wb25lbnQuc2NzcycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQm1iQWxlcnRDZW50ZXJEZXRhaWxDb21wb25lbnQsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJOb3RpZmljYXRpb25DYXJkTW9kYWxDb21wb25lbnQge1xuICB2aXNpYmxlQWxlcnQgPSBpbnB1dDxJQm1iRGF0YUFsZXJ0c1BhcnNlZCB8IG51bGw+KG51bGwpO1xuXG4gIGFsZXJ0RXZlbnQgPSBvdXRwdXQ8SUJtYkRhdGFBbGVydHNQYXJzZWQgfCBJQm1iRGF0YUFsZXJ0PigpO1xuXG4gIGhhbmRsZUFsZXJ0RXZlbnQoYWxlcnQ6IElCbWJEYXRhQWxlcnRzUGFyc2VkIHwgSUJtYkRhdGFBbGVydCk6IHZvaWQge1xuICAgIHRoaXMuYWxlcnRFdmVudC5lbWl0KGFsZXJ0KTtcbiAgfVxuXG4gIGdldEFsZXJ0KCk6IElCbWJEYXRhQWxlcnRzUGFyc2VkIHtcbiAgICBpZiAoIXRoaXMudmlzaWJsZUFsZXJ0KCkpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignTm8gYWxlcnQgdmlzaWJsZScpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy52aXNpYmxlQWxlcnQoKSBhcyBJQm1iRGF0YUFsZXJ0c1BhcnNlZDtcbiAgfVxufVxuIiwiQGlmICh2aXNpYmxlQWxlcnQoKSAhPT0gbnVsbCkge1xuICA8Ym1iLWFsZXJ0LWNlbnRlci1kZXRhaWxcbiAgICBbYWxlcnRdPVwiZ2V0QWxlcnQoKVwiXG4gICAgKGFsZXJ0RXZlbnQpPVwiaGFuZGxlQWxlcnRFdmVudCgkZXZlbnQpXCJcbiAgLz5cbn1cbiJdfQ==

package/esm2022/lib/components/bmb-notification-card/bmb-notification-card.component.mjs

@@ -0,0 +1,114 @@
+import { ChangeDetectionStrategy, Component, computed, input, model, output, ViewEncapsulation, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbHomeCardComponent } from '../bmb-home-card/bmb-home-card.component';
+import { BmbTabsComponent } from '../bmb-tabs/bmb-tabs.component';
+import { BmbAlertCenterAdsComponent } from '../bmb-alert-center/bmb-alert-center-ads/bmb-alert-center-ads.component';
+import { BmbAlertCenterListComponent } from '../bmb-alert-center/bmb-alert-center-list/bmb-alert-center-list.component';
+import { DateTime } from 'luxon';
+import { BmbNotificationCardModalComponent } from './bmb-notification-card-modal/bmb-notification-card-modal.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/translations/translations.service";
+import * as i2 from "../../services/projection/projection.service";
+import * as i3 from "../../services/modal/native-modal.service";
+import * as i4 from "@angular/common";
+export class BmbNotificationCardComponent {
+    constructor(translationsService, projectionService, modalService) {
+        this.translationsService = translationsService;
+        this.projectionService = projectionService;
+        this.modalService = modalService;
+        this.data = input([]);
+        this.advertisements = input([]);
+        this.hideExpandBtn = input(false);
+        this.maxHeight = input('auto');
+        this.emptyStateData = input();
+        this.dateFormat = input('dd/MM/yyyy HH:mm');
+        this.alertEvent = output();
+        this.showAlertDetail = output();
+        this.onExpandClick = output();
+        this.expanded = false;
+        this.activeData = [];
+        this.activeTab = 1;
+        this.activeDot = 0;
+        this.parsedData = computed(() => {
+            return this.data().map((alert) => {
+                const date = this.dateFormat() === 'iso'
+                    ? DateTime.fromISO(alert.date)
+                    : DateTime.fromFormat(alert.date, this.dateFormat());
+                return {
+                    ...alert,
+                    pDate: date,
+                };
+            });
+        });
+        this.visibleAlert = null;
+        this.selectedTab = model(1);
+        this.badgeTabs = computed(() => {
+            return [
+                this.data().reduce((acc, alert) => {
+                    if (!alert.isRead)
+                        return acc + 1;
+                    return acc;
+                }, 0),
+                this.advertisements().reduce((acc, advertisement) => {
+                    if (!advertisement.isRead)
+                        return acc + 1;
+                    return acc;
+                }, 0),
+            ];
+        });
+        this.tabsConfig = computed(() => [
+            {
+                title: this.translationsService.translate('notification_card.tabs.notifications'),
+                isMobile: true,
+                isDesktop: true,
+                id: 0,
+                isActive: true,
+                badge: this.badgeTabs()[0],
+            },
+            {
+                title: this.translationsService.translate('notification_card.tabs.advertisements'),
+                isMobile: true,
+                isDesktop: true,
+                id: 1,
+            },
+        ]);
+    }
+    getEmptyStateData() {
+        if (Object.keys(this.emptyStateData() || {}).length) {
+            return this.emptyStateData();
+        }
+        return {
+            primaryText: this.translationsService.translate('notification_card.empty_state.primary_text'),
+            showButton: false,
+            size: 'large',
+        };
+    }
+    handleAlertEvent(alert) {
+        this.alertEvent.emit(alert);
+    }
+    handleAlertSelected(alert) {
+        this.showAlertDetail.emit(alert);
+        this.projectionService.closeContent();
+        this.modalService.openModal({
+            title: alert.title,
+            content: BmbNotificationCardModalComponent,
+            size: 'small',
+            inputContext: {
+                visibleAlert: alert,
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbNotificationCardComponent, deps: [{ token: i1.BmbTranslationsService }, { token: i2.BmbProjectionContentService }, { token: i3.BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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_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: i4.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"], 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: "17.3.12", ngImport: i0, type: BmbNotificationCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-notification-card', standalone: true, imports: [
+                        CommonModule,
+                        BmbTabsComponent,
+                        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-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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_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: i1.BmbTranslationsService }, { type: i2.BmbProjectionContentService }, { type: i3.BmbNativeModalService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLW5vdGlmaWNhdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbm90aWZpY2F0aW9uLWNhcmQvYm1iLW5vdGlmaWNhdGlvbi1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbm90aWZpY2F0aW9uLWNhcmQvYm1iLW5vdGlmaWNhdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixLQUFLLEVBQ0wsS0FBSyxFQUNMLE1BQU0sRUFHTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBTy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRWhGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHlFQUF5RSxDQUFDO0FBQ3JILE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBQ3hILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFHakMsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0scUVBQXFFLENBQUM7Ozs7OztBQWlCeEgsTUFBTSxPQUFPLDRCQUE0QjtJQThCdkMsWUFDVSxtQkFBMkMsRUFDM0MsaUJBQThDLEVBQzlDLFlBQW1DO1FBRm5DLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBd0I7UUFDM0Msc0JBQWlCLEdBQWpCLGlCQUFpQixDQUE2QjtRQUM5QyxpQkFBWSxHQUFaLFlBQVksQ0FBdUI7UUFoQzdDLFNBQUksR0FBRyxLQUFLLENBQWtCLEVBQUUsQ0FBQyxDQUFDO1FBQ2xDLG1CQUFjLEdBQUcsS0FBSyxDQUFrQixFQUFFLENBQUMsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUN0QyxjQUFTLEdBQUcsS0FBSyxDQUFTLE1BQU0sQ0FBQyxDQUFDO1FBQ2xDLG1CQUFjLEdBQUcsS0FBSyxFQUF1QixDQUFDO1FBQzlDLGVBQVUsR0FBRyxLQUFLLENBQVMsa0JBQWtCLENBQUMsQ0FBQztRQUUvQyxlQUFVLEdBQUcsTUFBTSxFQUFpQixDQUFDO1FBQ3JDLG9CQUFlLEdBQUcsTUFBTSxFQUFpQixDQUFDO1FBQzFDLGtCQUFhLEdBQUcsTUFBTSxFQUFRLENBQUM7UUFFL0IsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixlQUFVLEdBQVEsRUFBRSxDQUFDO1FBQ3JCLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUN0QixlQUFVLEdBQUcsUUFBUSxDQUF5QixHQUFHLEVBQUU7WUFDakQsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQy9CLE1BQU0sSUFBSSxHQUNSLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxLQUFLO29CQUN6QixDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO29CQUM5QixDQUFDLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO2dCQUN6RCxPQUFPO29CQUNMLEdBQUcsS0FBSztvQkFDUixLQUFLLEVBQUUsSUFBSTtpQkFDWixDQUFDO1lBQ0osQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILGlCQUFZLEdBQWdDLElBQUksQ0FBQztRQXNCakQsZ0JBQVcsR0FBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFDL0IsY0FBUyxHQUFHLFFBQVEsQ0FBVyxHQUFHLEVBQUU7WUFDbEMsT0FBTztnQkFDTCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBVyxFQUFFLEtBQW9CLEVBQUUsRUFBRTtvQkFDdkQsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNO3dCQUFFLE9BQU8sR0FBRyxHQUFHLENBQUMsQ0FBQztvQkFDbEMsT0FBTyxHQUFHLENBQUM7Z0JBQ2IsQ0FBQyxFQUFFLENBQUMsQ0FBQztnQkFDTCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsTUFBTSxDQUMxQixDQUFDLEdBQVcsRUFBRSxhQUE0QixFQUFFLEVBQUU7b0JBQzVDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTTt3QkFBRSxPQUFPLEdBQUcsR0FBRyxDQUFDLENBQUM7b0JBQzFDLE9BQU8sR0FBRyxDQUFDO2dCQUNiLENBQUMsRUFDRCxDQUFDLENBQ0Y7YUFDRixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQUM7UUFDSCxlQUFVLEdBQUcsUUFBUSxDQUFZLEdBQUcsRUFBRSxDQUFDO1lBQ3JDO2dCQUNFLEtBQUssRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsU0FBUyxDQUN2QyxzQ0FBc0MsQ0FDdkM7Z0JBQ0QsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsRUFBRSxFQUFFLENBQUM7Z0JBQ0wsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDM0I7WUFDRDtnQkFDRSxLQUFLLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsQ0FDdkMsdUNBQXVDLENBQ3hDO2dCQUNELFFBQVEsRUFBRSxJQUFJO2dCQUNkLFNBQVMsRUFBRSxJQUFJO2dCQUNmLEVBQUUsRUFBRSxDQUFDO2FBQ047U0FDRixDQUFDLENBQUM7SUFuREEsQ0FBQztJQUVKLGlCQUFpQjtRQUNmLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFO1lBQ25ELE9BQU8sSUFBSSxDQUFDLGNBQWMsRUFBeUIsQ0FBQztTQUNyRDtRQUVELE9BQU87WUFDTCxXQUFXLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsQ0FDN0MsNENBQTRDLENBQzdDO1lBQ0QsVUFBVSxFQUFFLEtBQUs7WUFDakIsSUFBSSxFQUFFLE9BQU87U0FDZCxDQUFDO0lBQ0osQ0FBQztJQXVDRCxnQkFBZ0IsQ0FBQyxLQUFjO1FBQzdCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQXNCLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBMkI7UUFDN0MsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RDLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDO1lBQzFCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSztZQUNsQixPQUFPLEVBQUUsaUNBQWlDO1lBQzFDLElBQUksRUFBRSxPQUFPO1lBQ2IsWUFBWSxFQUFFO2dCQUNaLFlBQVksRUFBRSxLQUFLO2FBQ3BCO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0F0R1UsNEJBQTRCO21HQUE1Qiw0QkFBNEIsMHFDQzNDekMsZ2hDQXFDQSxnek9ETEksWUFBWSxvSEFDWixnQkFBZ0Isc0tBQ2hCLG9CQUFvQixtVUFDcEIsMEJBQTBCLHdJQUMxQiwyQkFBMkI7OzRGQU9sQiw0QkFBNEI7a0JBZnhDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsb0JBQW9CO3dCQUNwQiwwQkFBMEI7d0JBQzFCLDJCQUEyQjtxQkFDNUIsaUJBR2MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBpbnB1dCxcbiAgbW9kZWwsXG4gIG91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIElCbWJBbGVydEVtcHR5U3RhdGUsXG4gIElCbWJEYXRhQWxlcnQsXG4gIElCbWJEYXRhQWxlcnRzUGFyc2VkLFxufSBmcm9tICcuLi9ibWItYWxlcnQtY2VudGVyL3R5cGVzJztcbmltcG9ydCB7IElCbWJUYWIgfSBmcm9tICcuLi9ibWItdGFicy9ibWItdGFicy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iSG9tZUNhcmRDb21wb25lbnQgfSBmcm9tICcuLi9ibWItaG9tZS1jYXJkL2JtYi1ob21lLWNhcmQuY29tcG9uZW50JztcbmltcG9ydCB7IEJtYlRyYW5zbGF0aW9uc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90cmFuc2xhdGlvbnMvdHJhbnNsYXRpb25zLnNlcnZpY2UnO1xuaW1wb3J0IHsgQm1iVGFic0NvbXBvbmVudCB9IGZyb20gJy4uL2JtYi10YWJzL2JtYi10YWJzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCbWJBbGVydENlbnRlckFkc0NvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1hbGVydC1jZW50ZXIvYm1iLWFsZXJ0LWNlbnRlci1hZHMvYm1iLWFsZXJ0LWNlbnRlci1hZHMuY29tcG9uZW50JztcbmltcG9ydCB7IEJtYkFsZXJ0Q2VudGVyTGlzdENvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1hbGVydC1jZW50ZXIvYm1iLWFsZXJ0LWNlbnRlci1saXN0L2JtYi1hbGVydC1jZW50ZXItbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGF0ZVRpbWUgfSBmcm9tICdsdXhvbic7XG5pbXBvcnQgeyBCbWJQcm9qZWN0aW9uQ29udGVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9wcm9qZWN0aW9uL3Byb2plY3Rpb24uc2VydmljZSc7XG5pbXBvcnQgeyBCbWJOYXRpdmVNb2RhbFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9tb2RhbC9uYXRpdmUtbW9kYWwuc2VydmljZSc7XG5pbXBvcnQgeyBCbWJOb3RpZmljYXRpb25DYXJkTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL2JtYi1ub3RpZmljYXRpb24tY2FyZC1tb2RhbC9ibWItbm90aWZpY2F0aW9uLWNhcmQtbW9kYWwuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLW5vdGlmaWNhdGlvbi1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBCbWJUYWJzQ29tcG9uZW50LFxuICAgIEJtYkhvbWVDYXJkQ29tcG9uZW50LFxuICAgIEJtYkFsZXJ0Q2VudGVyQWRzQ29tcG9uZW50LFxuICAgIEJtYkFsZXJ0Q2VudGVyTGlzdENvbXBvbmVudCxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1ub3RpZmljYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ibWItbm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQm1iTm90aWZpY2F0aW9uQ2FyZENvbXBvbmVudCB7XG4gIGRhdGEgPSBpbnB1dDxJQm1iRGF0YUFsZXJ0W10+KFtdKTtcbiAgYWR2ZXJ0aXNlbWVudHMgPSBpbnB1dDxJQm1iRGF0YUFsZXJ0W10+KFtdKTtcbiAgaGlkZUV4cGFuZEJ0biA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgbWF4SGVpZ2h0ID0gaW5wdXQ8c3RyaW5nPignYXV0bycpO1xuICBlbXB0eVN0YXRlRGF0YSA9IGlucHV0PElCbWJBbGVydEVtcHR5U3RhdGU+KCk7XG4gIGRhdGVGb3JtYXQgPSBpbnB1dDxzdHJpbmc+KCdkZC9NTS95eXl5IEhIOm1tJyk7XG5cbiAgYWxlcnRFdmVudCA9IG91dHB1dDxJQm1iRGF0YUFsZXJ0PigpO1xuICBzaG93QWxlcnREZXRhaWwgPSBvdXRwdXQ8SUJtYkRhdGFBbGVydD4oKTtcbiAgb25FeHBhbmRDbGljayA9IG91dHB1dDx2b2lkPigpO1xuXG4gIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG4gIGFjdGl2ZURhdGE6IGFueSA9IFtdO1xuICBhY3RpdmVUYWI6IG51bWJlciA9IDE7XG4gIGFjdGl2ZURvdDogbnVtYmVyID0gMDtcbiAgcGFyc2VkRGF0YSA9IGNvbXB1dGVkPElCbWJEYXRhQWxlcnRzUGFyc2VkW10+KCgpID0+IHtcbiAgICByZXR1cm4gdGhpcy5kYXRhKCkubWFwKChhbGVydCkgPT4ge1xuICAgICAgY29uc3QgZGF0ZSA9XG4gICAgICAgIHRoaXMuZGF0ZUZvcm1hdCgpID09PSAnaXNvJ1xuICAgICAgICAgID8gRGF0ZVRpbWUuZnJvbUlTTyhhbGVydC5kYXRlKVxuICAgICAgICAgIDogRGF0ZVRpbWUuZnJvbUZvcm1hdChhbGVydC5kYXRlLCB0aGlzLmRhdGVGb3JtYXQoKSk7XG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5hbGVydCxcbiAgICAgICAgcERhdGU6IGRhdGUsXG4gICAgICB9O1xuICAgIH0pO1xuICB9KTtcbiAgdmlzaWJsZUFsZXJ0OiBJQm1iRGF0YUFsZXJ0c1BhcnNlZCB8IG51bGwgPSBudWxsO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdHJhbnNsYXRpb25zU2VydmljZTogQm1iVHJhbnNsYXRpb25zU2VydmljZSxcbiAgICBwcml2YXRlIHByb2plY3Rpb25TZXJ2aWNlOiBCbWJQcm9qZWN0aW9uQ29udGVudFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBtb2RhbFNlcnZpY2U6IEJtYk5hdGl2ZU1vZGFsU2VydmljZSxcbiAgKSB7fVxuXG4gIGdldEVtcHR5U3RhdGVEYXRhKCk6IElCbWJBbGVydEVtcHR5U3RhdGUge1xuICAgIGlmIChPYmplY3Qua2V5cyh0aGlzLmVtcHR5U3RhdGVEYXRhKCkgfHwge30pLmxlbmd0aCkge1xuICAgICAgcmV0dXJuIHRoaXMuZW1wdHlTdGF0ZURhdGEoKSBhcyBJQm1iQWxlcnRFbXB0eVN0YXRlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBwcmltYXJ5VGV4dDogdGhpcy50cmFuc2xhdGlvbnNTZXJ2aWNlLnRyYW5zbGF0ZShcbiAgICAgICAgJ25vdGlmaWNhdGlvbl9jYXJkLmVtcHR5X3N0YXRlLnByaW1hcnlfdGV4dCcsXG4gICAgICApLFxuICAgICAgc2hvd0J1dHRvbjogZmFsc2UsXG4gICAgICBzaXplOiAnbGFyZ2UnLFxuICAgIH07XG4gIH1cblxuICBzZWxlY3RlZFRhYiA9IG1vZGVsPG51bWJlcj4oMSk7XG4gIGJhZGdlVGFicyA9IGNvbXB1dGVkPG51bWJlcltdPigoKSA9PiB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHRoaXMuZGF0YSgpLnJlZHVjZSgoYWNjOiBudW1iZXIsIGFsZXJ0OiBJQm1iRGF0YUFsZXJ0KSA9PiB7XG4gICAgICAgIGlmICghYWxlcnQuaXNSZWFkKSByZXR1cm4gYWNjICsgMTtcbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH0sIDApLFxuICAgICAgdGhpcy5hZHZlcnRpc2VtZW50cygpLnJlZHVjZShcbiAgICAgICAgKGFjYzogbnVtYmVyLCBhZHZlcnRpc2VtZW50OiBJQm1iRGF0YUFsZXJ0KSA9PiB7XG4gICAgICAgICAgaWYgKCFhZHZlcnRpc2VtZW50LmlzUmVhZCkgcmV0dXJuIGFjYyArIDE7XG4gICAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgICAgfSxcbiAgICAgICAgMCxcbiAgICAgICksXG4gICAgXTtcbiAgfSk7XG4gIHRhYnNDb25maWcgPSBjb21wdXRlZDxJQm1iVGFiW10+KCgpID0+IFtcbiAgICB7XG4gICAgICB0aXRsZTogdGhpcy50cmFuc2xhdGlvbnNTZXJ2aWNlLnRyYW5zbGF0ZShcbiAgICAgICAgJ25vdGlmaWNhdGlvbl9jYXJkLnRhYnMubm90aWZpY2F0aW9ucycsXG4gICAgICApLFxuICAgICAgaXNNb2JpbGU6IHRydWUsXG4gICAgICBpc0Rlc2t0b3A6IHRydWUsXG4gICAgICBpZDogMCxcbiAgICAgIGlzQWN0aXZlOiB0cnVlLFxuICAgICAgYmFkZ2U6IHRoaXMuYmFkZ2VUYWJzKClbMF0sXG4gICAgfSxcbiAgICB7XG4gICAgICB0aXRsZTogdGhpcy50cmFuc2xhdGlvbnNTZXJ2aWNlLnRyYW5zbGF0ZShcbiAgICAgICAgJ25vdGlmaWNhdGlvbl9jYXJkLnRhYnMuYWR2ZXJ0aXNlbWVudHMnLFxuICAgICAgKSxcbiAgICAgIGlzTW9iaWxlOiB0cnVlLFxuICAgICAgaXNEZXNrdG9wOiB0cnVlLFxuICAgICAgaWQ6IDEsXG4gICAgfSxcbiAgXSk7XG5cbiAgaGFuZGxlQWxlcnRFdmVudChhbGVydDogdW5rbm93bikge1xuICAgIHRoaXMuYWxlcnRFdmVudC5lbWl0KGFsZXJ0IGFzIElCbWJEYXRhQWxlcnQpO1xuICB9XG5cbiAgaGFuZGxlQWxlcnRTZWxlY3RlZChhbGVydDogSUJtYkRhdGFBbGVydHNQYXJzZWQpIHtcbiAgICB0aGlzLnNob3dBbGVydERldGFpbC5lbWl0KGFsZXJ0KTtcbiAgICB0aGlzLnByb2plY3Rpb25TZXJ2aWNlLmNsb3NlQ29udGVudCgpO1xuICAgIHRoaXMubW9kYWxTZXJ2aWNlLm9wZW5Nb2RhbCh7XG4gICAgICB0aXRsZTogYWxlcnQudGl0bGUsXG4gICAgICBjb250ZW50OiBCbWJOb3RpZmljYXRpb25DYXJkTW9kYWxDb21wb25lbnQsXG4gICAgICBzaXplOiAnc21hbGwnLFxuICAgICAgaW5wdXRDb250ZXh0OiB7XG4gICAgICAgIHZpc2libGVBbGVydDogYWxlcnQsXG4gICAgICB9LFxuICAgIH0pO1xuICB9XG59XG4iLCI8c2VjdGlvblxuICBjbGFzcz1cImJtYl9ob21lLW5vdGlmaWNhdGlvbi1jYXJkXCJcbiAgW25nU3R5bGVdPVwieyAnLS1tYXhIZWlnaHQnOiBtYXhIZWlnaHQoKSB9XCJcbj5cbiAgPGJtYi1ob21lLWNhcmRcbiAgICBpY29uPVwibm90aWZpY2F0aW9uc1wiXG4gICAgYmdJY29uQXBwZWFyYW5jZT1cInJlZC1wcmltYXJ5XCJcbiAgICB0aXRsZT1cIk1pcyBOb3RpZmljYWNpb25lc1wiXG4gICAgW2lzTW9iaWxlXT1cImZhbHNlXCJcbiAgICAob25FeHBhbmRDbGljayk9XCJvbkV4cGFuZENsaWNrLmVtaXQoKVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiYm1iX2hvbWUtbm90aWZpY2F0aW9uLWNhcmQtY29udGVudFwiPlxuICAgICAgPGJtYi10YWJzXG4gICAgICAgIFt0YWJzXT1cInRhYnNDb25maWcoKVwiXG4gICAgICAgIFsoc2VsZWN0ZWRUYWJJZCldPVwic2VsZWN0ZWRUYWJcIlxuICAgICAgPjwvYm1iLXRhYnM+XG4gICAgICBAc3dpdGNoIChzZWxlY3RlZFRhYigpKSB7XG4gICAgICAgIEBjYXNlICgxKSB7XG4gICAgICAgICAgPGJtYi1hbGVydC1jZW50ZXItbGlzdFxuICAgICAgICAgICAgW2FsZXJ0c109XCJwYXJzZWREYXRhKClcIlxuICAgICAgICAgICAgW2VuYWJsZU11bHRpcGxlU2VsZWN0aW9uXT1cImZhbHNlXCJcbiAgICAgICAgICAgIChhbGVydFNlbGVjdGVkKT1cImhhbmRsZUFsZXJ0U2VsZWN0ZWQoJGV2ZW50KVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICBAY2FzZSAoMikge1xuICAgICAgICAgIDxibWItYWxlcnQtY2VudGVyLWFkc1xuICAgICAgICAgICAgW2FkdmVydGlzZW1lbnRzXT1cImFkdmVydGlzZW1lbnRzKClcIlxuICAgICAgICAgICAgKGFsZXJ0RXZlbnQpPVwiaGFuZGxlQWxlcnRFdmVudCgkZXZlbnQpXCJcbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICAgIEBkZWZhdWx0IHtcbiAgICAgICAgICA8ZGl2PkludmFsaWQgSUQgc2VsZWN0ZWQ8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgfVxuICAgIDwvZGl2PlxuICA8L2JtYi1ob21lLWNhcmQ+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/lib/components/bmb-notification-counter/bmb-notification-counter.component.mjs

@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbNotificationCounterComponent {
+    constructor() {
+        this.counter = input();
+        this.appearance = input('notification');
+    }
+    getCounter() {
+        const _counter = this.counter() > 99 ? '99+' : this.counter()?.toString();
+        if (this.appearance() === 'plain')
+            return `(${_counter})`;
+        return `${_counter}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbNotificationCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbNotificationCounterComponent, isStandalone: true, selector: "bmb-notification-counter", inputs: { counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!!counter()) {\n  <section class=\"bmb_notification-counter\">\n    <ng-content />\n    <span\n      class=\"bmb_notification-counter-number\"\n      [ngClass]=\"{\n        'bmb_notification-counter-bullet bmb_notification-counter-position-bullet':\n          appearance() === 'notification',\n        'bmb_notification-counter-plain': appearance() === 'plain'\n      }\"\n    >\n      {{ getCounter() }}\n    </span>\n  </section>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_notification-counter{display:flex;position:relative;cursor:pointer;gap:.25rem;align-items:center}.bmb_notification-counter-number{max-height:.75rem;min-width:.75rem;padding:0 .125rem;width:fit-content;font-family:Poppins-Bold,sans-serif;font-size:.625rem;color:var(--general_contrasts-50);text-align:center;line-height:1.2}.bmb_notification-counter-bullet{display:inline-block;position:absolute;bottom:0;right:0;color:var(--white-primary);background-color:rgb(var(--color-red-light));border-radius:2.5rem}.bmb_notification-counter-plain{display:inline-flex;position:relative}\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: "17.3.12", ngImport: i0, type: BmbNotificationCounterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-notification-counter', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!!counter()) {\n  <section class=\"bmb_notification-counter\">\n    <ng-content />\n    <span\n      class=\"bmb_notification-counter-number\"\n      [ngClass]=\"{\n        'bmb_notification-counter-bullet bmb_notification-counter-position-bullet':\n          appearance() === 'notification',\n        'bmb_notification-counter-plain': appearance() === 'plain'\n      }\"\n    >\n      {{ getCounter() }}\n    </span>\n  </section>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_notification-counter{display:flex;position:relative;cursor:pointer;gap:.25rem;align-items:center}.bmb_notification-counter-number{max-height:.75rem;min-width:.75rem;padding:0 .125rem;width:fit-content;font-family:Poppins-Bold,sans-serif;font-size:.625rem;color:var(--general_contrasts-50);text-align:center;line-height:1.2}.bmb_notification-counter-bullet{display:inline-block;position:absolute;bottom:0;right:0;color:var(--white-primary);background-color:rgb(var(--color-red-light));border-radius:2.5rem}.bmb_notification-counter-plain{display:inline-flex;position:relative}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLW5vdGlmaWNhdGlvbi1jb3VudGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbm90aWZpY2F0aW9uLWNvdW50ZXIvYm1iLW5vdGlmaWNhdGlvbi1jb3VudGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItbm90aWZpY2F0aW9uLWNvdW50ZXIvYm1iLW5vdGlmaWNhdGlvbi1jb3VudGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBQ0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7QUFhdkIsTUFBTSxPQUFPLCtCQUErQjtJQVQ1QztRQVVFLFlBQU8sR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUMxQixlQUFVLEdBQUcsS0FBSyxDQUE4QixjQUFjLENBQUMsQ0FBQztLQVNqRTtJQVBDLFVBQVU7UUFDUixNQUFNLFFBQVEsR0FDWixJQUFJLENBQUMsT0FBTyxFQUFHLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxRQUFRLEVBQUcsQ0FBQztRQUU3RCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxPQUFPO1lBQUUsT0FBTyxJQUFJLFFBQVEsR0FBRyxDQUFDO1FBQzFELE9BQU8sR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUN2QixDQUFDOytHQVZVLCtCQUErQjttR0FBL0IsK0JBQStCLHFXQ25CNUMsMmJBZUEsbStNREZZLFlBQVk7OzRGQU1YLCtCQUErQjtrQkFUM0MsU0FBUzsrQkFDRSwwQkFBMEIsY0FDeEIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGlCQUdSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgaW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgSUJtYk5vdGlmaWNhdGlvbkNvdW50ZXJUeXBlID0gJ25vdGlmaWNhdGlvbicgfCAncGxhaW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItbm90aWZpY2F0aW9uLWNvdW50ZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1ub3RpZmljYXRpb24tY291bnRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ibWItbm90aWZpY2F0aW9uLWNvdW50ZXIuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQm1iTm90aWZpY2F0aW9uQ291bnRlckNvbXBvbmVudCB7XG4gIGNvdW50ZXIgPSBpbnB1dDxudW1iZXI+KCk7XG4gIGFwcGVhcmFuY2UgPSBpbnB1dDxJQm1iTm90aWZpY2F0aW9uQ291bnRlclR5cGU+KCdub3RpZmljYXRpb24nKTtcblxuICBnZXRDb3VudGVyKCk6IHN0cmluZyB7XG4gICAgY29uc3QgX2NvdW50ZXI6IHN0cmluZyA9XG4gICAgICB0aGlzLmNvdW50ZXIoKSEgPiA5OSA/ICc5OSsnIDogdGhpcy5jb3VudGVyKCk/LnRvU3RyaW5nKCkhO1xuXG4gICAgaWYgKHRoaXMuYXBwZWFyYW5jZSgpID09PSAncGxhaW4nKSByZXR1cm4gYCgke19jb3VudGVyfSlgO1xuICAgIHJldHVybiBgJHtfY291bnRlcn1gO1xuICB9XG59XG4iLCJAaWYgKCEhY291bnRlcigpKSB7XG4gIDxzZWN0aW9uIGNsYXNzPVwiYm1iX25vdGlmaWNhdGlvbi1jb3VudGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJibWJfbm90aWZpY2F0aW9uLWNvdW50ZXItbnVtYmVyXCJcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgJ2JtYl9ub3RpZmljYXRpb24tY291bnRlci1idWxsZXQgYm1iX25vdGlmaWNhdGlvbi1jb3VudGVyLXBvc2l0aW9uLWJ1bGxldCc6XG4gICAgICAgICAgYXBwZWFyYW5jZSgpID09PSAnbm90aWZpY2F0aW9uJyxcbiAgICAgICAgJ2JtYl9ub3RpZmljYXRpb24tY291bnRlci1wbGFpbic6IGFwcGVhcmFuY2UoKSA9PT0gJ3BsYWluJ1xuICAgICAgfVwiXG4gICAgPlxuICAgICAge3sgZ2V0Q291bnRlcigpIH19XG4gICAgPC9zcGFuPlxuICA8L3NlY3Rpb24+XG59XG4iXX0=