@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1319-a → 1.5.1319-b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs +48 -35
  2. package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map +1 -1
  3. package/lib/components/bmb-alert-center/bmb-alert-center-list/bmb-alert-center-list.component.d.ts +1 -1
  4. package/lib/components/bmb-calendar/bmb-calendar.component.d.ts +4 -4
  5. package/lib/components/bmb-digital-id/bmb-digital-id.component.d.ts +3 -2
  6. package/lib/components/bmb-dropdown-menu/bmb-dropdown-menu.component.d.ts +2 -1
  7. package/lib/components/bmb-icon-status/bmb-icon-status.component.d.ts +3 -1
  8. package/lib/components/bmb-push-notification/bmb-push-notification-item/bmb-push-notification-item.component.d.ts +3 -0
  9. package/lib/components/bmb-push-notification/types.d.ts +2 -1
  10. package/lib/components/utils/bmb-dropdown-content/bmb-dropdown-content.component.d.ts +2 -1
  11. package/package.json +1 -1
package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs CHANGED
@@ -716,8 +716,14 @@ class BmbPushNotificationItemComponent {
716
716
  action.action({ title, subTitle, content, isFullColor, id });
717
717
  }
718
718
  }
719
+ isNotificationTemplate() {
720
+ return typeof this.notification().content !== 'string';
721
+ }
722
+ getContent() {
723
+ return this.notification().content;
724
+ }
719
725
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbPushNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
720
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbPushNotificationItemComponent, isStandalone: true, selector: "bmb-push-notification-item", inputs: { notification: { classPropertyName: "notification", publicName: "notification", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<section [ngClass]=\"getNotificationClasses()\">\n @if (!notification().isFullColor) {\n <header class=\"bmb_push-notification-item-header\">\n <img\n class=\"bmb_push-notification-item-header-icon\"\n [src]=\"getAppIcon()\"\n [alt]=\"getAppName()\"\n />\n <span class=\"bmb_push-notification-item-header-name\">{{\n getAppName()\n }}</span>\n <button\n (click)=\"handleExpandEvent()\"\n class=\"bmb_push-notification-item-button bmb_push-notification-item-contract\"\n >\n <bmb-icon icon=\"keyboard_arrow_up\" />\n </button>\n <button\n (click)=\"handleClose($event)\"\n class=\"bmb_push-notification-item-button\"\n >\n <bmb-icon icon=\"close\" />\n </button>\n </header>\n }\n <ul class=\"bmb_push-notification-item-list\">\n <li [ngClass]=\"getIconClasses()\">\n <bmb-icon [icon]=\"notification().icon || 'info'\" />\n </li>\n <li class=\"bmb_push-notification-item-container\">\n <h1 class=\"bmb_push-notification-item-title\">\n <span class=\"bmb_push-notification-item-title-legend\">{{\n notification().title\n }}</span>\n <span class=\"bmb_push-notification-item-title-date\">{{\n notification().date\n }}</span>\n </h1>\n @if (notification().subTitle) {\n <h2 class=\"bmb_push-notification-item-subtitle\">\n {{ notification().subTitle }}\n </h2>\n }\n @if (notification().content) {\n <p class=\"bmb_push-notification-item-content\">\n {{ notification().content }}\n </p>\n }\n @if (notification().dontAskAgainEvent) {\n <div class=\"bmb_push-notification-item-dont-ask-again\">\n <bmb-checkbox\n id=\"dontAskAgainInput\"\n [checked]=\"false\"\n label=\"Don't ask again\"\n labelPosition=\"after\"\n (change)=\"handleDontAskAgain()\"\n />\n <section>\n @for (action of notification().actions; track $index) {\n <button\n bmbButton\n [appearance]=\"action.type ?? 'primary'\"\n (click)=\"handleAction($event, action)\"\n >\n {{ action.title }}\n </button>\n }\n </section>\n </div>\n }\n @if (notification().userAvatar && notification().userName) {\n <section class=\"bmb_push-notification-item-user\">\n <div class=\"bmb_push-notification-item-user-avatar\">\n <bmb-user-image\n [altImage]=\"notification().userName ?? ''\"\n [image]=\"notification().userAvatar ?? ''\"\n size=\"mobile-small\"\n />\n </div>\n <span class=\"bmb_push-notification-item-user-name\">{{\n notification().userName\n }}</span>\n <span class=\"bmb_push-notification-item-user-mail\">{{\n notification().userMail\n }}</span>\n </section>\n }\n @if (!notification().isFullColor && notification().media) {\n <figure class=\"bmb_push-notification-item-media\">\n <img\n class=\"bmb_push-notification-item-media-picture\"\n [src]=\"notification().media\"\n [alt]=\"notification().title\"\n />\n </figure>\n }\n </li>\n @if (notification().isFullColor) {\n <li class=\"bmb_push-notification-item-close\">\n <button\n (click)=\"handleClose($event)\"\n class=\"bmb_push-notification-item-button\"\n >\n <bmb-icon icon=\"close\" />\n </button>\n </li>\n }\n </ul>\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_push-notification-item{font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin-bottom:var(--bmb-spacing-m);background-color:var(--general_contrasts-5);color:var(--general_contrasts-100);padding:var(--bmb-spacing-m)}.bmb_push-notification-item .bmb_checkbox-label{color:var(--general_contrasts-5)}.bmb_push-notification-item-full-color{border-radius:3.125rem}@media (min-width: 62.5625rem){.bmb_push-notification-item-full-color{border-radius:var(--bmb-radius-s)}}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-tec{background-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-success{background-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-info{background-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-neutral{background-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-event{background-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-error{background-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-warning{background-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-black{background-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_violet{background-color:var(--creative-use-violet)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_peach{background-color:var(--creative-use-peach)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_softred{background-color:var(--creative-use-softred)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_rum{background-color:var(--creative-use-rum)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon{background-color:RGBA(var(--color-white-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-tec{color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-success{color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-info{color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-neutral{color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-event{color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-error{color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-warning{color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-black{color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_violet{color:var(--creative-use-violet)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_indigo{color:var(--creative-use-indigo)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_emerald{color:var(--creative-use-emerald)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_licorice{color:var(--creative-use-licorice)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_darkteal{color:var(--creative-use-darkteal)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_peach{color:var(--creative-use-peach)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_sepia{color:var(--creative-use-sepia)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_softred{color:var(--creative-use-softred)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_wattle{color:var(--creative-use-wattle)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_shipcove{color:var(--creative-use-shipcove)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_plantation{color:var(--creative-use-plantation)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_rum{color:var(--creative-use-rum)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_hibiscus{color:var(--creative-use-hibiscus)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_ripelemon{color:var(--creative-use-ripelemon)}.bmb_push-notification-item-regular-tmp{border-left:.5rem solid;border-radius:var(--bmb-radius-s)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-tec{border-left-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-success{border-left-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-info{border-left-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-neutral{border-left-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-event{border-left-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-error{border-left-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-warning{border-left-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-black{border-left-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_violet{border-left-color:var(--creative-use-violet)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_indigo{border-left-color:var(--creative-use-indigo)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_emerald{border-left-color:var(--creative-use-emerald)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_licorice{border-left-color:var(--creative-use-licorice)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_darkteal{border-left-color:var(--creative-use-darkteal)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_peach{border-left-color:var(--creative-use-peach)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_sepia{border-left-color:var(--creative-use-sepia)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_softred{border-left-color:var(--creative-use-softred)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_wattle{border-left-color:var(--creative-use-wattle)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_shipcove{border-left-color:var(--creative-use-shipcove)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_plantation{border-left-color:var(--creative-use-plantation)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_rum{border-left-color:var(--creative-use-rum)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_hibiscus{border-left-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_ripelemon{border-left-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-tec{background-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-success{background-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-info{background-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-neutral{background-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-event{background-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-error{background-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-warning{background-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-black{background-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_violet{background-color:var(--creative-use-violet)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_peach{background-color:var(--creative-use-peach)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_softred{background-color:var(--creative-use-softred)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_rum{background-color:var(--creative-use-rum)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--bmb-spacing-m)}.bmb_push-notification-item-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:var(--bmb-spacing-xs);display:flex;gap:1rem}.bmb_push-notification-item-title-legend{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-title-legend{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-title-date{width:max-content;color:RGBA(var(--color-white-primary),.75)}.bmb_push-notification-item-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:RGBA(var(--color-white-primary),.5);margin-bottom:var(--bmb-spacing-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-subtitle{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin-bottom:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-content{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-icon{font-size:1.5rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:RGBA(var(--color-white-primary))}.bmb_push-notification-item-container{flex:1;overflow:auto}.bmb_push-notification-item-close{align-self:flex-start}.bmb_push-notification-item-button{color:var(--general_contrasts-100);font-size:1.5rem}.bmb_push-notification-item-contract{transition:all .3s ease}.bmb_push-notification-item-media{margin:1rem 0 0;overflow:hidden;border-radius:8px;max-height:200px}.bmb_push-notification-item-media-picture{width:100%;height:100%;object-fit:cover}.bmb_push-notification-item-header{display:flex;gap:var(--bmb-spacing-s);align-items:center;margin-bottom:var(--bmb-spacing-s)}.bmb_push-notification-item-header-icon{width:1.5rem;height:1.5rem;object-fit:cover}.bmb_push-notification-item-header-name{flex:1;opacity:0;overflow:hidden;line-height:0;white-space:nowrap}@media (min-width: 62.5625rem){.bmb_push-notification-item-header-name{line-height:inherit;opacity:1;white-space:initial}}.bmb_push-notification-item-contracted .bmb_push-notification-item-subtitle,.bmb_push-notification-item-contracted .bmb_push-notification-item-user,.bmb_push-notification-item-contracted .bmb_push-notification-item-media{display:none}.bmb_push-notification-item-contracted .bmb_push-notification-item-contract{transform:rotate(180deg)}.bmb_push-notification-item-contracted .bmb_push-notification-item-content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bmb_push-notification-item-user{display:grid;margin-top:1rem;grid-template-columns:3rem 1fr;grid-template-rows:1fr 1fr;gap:0;grid-template-areas:\"avatar name\" \"avatar mail\";align-items:center}.bmb_push-notification-item-user-avatar{grid-area:avatar}.bmb_push-notification-item-user-name{grid-area:name}.bmb_push-notification-item-user-mail{grid-area:mail;color:RGBA(var(--color-white-primary),.5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
726
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbPushNotificationItemComponent, isStandalone: true, selector: "bmb-push-notification-item", inputs: { notification: { classPropertyName: "notification", publicName: "notification", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<section [ngClass]=\"getNotificationClasses()\">\n @if (!notification().isFullColor) {\n <header class=\"bmb_push-notification-item-header\">\n <img\n class=\"bmb_push-notification-item-header-icon\"\n [src]=\"getAppIcon()\"\n [alt]=\"getAppName()\"\n />\n <span class=\"bmb_push-notification-item-header-name\">{{\n getAppName()\n }}</span>\n <button\n (click)=\"handleExpandEvent()\"\n class=\"bmb_push-notification-item-button bmb_push-notification-item-contract\"\n >\n <bmb-icon icon=\"keyboard_arrow_up\" />\n </button>\n <button\n (click)=\"handleClose($event)\"\n class=\"bmb_push-notification-item-button\"\n >\n <bmb-icon icon=\"close\" />\n </button>\n </header>\n }\n <ul class=\"bmb_push-notification-item-list\">\n <li [ngClass]=\"getIconClasses()\">\n <bmb-icon [icon]=\"notification().icon || 'info'\" />\n </li>\n <li class=\"bmb_push-notification-item-container\">\n <h1 class=\"bmb_push-notification-item-title\">\n <span class=\"bmb_push-notification-item-title-legend\">{{\n notification().title\n }}</span>\n <span class=\"bmb_push-notification-item-title-date\">{{\n notification().date\n }}</span>\n </h1>\n @if (notification().subTitle) {\n <h2 class=\"bmb_push-notification-item-subtitle\">\n {{ notification().subTitle }}\n </h2>\n }\n @if (notification().content) {\n <div class=\"bmb_push-notification-item-content\">\n @if (isNotificationTemplate()) {\n <ng-container *ngTemplateOutlet=\"getContent()\" />\n } @else {\n <p>\n {{ notification().content }}\n </p>\n }\n </div>\n }\n @if (notification().dontAskAgainEvent) {\n <div class=\"bmb_push-notification-item-dont-ask-again\">\n <bmb-checkbox\n id=\"dontAskAgainInput\"\n [checked]=\"false\"\n label=\"Don't ask again\"\n labelPosition=\"after\"\n (change)=\"handleDontAskAgain()\"\n />\n <section>\n @for (action of notification().actions; track $index) {\n <button\n bmbButton\n [appearance]=\"action.type ?? 'primary'\"\n (click)=\"handleAction($event, action)\"\n >\n {{ action.title }}\n </button>\n }\n </section>\n </div>\n }\n @if (notification().userAvatar && notification().userName) {\n <section class=\"bmb_push-notification-item-user\">\n <div class=\"bmb_push-notification-item-user-avatar\">\n <bmb-user-image\n [altImage]=\"notification().userName ?? ''\"\n [image]=\"notification().userAvatar ?? ''\"\n size=\"mobile-small\"\n />\n </div>\n <span class=\"bmb_push-notification-item-user-name\">{{\n notification().userName\n }}</span>\n <span class=\"bmb_push-notification-item-user-mail\">{{\n notification().userMail\n }}</span>\n </section>\n }\n @if (!notification().isFullColor && notification().media) {\n <figure class=\"bmb_push-notification-item-media\">\n <img\n class=\"bmb_push-notification-item-media-picture\"\n [src]=\"notification().media\"\n [alt]=\"notification().title\"\n />\n </figure>\n }\n </li>\n @if (notification().isFullColor) {\n <li class=\"bmb_push-notification-item-close\">\n <button\n (click)=\"handleClose($event)\"\n class=\"bmb_push-notification-item-button\"\n >\n <bmb-icon icon=\"close\" />\n </button>\n </li>\n }\n </ul>\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_push-notification-item{font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin-bottom:var(--bmb-spacing-m);background-color:var(--general_contrasts-5);color:var(--general_contrasts-100);padding:var(--bmb-spacing-m)}.bmb_push-notification-item .bmb_checkbox-label{color:var(--general_contrasts-5)}.bmb_push-notification-item-full-color{border-radius:3.125rem}@media (min-width: 62.5625rem){.bmb_push-notification-item-full-color{border-radius:var(--bmb-radius-s)}}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-tec{background-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-success{background-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-info{background-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-neutral{background-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-event{background-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-error{background-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-warning{background-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-black{background-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_violet{background-color:var(--creative-use-violet)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_peach{background-color:var(--creative-use-peach)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_softred{background-color:var(--creative-use-softred)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_rum{background-color:var(--creative-use-rum)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon{background-color:RGBA(var(--color-white-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-tec{color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-success{color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-info{color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-neutral{color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-event{color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-error{color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-warning{color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-black{color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_violet{color:var(--creative-use-violet)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_indigo{color:var(--creative-use-indigo)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_emerald{color:var(--creative-use-emerald)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_licorice{color:var(--creative-use-licorice)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_darkteal{color:var(--creative-use-darkteal)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_peach{color:var(--creative-use-peach)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_sepia{color:var(--creative-use-sepia)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_softred{color:var(--creative-use-softred)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_wattle{color:var(--creative-use-wattle)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_shipcove{color:var(--creative-use-shipcove)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_plantation{color:var(--creative-use-plantation)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_rum{color:var(--creative-use-rum)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_hibiscus{color:var(--creative-use-hibiscus)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_ripelemon{color:var(--creative-use-ripelemon)}.bmb_push-notification-item-regular-tmp{border-left:.5rem solid;border-radius:var(--bmb-radius-s)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-tec{border-left-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-success{border-left-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-info{border-left-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-neutral{border-left-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-event{border-left-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-error{border-left-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-warning{border-left-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-black{border-left-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_violet{border-left-color:var(--creative-use-violet)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_indigo{border-left-color:var(--creative-use-indigo)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_emerald{border-left-color:var(--creative-use-emerald)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_licorice{border-left-color:var(--creative-use-licorice)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_darkteal{border-left-color:var(--creative-use-darkteal)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_peach{border-left-color:var(--creative-use-peach)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_sepia{border-left-color:var(--creative-use-sepia)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_softred{border-left-color:var(--creative-use-softred)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_wattle{border-left-color:var(--creative-use-wattle)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_shipcove{border-left-color:var(--creative-use-shipcove)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_plantation{border-left-color:var(--creative-use-plantation)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_rum{border-left-color:var(--creative-use-rum)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_hibiscus{border-left-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_ripelemon{border-left-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-tec{background-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-success{background-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-info{background-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-neutral{background-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-event{background-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-error{background-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-warning{background-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-black{background-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_violet{background-color:var(--creative-use-violet)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_peach{background-color:var(--creative-use-peach)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_softred{background-color:var(--creative-use-softred)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_rum{background-color:var(--creative-use-rum)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--bmb-spacing-m)}.bmb_push-notification-item-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:var(--bmb-spacing-xs);display:flex;gap:1rem}.bmb_push-notification-item-title-legend{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-title-legend{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-title-date{width:max-content;color:RGBA(var(--color-white-primary),.75)}.bmb_push-notification-item-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:RGBA(var(--color-white-primary),.5);margin-bottom:var(--bmb-spacing-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-subtitle{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin-bottom:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-content{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-icon{font-size:1.5rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:RGBA(var(--color-white-primary))}.bmb_push-notification-item-container{flex:1;overflow:auto}.bmb_push-notification-item-close{align-self:flex-start}.bmb_push-notification-item-button{color:var(--general_contrasts-100);font-size:1.5rem}.bmb_push-notification-item-contract{transition:all .3s ease}.bmb_push-notification-item-media{margin:1rem 0 0;overflow:hidden;border-radius:8px;max-height:200px}.bmb_push-notification-item-media-picture{width:100%;height:100%;object-fit:cover}.bmb_push-notification-item-header{display:flex;gap:var(--bmb-spacing-s);align-items:center;margin-bottom:var(--bmb-spacing-s)}.bmb_push-notification-item-header-icon{width:1.5rem;height:1.5rem;object-fit:cover}.bmb_push-notification-item-header-name{flex:1;opacity:0;overflow:hidden;line-height:0;white-space:nowrap}@media (min-width: 62.5625rem){.bmb_push-notification-item-header-name{line-height:inherit;opacity:1;white-space:initial}}.bmb_push-notification-item-contracted .bmb_push-notification-item-subtitle,.bmb_push-notification-item-contracted .bmb_push-notification-item-user,.bmb_push-notification-item-contracted .bmb_push-notification-item-media{display:none}.bmb_push-notification-item-contracted .bmb_push-notification-item-contract{transform:rotate(180deg)}.bmb_push-notification-item-contracted .bmb_push-notification-item-content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bmb_push-notification-item-user{display:grid;margin-top:1rem;grid-template-columns:3rem 1fr;grid-template-rows:1fr 1fr;gap:0;grid-template-areas:\"avatar name\" \"avatar mail\";align-items:center}.bmb_push-notification-item-user-avatar{grid-area:avatar}.bmb_push-notification-item-user-name{grid-area:name}.bmb_push-notification-item-user-mail{grid-area:mail;color:RGBA(var(--color-white-primary),.5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
721
727
  }
722
728
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbPushNotificationItemComponent, decorators: [{
723
729
  type: Component,
@@ -727,7 +733,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
727
733
  BmbUserImageComponent,
728
734
  BmbCheckboxComponent,
729
735
  BmbButtonDirective,
730
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section [ngClass]=\"getNotificationClasses()\">\n @if (!notification().isFullColor) {\n <header class=\"bmb_push-notification-item-header\">\n <img\n class=\"bmb_push-notification-item-header-icon\"\n [src]=\"getAppIcon()\"\n [alt]=\"getAppName()\"\n />\n <span class=\"bmb_push-notification-item-header-name\">{{\n getAppName()\n }}</span>\n <button\n (click)=\"handleExpandEvent()\"\n class=\"bmb_push-notification-item-button bmb_push-notification-item-contract\"\n >\n <bmb-icon icon=\"keyboard_arrow_up\" />\n </button>\n <button\n (click)=\"handleClose($event)\"\n class=\"bmb_push-notification-item-button\"\n >\n <bmb-icon icon=\"close\" />\n </button>\n </header>\n }\n <ul class=\"bmb_push-notification-item-list\">\n <li [ngClass]=\"getIconClasses()\">\n <bmb-icon [icon]=\"notification().icon || 'info'\" />\n </li>\n <li class=\"bmb_push-notification-item-container\">\n <h1 class=\"bmb_push-notification-item-title\">\n <span class=\"bmb_push-notification-item-title-legend\">{{\n notification().title\n }}</span>\n <span class=\"bmb_push-notification-item-title-date\">{{\n notification().date\n }}</span>\n </h1>\n @if (notification().subTitle) {\n <h2 class=\"bmb_push-notification-item-subtitle\">\n {{ notification().subTitle }}\n </h2>\n }\n @if (notification().content) {\n <p class=\"bmb_push-notification-item-content\">\n {{ notification().content }}\n </p>\n }\n @if (notification().dontAskAgainEvent) {\n <div class=\"bmb_push-notification-item-dont-ask-again\">\n <bmb-checkbox\n id=\"dontAskAgainInput\"\n [checked]=\"false\"\n label=\"Don't ask again\"\n labelPosition=\"after\"\n (change)=\"handleDontAskAgain()\"\n />\n <section>\n @for (action of notification().actions; track $index) {\n <button\n bmbButton\n [appearance]=\"action.type ?? 'primary'\"\n (click)=\"handleAction($event, action)\"\n >\n {{ action.title }}\n </button>\n }\n </section>\n </div>\n }\n @if (notification().userAvatar && notification().userName) {\n <section class=\"bmb_push-notification-item-user\">\n <div class=\"bmb_push-notification-item-user-avatar\">\n <bmb-user-image\n [altImage]=\"notification().userName ?? ''\"\n [image]=\"notification().userAvatar ?? ''\"\n size=\"mobile-small\"\n />\n </div>\n <span class=\"bmb_push-notification-item-user-name\">{{\n notification().userName\n }}</span>\n <span class=\"bmb_push-notification-item-user-mail\">{{\n notification().userMail\n }}</span>\n </section>\n }\n @if (!notification().isFullColor && notification().media) {\n <figure class=\"bmb_push-notification-item-media\">\n <img\n class=\"bmb_push-notification-item-media-picture\"\n [src]=\"notification().media\"\n [alt]=\"notification().title\"\n />\n </figure>\n }\n </li>\n @if (notification().isFullColor) {\n <li class=\"bmb_push-notification-item-close\">\n <button\n (click)=\"handleClose($event)\"\n class=\"bmb_push-notification-item-button\"\n >\n <bmb-icon icon=\"close\" />\n </button>\n </li>\n }\n </ul>\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_push-notification-item{font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin-bottom:var(--bmb-spacing-m);background-color:var(--general_contrasts-5);color:var(--general_contrasts-100);padding:var(--bmb-spacing-m)}.bmb_push-notification-item .bmb_checkbox-label{color:var(--general_contrasts-5)}.bmb_push-notification-item-full-color{border-radius:3.125rem}@media (min-width: 62.5625rem){.bmb_push-notification-item-full-color{border-radius:var(--bmb-radius-s)}}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-tec{background-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-success{background-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-info{background-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-neutral{background-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-event{background-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-error{background-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-warning{background-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-black{background-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_violet{background-color:var(--creative-use-violet)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_peach{background-color:var(--creative-use-peach)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_softred{background-color:var(--creative-use-softred)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_rum{background-color:var(--creative-use-rum)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon{background-color:RGBA(var(--color-white-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-tec{color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-success{color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-info{color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-neutral{color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-event{color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-error{color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-warning{color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-black{color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_violet{color:var(--creative-use-violet)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_indigo{color:var(--creative-use-indigo)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_emerald{color:var(--creative-use-emerald)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_licorice{color:var(--creative-use-licorice)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_darkteal{color:var(--creative-use-darkteal)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_peach{color:var(--creative-use-peach)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_sepia{color:var(--creative-use-sepia)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_softred{color:var(--creative-use-softred)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_wattle{color:var(--creative-use-wattle)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_shipcove{color:var(--creative-use-shipcove)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_plantation{color:var(--creative-use-plantation)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_rum{color:var(--creative-use-rum)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_hibiscus{color:var(--creative-use-hibiscus)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_ripelemon{color:var(--creative-use-ripelemon)}.bmb_push-notification-item-regular-tmp{border-left:.5rem solid;border-radius:var(--bmb-radius-s)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-tec{border-left-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-success{border-left-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-info{border-left-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-neutral{border-left-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-event{border-left-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-error{border-left-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-warning{border-left-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-black{border-left-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_violet{border-left-color:var(--creative-use-violet)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_indigo{border-left-color:var(--creative-use-indigo)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_emerald{border-left-color:var(--creative-use-emerald)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_licorice{border-left-color:var(--creative-use-licorice)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_darkteal{border-left-color:var(--creative-use-darkteal)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_peach{border-left-color:var(--creative-use-peach)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_sepia{border-left-color:var(--creative-use-sepia)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_softred{border-left-color:var(--creative-use-softred)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_wattle{border-left-color:var(--creative-use-wattle)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_shipcove{border-left-color:var(--creative-use-shipcove)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_plantation{border-left-color:var(--creative-use-plantation)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_rum{border-left-color:var(--creative-use-rum)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_hibiscus{border-left-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_ripelemon{border-left-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-tec{background-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-success{background-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-info{background-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-neutral{background-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-event{background-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-error{background-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-warning{background-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-black{background-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_violet{background-color:var(--creative-use-violet)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_peach{background-color:var(--creative-use-peach)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_softred{background-color:var(--creative-use-softred)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_rum{background-color:var(--creative-use-rum)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--bmb-spacing-m)}.bmb_push-notification-item-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:var(--bmb-spacing-xs);display:flex;gap:1rem}.bmb_push-notification-item-title-legend{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-title-legend{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-title-date{width:max-content;color:RGBA(var(--color-white-primary),.75)}.bmb_push-notification-item-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:RGBA(var(--color-white-primary),.5);margin-bottom:var(--bmb-spacing-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-subtitle{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin-bottom:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-content{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-icon{font-size:1.5rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:RGBA(var(--color-white-primary))}.bmb_push-notification-item-container{flex:1;overflow:auto}.bmb_push-notification-item-close{align-self:flex-start}.bmb_push-notification-item-button{color:var(--general_contrasts-100);font-size:1.5rem}.bmb_push-notification-item-contract{transition:all .3s ease}.bmb_push-notification-item-media{margin:1rem 0 0;overflow:hidden;border-radius:8px;max-height:200px}.bmb_push-notification-item-media-picture{width:100%;height:100%;object-fit:cover}.bmb_push-notification-item-header{display:flex;gap:var(--bmb-spacing-s);align-items:center;margin-bottom:var(--bmb-spacing-s)}.bmb_push-notification-item-header-icon{width:1.5rem;height:1.5rem;object-fit:cover}.bmb_push-notification-item-header-name{flex:1;opacity:0;overflow:hidden;line-height:0;white-space:nowrap}@media (min-width: 62.5625rem){.bmb_push-notification-item-header-name{line-height:inherit;opacity:1;white-space:initial}}.bmb_push-notification-item-contracted .bmb_push-notification-item-subtitle,.bmb_push-notification-item-contracted .bmb_push-notification-item-user,.bmb_push-notification-item-contracted .bmb_push-notification-item-media{display:none}.bmb_push-notification-item-contracted .bmb_push-notification-item-contract{transform:rotate(180deg)}.bmb_push-notification-item-contracted .bmb_push-notification-item-content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bmb_push-notification-item-user{display:grid;margin-top:1rem;grid-template-columns:3rem 1fr;grid-template-rows:1fr 1fr;gap:0;grid-template-areas:\"avatar name\" \"avatar mail\";align-items:center}.bmb_push-notification-item-user-avatar{grid-area:avatar}.bmb_push-notification-item-user-name{grid-area:name}.bmb_push-notification-item-user-mail{grid-area:mail;color:RGBA(var(--color-white-primary),.5)}\n"] }]
736
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section [ngClass]=\"getNotificationClasses()\">\n @if (!notification().isFullColor) {\n <header class=\"bmb_push-notification-item-header\">\n <img\n class=\"bmb_push-notification-item-header-icon\"\n [src]=\"getAppIcon()\"\n [alt]=\"getAppName()\"\n />\n <span class=\"bmb_push-notification-item-header-name\">{{\n getAppName()\n }}</span>\n <button\n (click)=\"handleExpandEvent()\"\n class=\"bmb_push-notification-item-button bmb_push-notification-item-contract\"\n >\n <bmb-icon icon=\"keyboard_arrow_up\" />\n </button>\n <button\n (click)=\"handleClose($event)\"\n class=\"bmb_push-notification-item-button\"\n >\n <bmb-icon icon=\"close\" />\n </button>\n </header>\n }\n <ul class=\"bmb_push-notification-item-list\">\n <li [ngClass]=\"getIconClasses()\">\n <bmb-icon [icon]=\"notification().icon || 'info'\" />\n </li>\n <li class=\"bmb_push-notification-item-container\">\n <h1 class=\"bmb_push-notification-item-title\">\n <span class=\"bmb_push-notification-item-title-legend\">{{\n notification().title\n }}</span>\n <span class=\"bmb_push-notification-item-title-date\">{{\n notification().date\n }}</span>\n </h1>\n @if (notification().subTitle) {\n <h2 class=\"bmb_push-notification-item-subtitle\">\n {{ notification().subTitle }}\n </h2>\n }\n @if (notification().content) {\n <div class=\"bmb_push-notification-item-content\">\n @if (isNotificationTemplate()) {\n <ng-container *ngTemplateOutlet=\"getContent()\" />\n } @else {\n <p>\n {{ notification().content }}\n </p>\n }\n </div>\n }\n @if (notification().dontAskAgainEvent) {\n <div class=\"bmb_push-notification-item-dont-ask-again\">\n <bmb-checkbox\n id=\"dontAskAgainInput\"\n [checked]=\"false\"\n label=\"Don't ask again\"\n labelPosition=\"after\"\n (change)=\"handleDontAskAgain()\"\n />\n <section>\n @for (action of notification().actions; track $index) {\n <button\n bmbButton\n [appearance]=\"action.type ?? 'primary'\"\n (click)=\"handleAction($event, action)\"\n >\n {{ action.title }}\n </button>\n }\n </section>\n </div>\n }\n @if (notification().userAvatar && notification().userName) {\n <section class=\"bmb_push-notification-item-user\">\n <div class=\"bmb_push-notification-item-user-avatar\">\n <bmb-user-image\n [altImage]=\"notification().userName ?? ''\"\n [image]=\"notification().userAvatar ?? ''\"\n size=\"mobile-small\"\n />\n </div>\n <span class=\"bmb_push-notification-item-user-name\">{{\n notification().userName\n }}</span>\n <span class=\"bmb_push-notification-item-user-mail\">{{\n notification().userMail\n }}</span>\n </section>\n }\n @if (!notification().isFullColor && notification().media) {\n <figure class=\"bmb_push-notification-item-media\">\n <img\n class=\"bmb_push-notification-item-media-picture\"\n [src]=\"notification().media\"\n [alt]=\"notification().title\"\n />\n </figure>\n }\n </li>\n @if (notification().isFullColor) {\n <li class=\"bmb_push-notification-item-close\">\n <button\n (click)=\"handleClose($event)\"\n class=\"bmb_push-notification-item-button\"\n >\n <bmb-icon icon=\"close\" />\n </button>\n </li>\n }\n </ul>\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_push-notification-item{font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin-bottom:var(--bmb-spacing-m);background-color:var(--general_contrasts-5);color:var(--general_contrasts-100);padding:var(--bmb-spacing-m)}.bmb_push-notification-item .bmb_checkbox-label{color:var(--general_contrasts-5)}.bmb_push-notification-item-full-color{border-radius:3.125rem}@media (min-width: 62.5625rem){.bmb_push-notification-item-full-color{border-radius:var(--bmb-radius-s)}}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-tec{background-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-success{background-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-info{background-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-neutral{background-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-event{background-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-error{background-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-warning{background-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-black{background-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_violet{background-color:var(--creative-use-violet)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_peach{background-color:var(--creative-use-peach)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_softred{background-color:var(--creative-use-softred)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_rum{background-color:var(--creative-use-rum)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-full-color.bmb_push-notification-item-type-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon{background-color:RGBA(var(--color-white-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-tec{color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-success{color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-info{color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-neutral{color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-event{color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-error{color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-warning{color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-black{color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_violet{color:var(--creative-use-violet)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_indigo{color:var(--creative-use-indigo)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_emerald{color:var(--creative-use-emerald)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_licorice{color:var(--creative-use-licorice)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_darkteal{color:var(--creative-use-darkteal)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_peach{color:var(--creative-use-peach)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_sepia{color:var(--creative-use-sepia)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_softred{color:var(--creative-use-softred)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_wattle{color:var(--creative-use-wattle)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_shipcove{color:var(--creative-use-shipcove)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_plantation{color:var(--creative-use-plantation)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_rum{color:var(--creative-use-rum)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_hibiscus{color:var(--creative-use-hibiscus)}.bmb_push-notification-item-full-color .bmb_push-notification-item-icon-creative_ripelemon{color:var(--creative-use-ripelemon)}.bmb_push-notification-item-regular-tmp{border-left:.5rem solid;border-radius:var(--bmb-radius-s)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-tec{border-left-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-success{border-left-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-info{border-left-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-neutral{border-left-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-event{border-left-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-error{border-left-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-warning{border-left-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-black{border-left-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_violet{border-left-color:var(--creative-use-violet)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_indigo{border-left-color:var(--creative-use-indigo)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_emerald{border-left-color:var(--creative-use-emerald)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_licorice{border-left-color:var(--creative-use-licorice)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_darkteal{border-left-color:var(--creative-use-darkteal)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_peach{border-left-color:var(--creative-use-peach)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_sepia{border-left-color:var(--creative-use-sepia)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_softred{border-left-color:var(--creative-use-softred)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_wattle{border-left-color:var(--creative-use-wattle)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_shipcove{border-left-color:var(--creative-use-shipcove)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_plantation{border-left-color:var(--creative-use-plantation)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_rum{border-left-color:var(--creative-use-rum)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_hibiscus{border-left-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-regular-tmp.bmb_push-notification-item-type-creative_ripelemon{border-left-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-tec{background-color:RGBA(var(--color-blue-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-success{background-color:RGBA(var(--color-green-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-info{background-color:RGBA(var(--color-neon-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-neutral{background-color:RGBA(var(--color-charade-300))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-event{background-color:RGBA(var(--color-purple-light))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-error{background-color:RGBA(var(--color-red-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-warning{background-color:RGBA(var(--color-mitec-orange))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-black{background-color:RGBA(var(--color-black-primary))}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_violet{background-color:var(--creative-use-violet)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_darkteal{background-color:var(--creative-use-darkteal)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_peach{background-color:var(--creative-use-peach)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_softred{background-color:var(--creative-use-softred)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_shipcove{background-color:var(--creative-use-shipcove)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_rum{background-color:var(--creative-use-rum)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_push-notification-item-regular-tmp .bmb_push-notification-item-icon-creative_ripelemon{background-color:var(--creative-use-ripelemon)}.bmb_push-notification-item-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--bmb-spacing-m)}.bmb_push-notification-item-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:var(--bmb-spacing-xs);display:flex;gap:1rem}.bmb_push-notification-item-title-legend{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-title-legend{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-title-date{width:max-content;color:RGBA(var(--color-white-primary),.75)}.bmb_push-notification-item-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:RGBA(var(--color-white-primary),.5);margin-bottom:var(--bmb-spacing-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-subtitle{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin-bottom:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 62.5625rem){.bmb_push-notification-item-content{white-space:initial;text-overflow:initial}}.bmb_push-notification-item-icon{font-size:1.5rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:RGBA(var(--color-white-primary))}.bmb_push-notification-item-container{flex:1;overflow:auto}.bmb_push-notification-item-close{align-self:flex-start}.bmb_push-notification-item-button{color:var(--general_contrasts-100);font-size:1.5rem}.bmb_push-notification-item-contract{transition:all .3s ease}.bmb_push-notification-item-media{margin:1rem 0 0;overflow:hidden;border-radius:8px;max-height:200px}.bmb_push-notification-item-media-picture{width:100%;height:100%;object-fit:cover}.bmb_push-notification-item-header{display:flex;gap:var(--bmb-spacing-s);align-items:center;margin-bottom:var(--bmb-spacing-s)}.bmb_push-notification-item-header-icon{width:1.5rem;height:1.5rem;object-fit:cover}.bmb_push-notification-item-header-name{flex:1;opacity:0;overflow:hidden;line-height:0;white-space:nowrap}@media (min-width: 62.5625rem){.bmb_push-notification-item-header-name{line-height:inherit;opacity:1;white-space:initial}}.bmb_push-notification-item-contracted .bmb_push-notification-item-subtitle,.bmb_push-notification-item-contracted .bmb_push-notification-item-user,.bmb_push-notification-item-contracted .bmb_push-notification-item-media{display:none}.bmb_push-notification-item-contracted .bmb_push-notification-item-contract{transform:rotate(180deg)}.bmb_push-notification-item-contracted .bmb_push-notification-item-content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bmb_push-notification-item-user{display:grid;margin-top:1rem;grid-template-columns:3rem 1fr;grid-template-rows:1fr 1fr;gap:0;grid-template-areas:\"avatar name\" \"avatar mail\";align-items:center}.bmb_push-notification-item-user-avatar{grid-area:avatar}.bmb_push-notification-item-user-name{grid-area:name}.bmb_push-notification-item-user-mail{grid-area:mail;color:RGBA(var(--color-white-primary),.5)}\n"] }]
731
737
  }] });
732
738
 
733
739
  class BmbToastComponent {
@@ -1643,7 +1649,8 @@ class BmbNativeModalComponent {
1643
1649
  if (!(this.content() instanceof Type)) {
1644
1650
  return;
1645
1651
  }
1646
- this.container.clear();
1652
+ // Clear previous content, optional chaining in case container is not yet initialized
1653
+ this.container?.clear();
1647
1654
  if (this.componentRef) {
1648
1655
  this.componentRef?.destroy();
1649
1656
  this.componentRef = null;
@@ -1930,7 +1937,7 @@ class BmbNotificationService {
1930
1937
  this.getOrCreatePortal();
1931
1938
  this.notificationList.update((currentNotifications) => [
1932
1939
  ...currentNotifications,
1933
- { ...notification, id },
1940
+ { position: 'top-right', ...notification, id },
1934
1941
  ]);
1935
1942
  setTimeout(() => {
1936
1943
  this.deleteNotification(id);
@@ -2748,6 +2755,7 @@ class BmbDropdownContentComponent {
2748
2755
  this.items = model([]);
2749
2756
  this.isKeyboardEvent = model(false); //Internal
2750
2757
  this.enableFilter = input(false);
2758
+ this.clickedItem = output();
2751
2759
  this.isOpen = model(false); //remove this
2752
2760
  this.filteredItems = computed(() => {
2753
2761
  if (this.enableFilter() && this.filterString() !== '') {
@@ -2772,11 +2780,13 @@ class BmbDropdownContentComponent {
2772
2780
  return this.selectedOption()?.includes(item) || false;
2773
2781
  }
2774
2782
  handleDropdown(item) {
2775
- if (item?.action)
2783
+ if (item?.action) {
2776
2784
  item.action();
2785
+ this.clickedItem.emit(item);
2786
+ }
2777
2787
  }
2778
2788
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbDropdownContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2779
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbDropdownContentComponent, isStandalone: true, selector: "bmb-dropdown-content", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, isKeyboardEvent: { classPropertyName: "isKeyboardEvent", publicName: "isKeyboardEvent", isSignal: true, isRequired: false, transformFunction: null }, enableFilter: { classPropertyName: "enableFilter", publicName: "enableFilter", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", isKeyboardEvent: "isKeyboardEventChange", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n @if (enableFilter()) {\n <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n <input\n type=\"text\"\n class=\"bmb_dropdown-content-item-filter-input\"\n placeholder=\"Select an option\"\n (input)=\"filterList($event)\"\n />\n <bmb-icon\n class=\"bmb_dropdown-content-item-filter-icon\"\n icon=\"search\"\n [size]=\"24\"\n />\n </li>\n }\n @for (item of filteredItems(); track $index) {\n <li\n class=\"bmb_dropdown-content-item\"\n [ngClass]=\"{\n 'bmb_dropdown-content-item-selected': isSelected(item.value!)\n }\"\n [id]=\"item.idItem\"\n >\n <bmb-check-external-link-button\n [link]=\"item.url!\"\n [target]=\"item.target!\"\n (buttonClick)=\"handleDropdown(item)\"\n >\n @if (!!item.icon) {\n <bmb-icon\n class=\"bmb_dropdown-content-item-icon\"\n [icon]=\"item.icon\"\n [size]=\"24\"\n [dotNotification]=\"item.dotNotification\"\n />\n }\n <span class=\"bmb_dropdown-content-item-text\">\n {{ item.text }}\n </span>\n </bmb-check-external-link-button>\n </li>\n }\n </ul>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
2789
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbDropdownContentComponent, isStandalone: true, selector: "bmb-dropdown-content", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, isKeyboardEvent: { classPropertyName: "isKeyboardEvent", publicName: "isKeyboardEvent", isSignal: true, isRequired: false, transformFunction: null }, enableFilter: { classPropertyName: "enableFilter", publicName: "enableFilter", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", isKeyboardEvent: "isKeyboardEventChange", clickedItem: "clickedItem", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n @if (enableFilter()) {\n <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n <input\n type=\"text\"\n class=\"bmb_dropdown-content-item-filter-input\"\n placeholder=\"Select an option\"\n (input)=\"filterList($event)\"\n />\n <bmb-icon\n class=\"bmb_dropdown-content-item-filter-icon\"\n icon=\"search\"\n [size]=\"24\"\n />\n </li>\n }\n @for (item of filteredItems(); track $index) {\n <li\n class=\"bmb_dropdown-content-item\"\n [ngClass]=\"{\n 'bmb_dropdown-content-item-selected': isSelected(item.value!)\n }\"\n [id]=\"item.idItem\"\n >\n <bmb-check-external-link-button\n [link]=\"item.url!\"\n [target]=\"item.target!\"\n (buttonClick)=\"handleDropdown(item)\"\n >\n @if (!!item.icon) {\n <bmb-icon\n class=\"bmb_dropdown-content-item-icon\"\n [icon]=\"item.icon\"\n [size]=\"24\"\n [dotNotification]=\"item.dotNotification\"\n />\n }\n <span class=\"bmb_dropdown-content-item-text\">\n {{ item.text }}\n </span>\n </bmb-check-external-link-button>\n </li>\n }\n </ul>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
2780
2790
  }
2781
2791
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbDropdownContentComponent, decorators: [{
2782
2792
  type: Component,
@@ -2791,19 +2801,26 @@ class BmbDropdownMenuComponent {
2791
2801
  constructor(projectionService) {
2792
2802
  this.projectionService = projectionService;
2793
2803
  this.items = input([]);
2804
+ this.clickedItem = output();
2794
2805
  }
2795
2806
  openDropdown() {
2796
2807
  const data = {
2797
2808
  content: BmbDropdownContentComponent,
2798
2809
  targetRef: this.contentRef?.nativeElement,
2799
2810
  inputContext: { items: this.items() },
2811
+ outputContext: {
2812
+ clickedItem: (item) => {
2813
+ this.clickedItem.emit(item);
2814
+ this.projectionService.closeContent();
2815
+ },
2816
+ },
2800
2817
  focusOnOpen: true,
2801
2818
  showBackdrop: false,
2802
2819
  };
2803
2820
  this.projectionService.openContent(data);
2804
2821
  }
2805
2822
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbDropdownMenuComponent, deps: [{ token: BmbProjectionContentService }], target: i0.ɵɵFactoryTarget.Component }); }
2806
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BmbDropdownMenuComponent, isStandalone: true, selector: "bmb-dropdown-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentDiv"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"bmb_dropdown_menu\" #contentDiv>\n <bmb-action-icon\n class=\"bmb_dropdown_menu-button\"\n icon=\"more_vert\"\n [iconSize]=\"24\"\n (buttonClick)=\"openDropdown()\"\n />\n</section>\n", styles: [".bmb_dropdown_menu{position:relative;color:currentColor}.bmb_dropdown_menu-list .bmb_dropdown-content-modal{left:var(--bmb-spacing-m);max-width:15.625rem}\n"], dependencies: [{ 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 }); }
2823
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BmbDropdownMenuComponent, isStandalone: true, selector: "bmb-dropdown-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickedItem: "clickedItem" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentDiv"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"bmb_dropdown_menu\" #contentDiv>\n <bmb-action-icon\n class=\"bmb_dropdown_menu-button\"\n icon=\"more_vert\"\n [iconSize]=\"24\"\n (buttonClick)=\"openDropdown()\"\n />\n</section>\n", styles: [".bmb_dropdown_menu{position:relative;color:currentColor}.bmb_dropdown_menu-list .bmb_dropdown-content-modal{left:var(--bmb-spacing-m);max-width:15.625rem}\n"], dependencies: [{ 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 }); }
2807
2824
  }
2808
2825
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbDropdownMenuComponent, decorators: [{
2809
2826
  type: Component,
@@ -2900,7 +2917,7 @@ class BmbCardButtonComponent {
2900
2917
  this.onAddContentClick.emit(event);
2901
2918
  }
2902
2919
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbCardButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2903
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbCardButtonComponent, isStandalone: true, selector: "bmb-card-button", inputs: { isFullInteractive: { classPropertyName: "isFullInteractive", publicName: "isFullInteractive", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, leftContentIcon: { classPropertyName: "leftContentIcon", publicName: "leftContentIcon", isSignal: true, isRequired: false, transformFunction: null }, leftContentImage: { classPropertyName: "leftContentImage", publicName: "leftContentImage", isSignal: true, isRequired: false, transformFunction: null }, leftContent: { classPropertyName: "leftContent", publicName: "leftContent", isSignal: true, isRequired: false, transformFunction: null }, hasMenu: { classPropertyName: "hasMenu", publicName: "hasMenu", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, isTemplate: { classPropertyName: "isTemplate", publicName: "isTemplate", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, isSmall: { classPropertyName: "isSmall", publicName: "isSmall", isSignal: true, isRequired: false, transformFunction: null }, botIcon: { classPropertyName: "botIcon", publicName: "botIcon", isSignal: true, isRequired: false, transformFunction: null }, botImage: { classPropertyName: "botImage", publicName: "botImage", isSignal: true, isRequired: false, transformFunction: null }, smallIcon: { classPropertyName: "smallIcon", publicName: "smallIcon", isSignal: true, isRequired: false, transformFunction: null }, smallTitle: { classPropertyName: "smallTitle", publicName: "smallTitle", isSignal: true, isRequired: false, transformFunction: null }, smallDescription: { classPropertyName: "smallDescription", publicName: "smallDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAddContentClick: "onAddContentClick", onTitleClick: "onTitleClick", onSmallClick: "onSmallClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_card_button\">\n @if (isSmall()) {\n <button\n type=\"button\"\n class=\"bmb_card_button-small\"\n [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n (click)=\"handleSmallClick($event)\"\n >\n <div class=\"bmb_card_button-small-front\">\n <bmb-icon\n [icon]=\"smallIcon()\"\n [size]=\"24\"\n class=\"bmb_card_button-small-top-icon\"\n alt=\"Small icon\"\n />\n <img\n [src]=\"botImage()?.src\"\n [alt]=\"botImage()?.alt\"\n class=\"bmb_card_button-small-bot-icon\"\n />\n <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n </div>\n <div class=\"bmb_card_button-small-back\">\n <bmb-icon\n icon=\"close\"\n [size]=\"24\"\n class=\"bmb_card_button-small-close-icon\"\n />\n <div class=\"bmb_card_button-small-text\">\n {{ smallDescription() }}\n </div>\n </div>\n </button>\n } @else if (isFullInteractive()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-wrapper\"\n [ngClass]=\"{\n 'bmb_card_button-wrapper-button':\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n !textLink()\n }\"\n (click)=\"handleAddContent($event)\"\n >\n @if (leftContent() || isTemplate() || hasMenu()) {\n <section class=\"bmb_card_button-box\">\n @if (leftContent()) {\n <section\n class=\"bmb_card_button-left\"\n [ngClass]=\"{\n 'bmb_card_button-top-header': !leftContentIcon(),\n 'bmb_card_button-top-header-start':\n !leftContentIcon() && !!badge()\n }\"\n >\n @if (!!leftContentIcon()) {\n <div class=\"bmb_card_button-circle\">\n <bmb-icon\n [icon]=\"leftContentIcon()\"\n [size]=\"32\"\n class=\"bmb_card_button-circle-icon\"\n [alt]=\"title()\"\n />\n </div>\n } @else {\n <img\n class=\"bmb_card_button-top-header-image\"\n [src]=\"leftContentImage()?.src\"\n [alt]=\"leftContentImage()?.alt\"\n />\n <section class=\"bmb_card_button-top-header-container\">\n @if (!!badge()) {\n <bmb-badge\n class=\"bmb_card_button-top-header-container-title\"\n [text]=\"badge()?.text!\"\n [appearance]=\"badge()?.appearance ?? 'normal'\"\n [container]=\"badge()?.container ?? true\"\n />\n }\n <h2 class=\"bmb_card_button-top-header-container-title\">\n {{ title() }}\n </h2>\n </section>\n }\n </section>\n }\n <section class=\"bmb_card_button-leading\">\n @if (isTemplate()) {\n <div class=\"bmb_card_button-template\">\n <ng-content />\n </div>\n }\n\n @if (hasMenu()) {\n <bmb-dropdown-menu\n class=\"bmb_card_button-menu\"\n [items]=\"menuItems()\"\n />\n }\n </section>\n </section>\n }\n @if (!!leftContentIcon() && !leftContentImage()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-header\"\n (click)=\"handleTitleClick($event)\"\n >\n <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"16\"\n class=\"bmb_card_button-header-icon\"\n />\n </section>\n }\n\n @if (\n (leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()) ||\n body()\n ) {\n <section class=\"bmb_card_button-body\">\n {{ body() }}\n\n @if (\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()\n ) {\n <bmb-text-link\n [textLink]=\"textLink()?.label!\"\n icon=\"\"\n [link]=\"textLink()?.link!\"\n [target]=\"textLink()?.target!\"\n />\n }\n </section>\n }\n <div class=\"bmb_card_button-custom-content\">\n <ng-container [ngTemplateOutlet]=\"customContent\" />\n </div>\n </section>\n } @else {\n <button\n type=\"button\"\n class=\"bmb_card_button-add\"\n (click)=\"handleAddContent($event)\"\n >\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"48\"\n class=\"bmb_card_button-add-icon\"\n [isFill]=\"false\"\n [alt]=\"title()\"\n />\n <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n </button>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general_contrasts-container-outline);border-radius:1rem;height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:.5rem;border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:1rem;box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general_contrasts-15)}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general_contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general_contrasts-100);border-radius:100%;color:var(--general_contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:.75rem;height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general_contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general_contrasts)}.bmb_card_button-header-icon{color:rgb(var(--color-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general_contrasts-container)}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general_contrasts-75)}.bmb_card_button-add{background-color:rgb(var(--color-mariner-800));outline:0 solid transparent;color:rgb(var(--color-white-primary));width:100%;height:100%;border-radius:1rem;box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-primary-hover)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--color-charade-950));outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow)}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general_contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu_select-surface-activated)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:.5rem;background-color:var(--menu_select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu_select-surface-activated)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:.5rem;display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general_contrasts-container-outline);border-radius:.5rem;box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu_select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general_contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general_contrasts-75)}.bmb_card_button-small-bot-icon{height:3rem;width:3rem}.bmb_card_button-small-title{color:var(--general_contrasts-75);font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general_contrasts-75);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general_contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:var(--azul-mariner-500)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--color-mariner-400))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
2920
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbCardButtonComponent, isStandalone: true, selector: "bmb-card-button", inputs: { isFullInteractive: { classPropertyName: "isFullInteractive", publicName: "isFullInteractive", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, leftContentIcon: { classPropertyName: "leftContentIcon", publicName: "leftContentIcon", isSignal: true, isRequired: false, transformFunction: null }, leftContentImage: { classPropertyName: "leftContentImage", publicName: "leftContentImage", isSignal: true, isRequired: false, transformFunction: null }, leftContent: { classPropertyName: "leftContent", publicName: "leftContent", isSignal: true, isRequired: false, transformFunction: null }, hasMenu: { classPropertyName: "hasMenu", publicName: "hasMenu", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, isTemplate: { classPropertyName: "isTemplate", publicName: "isTemplate", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, isSmall: { classPropertyName: "isSmall", publicName: "isSmall", isSignal: true, isRequired: false, transformFunction: null }, botIcon: { classPropertyName: "botIcon", publicName: "botIcon", isSignal: true, isRequired: false, transformFunction: null }, botImage: { classPropertyName: "botImage", publicName: "botImage", isSignal: true, isRequired: false, transformFunction: null }, smallIcon: { classPropertyName: "smallIcon", publicName: "smallIcon", isSignal: true, isRequired: false, transformFunction: null }, smallTitle: { classPropertyName: "smallTitle", publicName: "smallTitle", isSignal: true, isRequired: false, transformFunction: null }, smallDescription: { classPropertyName: "smallDescription", publicName: "smallDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAddContentClick: "onAddContentClick", onTitleClick: "onTitleClick", onSmallClick: "onSmallClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_card_button\">\n @if (isSmall()) {\n <button\n type=\"button\"\n class=\"bmb_card_button-small\"\n [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n (click)=\"handleSmallClick($event)\"\n >\n <div class=\"bmb_card_button-small-front\">\n <bmb-icon\n [icon]=\"smallIcon()\"\n [size]=\"24\"\n class=\"bmb_card_button-small-top-icon\"\n alt=\"Small icon\"\n />\n <img\n [src]=\"botImage()?.src\"\n [alt]=\"botImage()?.alt\"\n class=\"bmb_card_button-small-bot-icon\"\n />\n <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n </div>\n <div class=\"bmb_card_button-small-back\">\n <bmb-icon\n icon=\"close\"\n [size]=\"24\"\n class=\"bmb_card_button-small-close-icon\"\n />\n <div class=\"bmb_card_button-small-text\">\n {{ smallDescription() }}\n </div>\n </div>\n </button>\n } @else if (isFullInteractive()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-wrapper\"\n [ngClass]=\"{\n 'bmb_card_button-wrapper-button':\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n !textLink()\n }\"\n (click)=\"handleAddContent($event)\"\n >\n @if (leftContent() || isTemplate() || hasMenu()) {\n <section class=\"bmb_card_button-box\">\n @if (leftContent()) {\n <section\n class=\"bmb_card_button-left\"\n [ngClass]=\"{\n 'bmb_card_button-top-header': !leftContentIcon(),\n 'bmb_card_button-top-header-start':\n !leftContentIcon() && !!badge()\n }\"\n >\n @if (!!leftContentIcon()) {\n <div class=\"bmb_card_button-circle\">\n <bmb-icon\n [icon]=\"leftContentIcon()\"\n [size]=\"32\"\n class=\"bmb_card_button-circle-icon\"\n [alt]=\"title()\"\n />\n </div>\n } @else {\n <img\n class=\"bmb_card_button-top-header-image\"\n [src]=\"leftContentImage()?.src\"\n [alt]=\"leftContentImage()?.alt\"\n />\n <section class=\"bmb_card_button-top-header-container\">\n @if (!!badge()) {\n <bmb-badge\n class=\"bmb_card_button-top-header-container-title\"\n [text]=\"badge()?.text!\"\n [appearance]=\"badge()?.appearance ?? 'normal'\"\n [container]=\"badge()?.container ?? true\"\n />\n }\n <h2 class=\"bmb_card_button-top-header-container-title\">\n {{ title() }}\n </h2>\n </section>\n }\n </section>\n }\n <section class=\"bmb_card_button-leading\">\n @if (isTemplate()) {\n <div class=\"bmb_card_button-template\">\n <ng-content />\n </div>\n }\n\n @if (hasMenu()) {\n <bmb-dropdown-menu\n class=\"bmb_card_button-menu\"\n [items]=\"menuItems()\"\n />\n }\n </section>\n </section>\n }\n @if (!!leftContentIcon() && !leftContentImage()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-header\"\n (click)=\"handleTitleClick($event)\"\n >\n <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"16\"\n class=\"bmb_card_button-header-icon\"\n />\n </section>\n }\n\n @if (\n (leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()) ||\n body()\n ) {\n <section class=\"bmb_card_button-body\">\n {{ body() }}\n\n @if (\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()\n ) {\n <bmb-text-link\n [textLink]=\"textLink()?.label!\"\n icon=\"\"\n [link]=\"textLink()?.link!\"\n [target]=\"textLink()?.target!\"\n />\n }\n </section>\n }\n <div class=\"bmb_card_button-custom-content\">\n <ng-container [ngTemplateOutlet]=\"customContent\" />\n </div>\n </section>\n } @else {\n <button\n type=\"button\"\n class=\"bmb_card_button-add\"\n (click)=\"handleAddContent($event)\"\n >\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"48\"\n class=\"bmb_card_button-add-icon\"\n [isFill]=\"false\"\n [alt]=\"title()\"\n />\n <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n </button>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general_contrasts-container-outline);border-radius:1rem;height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:.5rem;border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:1rem;box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general_contrasts-15)}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general_contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general_contrasts-100);border-radius:100%;color:var(--general_contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:.75rem;height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general_contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general_contrasts)}.bmb_card_button-header-icon{color:rgb(var(--color-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general_contrasts-container)}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general_contrasts-75)}.bmb_card_button-add{background-color:rgb(var(--color-mariner-800));outline:0 solid transparent;color:rgb(var(--color-white-primary));width:100%;height:100%;border-radius:1rem;box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-primary-hover)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--color-charade-950));outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow)}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general_contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu_select-surface-activated)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:.5rem;background-color:var(--menu_select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu_select-surface-activated)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:.5rem;display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general_contrasts-container-outline);border-radius:.5rem;box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu_select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general_contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general_contrasts-75)}.bmb_card_button-small-bot-icon{height:3rem;width:3rem}.bmb_card_button-small-title{color:var(--general_contrasts-75);font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general_contrasts-75);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general_contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:var(--azul-mariner-500)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--color-mariner-400))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
2904
2921
  }
2905
2922
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbCardButtonComponent, decorators: [{
2906
2923
  type: Component,
@@ -4042,7 +4059,7 @@ class BmbContainerButtonComponent {
4042
4059
  this.secondaryAction.emit(event);
4043
4060
  }
4044
4061
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbContainerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4045
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbContainerButtonComponent, isStandalone: true, selector: "bmb-container-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, isUserImage: { classPropertyName: "isUserImage", publicName: "isUserImage", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, setButtonTemplate: { classPropertyName: "setButtonTemplate", publicName: "setButtonTemplate", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null }, enableSecondaryAction: { classPropertyName: "enableSecondaryAction", publicName: "enableSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, enableBookmark: { classPropertyName: "enableBookmark", publicName: "enableBookmark", isSignal: true, isRequired: false, transformFunction: null }, isBookmarkActive: { classPropertyName: "isBookmarkActive", publicName: "isBookmarkActive", isSignal: true, isRequired: false, transformFunction: null }, dropdownMenuItems: { classPropertyName: "dropdownMenuItems", publicName: "dropdownMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isBookmarkActive: "isBookmarkActiveChange", onButton: "onButton", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<section class=\"bmb_container-button\">\n <bmb-check-external-link-button\n class=\"bmb_container-button-wrapper\"\n [ngClass]=\"getClassList()\"\n [link]=\"link()\"\n [target]=\"target()\"\n (buttonClick)=\"handleClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n >\n <section\n bmbLayout\n [dynamicCols]=\"true\"\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n class=\"bmb_container-button-content\"\n >\n <section class=\"bmb_container-button-left\">\n @if ((iconLeft() && !score()) || square() || small()) {\n @if (isUserImage()) {\n <bmb-user-image\n size=\"desktop-small\"\n [image]=\"iconLeft()\"\n altImage=\"Image of icon left\"\n />\n } @else {\n <bmb-icon\n bmbLayoutItem\n class=\"bmb_container-button-left-icon\"\n [icon]=\"iconLeft()\"\n alt=\"Icon left\"\n />\n }\n }\n @if (score() && !square() && !small()) {\n <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n }\n <div class=\"bmb_container-button-header\">\n <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n @if (subtitle() && !square() && !small()) {\n <h4 class=\"bmb_container-button-subtitle\">\n {{ subtitle() }}\n </h4>\n }\n </div>\n </section>\n <section class=\"bmb_container-button-right\">\n @if (badgeText() && !square() && !small()) {\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n class=\"bmb_container-button-badge\"\n />\n }\n @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n @if (enableBookmark()) {\n <bmb-bookmark\n class=\"bmb_container-button-right-bookmark\"\n [(isActive)]=\"isBookmarkActive\"\n />\n } @else if (enableSecondaryAction()) {\n <bmb-action-icon\n class=\"bmb_container-button-right-action\"\n [icon]=\"iconRight()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSecondaryClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n />\n } @else if (!!dropdownMenuItems().length) {\n <bmb-dropdown-menu\n class=\"bmb_container-button-right-menu\"\n [items]=\"dropdownMenuItems()\"\n />\n } @else {\n <bmb-icon\n class=\"bmb_container-button-right-icon\"\n [icon]=\"iconRight()\"\n [size]=\"24\"\n alt=\"Icon right\"\n />\n }\n }\n </section>\n </section>\n </bmb-check-external-link-button>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--red-primary);color:var(--red-primary);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--red-primary)}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general_contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general_contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general_contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general_contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general_contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general_contrasts-50)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(.bmb_container-button-disabled):not(.bmb_container-button-error){background-color:var(--buttons-primary-select);color:var(--white-primary)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(.bmb_container-button-disabled):not(.bmb_container-button-error) .bmb_grade-value-main{fill:var(--white-primary)}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general_contrasts-50);border-radius:1rem;color:var(--general_contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:none}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:none}.bmb_container-button .bmb_grade-value-main{fill:var(--general_contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbBookmarkComponent, selector: "bmb-bookmark", inputs: ["isActive"], outputs: ["isActiveChange"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
4062
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbContainerButtonComponent, isStandalone: true, selector: "bmb-container-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, isUserImage: { classPropertyName: "isUserImage", publicName: "isUserImage", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, setButtonTemplate: { classPropertyName: "setButtonTemplate", publicName: "setButtonTemplate", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null }, enableSecondaryAction: { classPropertyName: "enableSecondaryAction", publicName: "enableSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, enableBookmark: { classPropertyName: "enableBookmark", publicName: "enableBookmark", isSignal: true, isRequired: false, transformFunction: null }, isBookmarkActive: { classPropertyName: "isBookmarkActive", publicName: "isBookmarkActive", isSignal: true, isRequired: false, transformFunction: null }, dropdownMenuItems: { classPropertyName: "dropdownMenuItems", publicName: "dropdownMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isBookmarkActive: "isBookmarkActiveChange", onButton: "onButton", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<section class=\"bmb_container-button\">\n <bmb-check-external-link-button\n class=\"bmb_container-button-wrapper\"\n [ngClass]=\"getClassList()\"\n [link]=\"link()\"\n [target]=\"target()\"\n (buttonClick)=\"handleClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n >\n <section\n bmbLayout\n [dynamicCols]=\"true\"\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n class=\"bmb_container-button-content\"\n >\n <section class=\"bmb_container-button-left\">\n @if ((iconLeft() && !score()) || square() || small()) {\n @if (isUserImage()) {\n <bmb-user-image\n size=\"desktop-small\"\n [image]=\"iconLeft()\"\n altImage=\"Image of icon left\"\n />\n } @else {\n <bmb-icon\n bmbLayoutItem\n class=\"bmb_container-button-left-icon\"\n [icon]=\"iconLeft()\"\n alt=\"Icon left\"\n />\n }\n }\n @if (score() && !square() && !small()) {\n <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n }\n <div class=\"bmb_container-button-header\">\n <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n @if (subtitle() && !square() && !small()) {\n <h4 class=\"bmb_container-button-subtitle\">\n {{ subtitle() }}\n </h4>\n }\n </div>\n </section>\n <section class=\"bmb_container-button-right\">\n @if (badgeText() && !square() && !small()) {\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n class=\"bmb_container-button-badge\"\n />\n }\n @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n @if (enableBookmark()) {\n <bmb-bookmark\n class=\"bmb_container-button-right-bookmark\"\n [(isActive)]=\"isBookmarkActive\"\n />\n } @else if (enableSecondaryAction()) {\n <bmb-action-icon\n class=\"bmb_container-button-right-action\"\n [icon]=\"iconRight()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSecondaryClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n />\n } @else if (!!dropdownMenuItems().length) {\n <bmb-dropdown-menu\n class=\"bmb_container-button-right-menu\"\n [items]=\"dropdownMenuItems()\"\n />\n } @else {\n <bmb-icon\n class=\"bmb_container-button-right-icon\"\n [icon]=\"iconRight()\"\n [size]=\"24\"\n alt=\"Icon right\"\n />\n }\n }\n </section>\n </section>\n </bmb-check-external-link-button>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--red-primary);color:var(--red-primary);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--red-primary)}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general_contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general_contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general_contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general_contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general_contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general_contrasts-50)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(.bmb_container-button-disabled):not(.bmb_container-button-error){background-color:var(--buttons-primary-select);color:var(--white-primary)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(.bmb_container-button-disabled):not(.bmb_container-button-error) .bmb_grade-value-main{fill:var(--white-primary)}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general_contrasts-50);border-radius:1rem;color:var(--general_contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:none}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:none}.bmb_container-button .bmb_grade-value-main{fill:var(--general_contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbBookmarkComponent, selector: "bmb-bookmark", inputs: ["isActive"], outputs: ["isActiveChange"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
4046
4063
  }
4047
4064
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbContainerButtonComponent, decorators: [{
4048
4065
  type: Component,
@@ -5451,7 +5468,6 @@ class BmbCalendarComponent {
5451
5468
  this.filters = model({});
5452
5469
  this.calendarTimezone = input(Intl.DateTimeFormat().resolvedOptions().timeZone);
5453
5470
  this.clientTimezone = input(Intl.DateTimeFormat().resolvedOptions().timeZone);
5454
- // lang = input<string>('es-MX'); // deprecated
5455
5471
  this.height = input('100%');
5456
5472
  this.startBusinessHour = input(8);
5457
5473
  this.calendarTitle = input();
@@ -5481,8 +5497,7 @@ class BmbCalendarComponent {
5481
5497
  if (!acc[week][stringDate])
5482
5498
  acc[week][stringDate] = [];
5483
5499
  acc[week][stringDate].push({ ...event, startDate, endDate, interval });
5484
- if (event.calendar &&
5485
- !acc.calendars?.some((cal) => cal === event.calendar)) {
5500
+ if (event.calendar && !acc.calendars?.includes(event.calendar)) {
5486
5501
  acc.calendars?.push(event.calendar);
5487
5502
  }
5488
5503
  return acc;
@@ -5664,7 +5679,7 @@ class BmbCalendarComponent {
5664
5679
  return ['bmb_calendar-event-bullet', `bmb_calendar-event-bullet-${name}`];
5665
5680
  }
5666
5681
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbCalendarComponent, deps: [{ token: BmbCalendarService }, { token: BmbNativeModalService }, { token: BmbTranslationsService }], target: i0.ɵɵFactoryTarget.Component }); }
5667
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showFilterButton: { classPropertyName: "showFilterButton", publicName: "showFilterButton", isSignal: true, isRequired: false, transformFunction: null }, disableMobileFilter: { classPropertyName: "disableMobileFilter", publicName: "disableMobileFilter", isSignal: true, isRequired: false, transformFunction: null }, visibleDate: { classPropertyName: "visibleDate", publicName: "visibleDate", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", filters: "filtersChange", visibleDate: "visibleDateChange", onDateChange: "onDateChange", onClose: "onClose" }, host: { listeners: { "window:resize": "resize($event)" } }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n @if (isMobileHeader) {\n <bmb-calendar-template-mobile\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [weekDays]=\"renderWeekDays()\"\n [calendarTitle]=\"calendarTitle()\"\n [disableMobileFilter]=\"disableMobileFilter()\"\n (onClose)=\"handleClose()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n } @else {\n <bmb-calendar-header\n [weekDays]=\"renderWeekDays()\"\n [view]=\"view()\"\n [currentDate]=\"visibleDate()\"\n (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [showFilterButton]=\"showFilterButton()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n }\n @switch (view()) {\n @case ('day') {\n <bmb-calendar-template-day\n [now]=\"visibleDate()\"\n [events]=\"getDayEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [dateFormat]=\"dateFormat()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case ('week') {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [selectedWeek]=\"selectedWeek()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case ('month') {\n <bmb-calendar-template-month\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n class=\"bmb_calendar-content\"\n />\n }\n @default {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n class=\"bmb_calendar-content\"\n />\n }\n }\n\n @if (isLoading()) {\n <div class=\"bmb_calendar-loader\">\n <bmb-loader [showInline]=\"true\" />\n </div>\n }\n</div>\n\n<ng-template #detailContent>\n @if (selectedEvent) {\n <section>\n @if (selectedEvent.tags?.length) {\n <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n @for (item of selectedEvent.tags; track $index) {\n <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n }\n </p>\n }\n @if (selectedEvent.title) {\n <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n }\n @if (selectedEvent.place) {\n <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n }\n <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n </section>\n }\n</ng-template>\n\n<ng-template #modalTemplate>\n <form [formGroup]=\"calendarForm\">\n @for (item of filteredEvents().calendars; track $index) {\n <div bmbLayout gapSize=\"s\" alignItems=\"center\">\n <bmb-checkbox\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [inputId]=\"'checkbox_' + item\"\n [name]=\"'checkbox_' + item\"\n [control]=\"getFormControl(item)\"\n />\n <div\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [ngClass]=\"getBulletClass(item)\"\n ></div>\n <label\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [colGrow]=\"1\"\n [htmlFor]=\"'checkbox_' + item\"\n >{{ getCalendarName(item) }}</label\n >\n </div>\n <bmb-divider type=\"dashed\"></bmb-divider>\n }\n </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 62.5625rem){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 62.5rem){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 62.5625rem){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbCalendarTemplateDayComponent, selector: "bmb-calendar-template-day", inputs: ["now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "events", "calendarTitle", "disableMobileFilter"], outputs: ["onClose", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
5682
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showFilterButton: { classPropertyName: "showFilterButton", publicName: "showFilterButton", isSignal: true, isRequired: false, transformFunction: null }, disableMobileFilter: { classPropertyName: "disableMobileFilter", publicName: "disableMobileFilter", isSignal: true, isRequired: false, transformFunction: null }, visibleDate: { classPropertyName: "visibleDate", publicName: "visibleDate", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", filters: "filtersChange", visibleDate: "visibleDateChange", onDateChange: "onDateChange", onClose: "onClose" }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n @if (isMobileHeader) {\n <bmb-calendar-template-mobile\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [weekDays]=\"renderWeekDays()\"\n [calendarTitle]=\"calendarTitle()\"\n [disableMobileFilter]=\"disableMobileFilter()\"\n (onClose)=\"handleClose()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n } @else {\n <bmb-calendar-header\n [weekDays]=\"renderWeekDays()\"\n [view]=\"view()\"\n [currentDate]=\"visibleDate()\"\n (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [showFilterButton]=\"showFilterButton()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n }\n @switch (view()) {\n @case ('day') {\n <bmb-calendar-template-day\n [now]=\"visibleDate()\"\n [events]=\"getDayEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [dateFormat]=\"dateFormat()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case ('week') {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [selectedWeek]=\"selectedWeek()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case ('month') {\n <bmb-calendar-template-month\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n class=\"bmb_calendar-content\"\n />\n }\n @default {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n class=\"bmb_calendar-content\"\n />\n }\n }\n\n @if (isLoading()) {\n <div class=\"bmb_calendar-loader\">\n <bmb-loader [showInline]=\"true\" />\n </div>\n }\n</div>\n\n<ng-template #detailContent>\n @if (selectedEvent) {\n <section>\n @if (selectedEvent.tags?.length) {\n <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n @for (item of selectedEvent.tags; track $index) {\n <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n }\n </p>\n }\n @if (selectedEvent.title) {\n <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n }\n @if (selectedEvent.place) {\n <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n }\n <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n </section>\n }\n</ng-template>\n\n<ng-template #modalTemplate>\n <form [formGroup]=\"calendarForm\">\n @for (item of filteredEvents().calendars; track $index) {\n <div bmbLayout gapSize=\"s\" alignItems=\"center\">\n <bmb-checkbox\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [inputId]=\"'checkbox_' + item\"\n [name]=\"'checkbox_' + item\"\n [control]=\"getFormControl(item)\"\n />\n <div\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [ngClass]=\"getBulletClass(item)\"\n ></div>\n <label\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [colGrow]=\"1\"\n [htmlFor]=\"'checkbox_' + item\"\n >{{ getCalendarName(item) }}</label\n >\n </div>\n <bmb-divider type=\"dashed\"></bmb-divider>\n }\n </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 62.5625rem){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 62.5rem){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 62.5625rem){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbCalendarTemplateDayComponent, selector: "bmb-calendar-template-day", inputs: ["now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "events", "calendarTitle", "disableMobileFilter"], outputs: ["onClose", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
5668
5683
  }
5669
5684
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbCalendarComponent, decorators: [{
5670
5685
  type: Component,
@@ -5691,7 +5706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
5691
5706
  args: ['modalTemplate']
5692
5707
  }], resize: [{
5693
5708
  type: HostListener,
5694
- args: ['window:resize', ['$event']]
5709
+ args: ['window:resize']
5695
5710
  }] } });
5696
5711
 
5697
5712
  class BmbTopBarUserSectionComponent {
@@ -5765,7 +5780,7 @@ class BmbTopBarUserSectionComponent {
5765
5780
  this.roleButtonClick.emit(event);
5766
5781
  }
5767
5782
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbTopBarUserSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5768
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbTopBarUserSectionComponent, isStandalone: true, selector: "bmb-top-bar-user-section", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, assignmentNotification: { classPropertyName: "assignmentNotification", publicName: "assignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationNotification: { classPropertyName: "notificationNotification", publicName: "notificationNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { helpButtonClick: "helpButtonClick", userClick: "userClick", alertClick: "alertClick", roleButtonClick: "roleButtonClick" }, ngImport: i0, template: "<section\n bmbLayout\n margin=\"none\"\n gapSize=\"m\"\n justify=\"center\"\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n class=\"bmb_top-bar-user-section\"\n [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n @if (mitec()) {\n @if (showRoleButton() || showNotifications()) {\n <bmb-dropdown-menu\n bmbLayoutItem\n class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n [items]=\"getMenu()\"\n />\n }\n @if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showNotifications()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"notifications\"\n [iconSize]=\"32\"\n (buttonClick)=\"openNotifications($event)\"\n [dotNotification]=\"totalNotifications()\"\n />\n }\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showHelpButton() || mitec()) {\n <bmb-action-icon\n bmbLayoutItem\n [ngClass]=\"{\n 'bmb_top-bar-user-section-no-mobile':\n mitec() && (showRoleButton() || showNotifications())\n }\"\n icon=\"help\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleHelpButtonClick($event)\"\n />\n }\n @if (!!userInformation()) {\n <bmb-user-summary-content\n bmbLayoutItem\n [image]=\"userInformation().image\"\n [altImage]=\"userInformation.name\"\n [name]=\"mitec() ? userInformation().name : ''\"\n imageSize=\"mobile-small\"\n [isImageBordered]=\"false\"\n [role]=\"mitec() ? userInformation().role : ''\"\n contentLayout=\"row\"\n salutation=\"\"\n (onUserClick)=\"handleUserClick($event)\"\n />\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_top-bar-user-section{color:rgb(var(--color-white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--color-white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--color-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--color-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"] }, { 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: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
5783
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbTopBarUserSectionComponent, isStandalone: true, selector: "bmb-top-bar-user-section", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, assignmentNotification: { classPropertyName: "assignmentNotification", publicName: "assignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationNotification: { classPropertyName: "notificationNotification", publicName: "notificationNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { helpButtonClick: "helpButtonClick", userClick: "userClick", alertClick: "alertClick", roleButtonClick: "roleButtonClick" }, ngImport: i0, template: "<section\n bmbLayout\n margin=\"none\"\n gapSize=\"m\"\n justify=\"center\"\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n class=\"bmb_top-bar-user-section\"\n [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n @if (mitec()) {\n @if (showRoleButton() || showNotifications()) {\n <bmb-dropdown-menu\n bmbLayoutItem\n class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n [items]=\"getMenu()\"\n />\n }\n @if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showNotifications()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"notifications\"\n [iconSize]=\"32\"\n (buttonClick)=\"openNotifications($event)\"\n [dotNotification]=\"totalNotifications()\"\n />\n }\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showHelpButton() || mitec()) {\n <bmb-action-icon\n bmbLayoutItem\n [ngClass]=\"{\n 'bmb_top-bar-user-section-no-mobile':\n mitec() && (showRoleButton() || showNotifications())\n }\"\n icon=\"help\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleHelpButtonClick($event)\"\n />\n }\n @if (!!userInformation()) {\n <bmb-user-summary-content\n bmbLayoutItem\n [image]=\"userInformation().image\"\n [altImage]=\"userInformation.name\"\n [name]=\"mitec() ? userInformation().name : ''\"\n imageSize=\"mobile-small\"\n [isImageBordered]=\"false\"\n [role]=\"mitec() ? userInformation().role : ''\"\n contentLayout=\"row\"\n salutation=\"\"\n (onUserClick)=\"handleUserClick($event)\"\n />\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_top-bar-user-section{color:rgb(var(--color-white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--color-white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--color-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--color-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
5769
5784
  }
5770
5785
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbTopBarUserSectionComponent, decorators: [{
5771
5786
  type: Component,
@@ -6151,7 +6166,7 @@ class BmbSearchInputComponent {
6151
6166
  }
6152
6167
  }
6153
6168
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbSearchInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
6154
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BmbSearchInputComponent, isStandalone: true, selector: "bmb-search-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isServerSideFilter: { classPropertyName: "isServerSideFilter", publicName: "isServerSideFilter", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, serverSideFilteredData: { classPropertyName: "serverSideFilteredData", publicName: "serverSideFilteredData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", onServerSideFilterEvent: "onServerSideFilterEvent", onClearField: "onClearField" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"bmb_search-input\">\n <section\n class=\"bmb_search-input-container\"\n clickOutside\n (clickOutside)=\"closeList()\"\n >\n <bmb-input-content\n class=\"bmb_search-input-field\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n icon=\"search\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n [isClearable]=\"true\"\n (keydown)=\"handleKeyDown($event)\"\n (click)=\"handleItemClick()\"\n />\n <dialog [open]=\"isDialogOpen\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_search-input-dialog\"\n name=\"list\"\n [selectedOption]=\"filterControl.value\"\n [(items)]=\"filteredData\"\n [(isOpen)]=\"isDialogOpen\"\n />\n </dialog>\n </section>\n</section>\n", styles: [".bmb_search-input{padding-bottom:var(--bmb-spacing-s)}.bmb_search-input-container{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
6169
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BmbSearchInputComponent, isStandalone: true, selector: "bmb-search-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isServerSideFilter: { classPropertyName: "isServerSideFilter", publicName: "isServerSideFilter", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, serverSideFilteredData: { classPropertyName: "serverSideFilteredData", publicName: "serverSideFilteredData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", onServerSideFilterEvent: "onServerSideFilterEvent", onClearField: "onClearField" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"bmb_search-input\">\n <section\n class=\"bmb_search-input-container\"\n clickOutside\n (clickOutside)=\"closeList()\"\n >\n <bmb-input-content\n class=\"bmb_search-input-field\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n icon=\"search\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n [isClearable]=\"true\"\n (keydown)=\"handleKeyDown($event)\"\n (click)=\"handleItemClick()\"\n />\n <dialog [open]=\"isDialogOpen\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_search-input-dialog\"\n name=\"list\"\n [selectedOption]=\"filterControl.value\"\n [(items)]=\"filteredData\"\n [(isOpen)]=\"isDialogOpen\"\n />\n </dialog>\n </section>\n</section>\n", styles: [".bmb_search-input{padding-bottom:var(--bmb-spacing-s)}.bmb_search-input-container{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
6155
6170
  }
6156
6171
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbSearchInputComponent, decorators: [{
6157
6172
  type: Component,
@@ -7492,11 +7507,11 @@ class BmbMediaCardComponent {
7492
7507
  return attribute || '';
7493
7508
  }
7494
7509
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbMediaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7495
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbMediaCardComponent, isStandalone: true, selector: "bmb-media-card", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, mobileSrc: { classPropertyName: "mobileSrc", publicName: "mobileSrc", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, enableZoom: { classPropertyName: "enableZoom", publicName: "enableZoom", isSignal: true, isRequired: false, transformFunction: null }, isBlurredBackdrop: { classPropertyName: "isBlurredBackdrop", publicName: "isBlurredBackdrop", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: true, isRequired: false, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, fullmediaCard: { classPropertyName: "fullmediaCard", publicName: "fullmediaCard", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mediaCardClicked: "mediaCardClicked" }, ngImport: i0, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"($event.key === 'Enter' || $event.key === ' ') && mediaCardClicked.emit($event)\"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:RGBA(var(--color-charade-950));position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:RGBA(var(--color-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--color-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:1.25rem;text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:RGBA(var(--color-mariner-500))}[data-theme=dark] .bmb_media-card,.storybook-dark-theme .bmb_media-card{color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
7510
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbMediaCardComponent, isStandalone: true, selector: "bmb-media-card", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, mobileSrc: { classPropertyName: "mobileSrc", publicName: "mobileSrc", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, enableZoom: { classPropertyName: "enableZoom", publicName: "enableZoom", isSignal: true, isRequired: false, transformFunction: null }, isBlurredBackdrop: { classPropertyName: "isBlurredBackdrop", publicName: "isBlurredBackdrop", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: true, isRequired: false, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, fullmediaCard: { classPropertyName: "fullmediaCard", publicName: "fullmediaCard", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mediaCardClicked: "mediaCardClicked" }, ngImport: i0, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"\n ($event.key === 'Enter' || $event.key === ' ') &&\n mediaCardClicked.emit($event)\n \"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:RGBA(var(--color-charade-950));position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:RGBA(var(--color-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--color-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:1.25rem;text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:RGBA(var(--color-mariner-500))}[data-theme=dark] .bmb_media-card,.storybook-dark-theme .bmb_media-card{color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
7496
7511
  }
7497
7512
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbMediaCardComponent, decorators: [{
7498
7513
  type: Component,
7499
- args: [{ selector: 'bmb-media-card', standalone: true, imports: [CommonModule, BmbUserImageComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"($event.key === 'Enter' || $event.key === ' ') && mediaCardClicked.emit($event)\"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:RGBA(var(--color-charade-950));position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:RGBA(var(--color-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--color-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:1.25rem;text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:RGBA(var(--color-mariner-500))}[data-theme=dark] .bmb_media-card,.storybook-dark-theme .bmb_media-card{color:RGBA(var(--color-charade-50))}\n"] }]
7514
+ args: [{ selector: 'bmb-media-card', standalone: true, imports: [CommonModule, BmbUserImageComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"\n ($event.key === 'Enter' || $event.key === ' ') &&\n mediaCardClicked.emit($event)\n \"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:RGBA(var(--color-charade-950));position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:RGBA(var(--color-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--color-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:1.25rem;text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:RGBA(var(--color-mariner-500))}[data-theme=dark] .bmb_media-card,.storybook-dark-theme .bmb_media-card{color:RGBA(var(--color-charade-50))}\n"] }]
7500
7515
  }] });
7501
7516
 
7502
7517
  class BmbStatCounterComponent {
@@ -10045,11 +10060,11 @@ class BmbAlertCenterDetailComponent {
10045
10060
  this.alertEvent.emit(alert);
10046
10061
  }
10047
10062
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbAlertCenterDetailComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
10048
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbAlertCenterDetailComponent, isStandalone: true, selector: "bmb-alert-center-detail", inputs: { alert: { classPropertyName: "alert", publicName: "alert", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { alertEvent: "alertEvent" }, ngImport: i0, template: "<section class=\"bmb_alert-center-content-modal\">\n <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n {{ alert().title }}\n </h1>\n @for (item of alert().description; track $index) {\n @switch (item.type) {\n @case ('paragraph') {\n <p\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n >\n {{ item.text }}\n </p>\n }\n @case ('image') {\n <bmb-image\n [src]=\"item.href || ''\"\n [alt]=\"item.text\"\n borderRadius=\"none\"\n />\n }\n @case ('video') {\n <video [ariaDescription]=\"alert().title\" [src]=\"item.href\" controls>\n @if (item.subtitlesURL) {\n <track\n kind=\"subtitles\"\n [src]=\"item.subtitlesURL\"\n [srclang]=\"item.language || 'es'\"\n [label]=\"item.language || 'Spanish'\"\n default\n />\n }\n </video>\n }\n @case ('title') {\n <h3\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n >\n {{ item.text }}\n </h3>\n }\n @case ('button') {\n <button\n bmbButton\n type=\"button\"\n [appearance]=\"item.variant ?? 'primary'\"\n (click)=\"\n item.event\n ? item?.event(alert().id)\n : handleAlertEvent(alert())\n \"\n >\n {{ item.text }}\n </button>\n }\n @case ('link') {\n <a\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n [href]=\"item.href\"\n >{{ item.text }}</a\n >\n }\n @case ('html') {\n <div\n class=\"bmb_alert-center-content-complex\"\n [innerHTML]=\"sanitizedHtml(item.text)\"\n ></div>\n }\n @default {\n <p>Invalid type</p>\n }\n }\n }\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbImageComponent, selector: "bmb-image", inputs: ["src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }] }); }
10063
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbAlertCenterDetailComponent, isStandalone: true, selector: "bmb-alert-center-detail", inputs: { alert: { classPropertyName: "alert", publicName: "alert", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { alertEvent: "alertEvent" }, ngImport: i0, template: "<section class=\"bmb_alert-center-content-modal\">\n <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n {{ alert().title }}\n </h1>\n @for (item of alert().description; track $index) {\n @switch (item.type) {\n @case ('paragraph') {\n <p [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n {{ item.text }}\n </p>\n }\n @case ('image') {\n <bmb-image\n [src]=\"item.href || ''\"\n [alt]=\"item.text\"\n borderRadius=\"none\"\n />\n }\n @case ('video') {\n <video [ariaDescription]=\"alert().title\" [src]=\"item.href\" controls>\n @if (item.subtitlesURL) {\n <track\n kind=\"subtitles\"\n [src]=\"item.subtitlesURL\"\n [srclang]=\"item.language || 'es'\"\n [label]=\"item.language || 'Spanish'\"\n default\n />\n }\n </video>\n }\n @case ('title') {\n <h3 [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n {{ item.text }}\n </h3>\n }\n @case ('button') {\n <button\n bmbButton\n type=\"button\"\n [appearance]=\"item.variant ?? 'primary'\"\n (click)=\"\n item.event ? item?.event(alert().id) : handleAlertEvent(alert())\n \"\n >\n {{ item.text }}\n </button>\n }\n @case ('link') {\n <a\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n [href]=\"item.href\"\n >{{ item.text }}</a\n >\n }\n @case ('html') {\n <div\n class=\"bmb_alert-center-content-complex\"\n [innerHTML]=\"sanitizedHtml(item.text)\"\n ></div>\n }\n @default {\n <p>Invalid type</p>\n }\n }\n }\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbImageComponent, selector: "bmb-image", inputs: ["src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }] }); }
10049
10064
  }
10050
10065
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbAlertCenterDetailComponent, decorators: [{
10051
10066
  type: Component,
10052
- args: [{ selector: 'bmb-alert-center-detail', standalone: true, imports: [CommonModule, BmbImageComponent, BmbButtonDirective], template: "<section class=\"bmb_alert-center-content-modal\">\n <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n {{ alert().title }}\n </h1>\n @for (item of alert().description; track $index) {\n @switch (item.type) {\n @case ('paragraph') {\n <p\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n >\n {{ item.text }}\n </p>\n }\n @case ('image') {\n <bmb-image\n [src]=\"item.href || ''\"\n [alt]=\"item.text\"\n borderRadius=\"none\"\n />\n }\n @case ('video') {\n <video [ariaDescription]=\"alert().title\" [src]=\"item.href\" controls>\n @if (item.subtitlesURL) {\n <track\n kind=\"subtitles\"\n [src]=\"item.subtitlesURL\"\n [srclang]=\"item.language || 'es'\"\n [label]=\"item.language || 'Spanish'\"\n default\n />\n }\n </video>\n }\n @case ('title') {\n <h3\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n >\n {{ item.text }}\n </h3>\n }\n @case ('button') {\n <button\n bmbButton\n type=\"button\"\n [appearance]=\"item.variant ?? 'primary'\"\n (click)=\"\n item.event\n ? item?.event(alert().id)\n : handleAlertEvent(alert())\n \"\n >\n {{ item.text }}\n </button>\n }\n @case ('link') {\n <a\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n [href]=\"item.href\"\n >{{ item.text }}</a\n >\n }\n @case ('html') {\n <div\n class=\"bmb_alert-center-content-complex\"\n [innerHTML]=\"sanitizedHtml(item.text)\"\n ></div>\n }\n @default {\n <p>Invalid type</p>\n }\n }\n }\n</section>\n" }]
10067
+ args: [{ selector: 'bmb-alert-center-detail', standalone: true, imports: [CommonModule, BmbImageComponent, BmbButtonDirective], template: "<section class=\"bmb_alert-center-content-modal\">\n <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n {{ alert().title }}\n </h1>\n @for (item of alert().description; track $index) {\n @switch (item.type) {\n @case ('paragraph') {\n <p [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n {{ item.text }}\n </p>\n }\n @case ('image') {\n <bmb-image\n [src]=\"item.href || ''\"\n [alt]=\"item.text\"\n borderRadius=\"none\"\n />\n }\n @case ('video') {\n <video [ariaDescription]=\"alert().title\" [src]=\"item.href\" controls>\n @if (item.subtitlesURL) {\n <track\n kind=\"subtitles\"\n [src]=\"item.subtitlesURL\"\n [srclang]=\"item.language || 'es'\"\n [label]=\"item.language || 'Spanish'\"\n default\n />\n }\n </video>\n }\n @case ('title') {\n <h3 [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n {{ item.text }}\n </h3>\n }\n @case ('button') {\n <button\n bmbButton\n type=\"button\"\n [appearance]=\"item.variant ?? 'primary'\"\n (click)=\"\n item.event ? item?.event(alert().id) : handleAlertEvent(alert())\n \"\n >\n {{ item.text }}\n </button>\n }\n @case ('link') {\n <a\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n [href]=\"item.href\"\n >{{ item.text }}</a\n >\n }\n @case ('html') {\n <div\n class=\"bmb_alert-center-content-complex\"\n [innerHTML]=\"sanitizedHtml(item.text)\"\n ></div>\n }\n @default {\n <p>Invalid type</p>\n }\n }\n }\n</section>\n" }]
10053
10068
  }], ctorParameters: () => [{ type: i1$2.DomSanitizer }] });
10054
10069
 
10055
10070
  class BmbAlertCenterAdsComponent {
@@ -10097,15 +10112,14 @@ class BmbAlertCenterListComponent {
10097
10112
  getTextFromDate(date) {
10098
10113
  return date.toFormat('EEEE dd LLLL yyyy', { locale: 'es' });
10099
10114
  }
10100
- handleRowClick(event, item) {
10101
- const target = event.target;
10115
+ handleRowClick(item) {
10102
10116
  this.alertSelected.emit(item);
10103
10117
  }
10104
10118
  getFormattedTime(date) {
10105
10119
  return DateTime.fromFormat(date, 'HH:mm').toFormat('h:mm a');
10106
10120
  }
10107
10121
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbAlertCenterListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10108
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbAlertCenterListComponent, isStandalone: true, selector: "bmb-alert-center-list", inputs: { alerts: { classPropertyName: "alerts", publicName: "alerts", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, enableMultipleSelection: { classPropertyName: "enableMultipleSelection", publicName: "enableMultipleSelection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertSelected: "alertSelected", selectedAlert: "selectedAlert" }, ngImport: i0, template: "<ul class=\"bmb_alert-center-list\">\n @for (item of alerts(); track $index) {\n <li class=\"bmb_alert-center-list-item\" bmbLayout margin=\"none\" gapSize=\"s\">\n @if (enableMultipleSelection()) {\n <section\n class=\"bmb_alert-center-list-item-selection\"\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n >\n <bmb-checkbox\n [name]=\"item.id + ''\"\n [id]=\"item.id + ''\"\n [value]=\"item.id + ''\"\n (change)=\"handleSelection($event, item)\"\n />\n </section>\n }\n <div\n class=\"bmb_alert-center-list-item-content\"\n bmbLayoutGrid\n colGapSize=\"s\"\n rowGapSize=\"s\"\n [columnSize]=\"['12px', '1fr', 'max-content']\"\n rowSize=\"auto\"\n [columns]=\"3\"\n [rows]=\"3\"\n (click)=\"handleRowClick($event, item)\"\n bmbLayoutItem\n [colGrow]=\"1\"\n [isDynamicItem]=\"true\"\n >\n <section\n bmbLayoutGridItem\n [colStart]=\"1\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-status\"\n >\n @if (!item.isRead && !item.isFavorite) {\n <div class=\"bmb_alert-center-list-item-status-circle\"></div>\n }\n @if (item.isRead && !item.isFavorite) {\n <div\n class=\"bmb_alert-center-list-item-status-circle bmb_alert-center-list-item-status-circle-read\"\n ></div>\n }\n @if (item.isFavorite) {\n <bmb-icon\n class=\"bmb_alert-center-list-item-status-favorite\"\n icon=\"star\"\n />\n }\n </section>\n <h4\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-title\"\n >\n {{ item.title }}\n </h4>\n @if (item.tags?.length) {\n <section\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"2\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-tags\"\n >\n @for (tag of item.tags; track $index) {\n <bmb-badge\n [appearance]=\"tag.color\"\n [text]=\"tag.text\"\n [container]=\"false\"\n ></bmb-badge>\n }\n </section>\n }\n <p\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"3\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-date\"\n >\n {{ getTextFromDate(item.pDate) }} - {{ item.type }}\n </p>\n <span\n bmbLayoutGridItem\n [colStart]=\"3\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-time\"\n >\n {{ getFormattedTime(item.time) }}\n </span>\n </div>\n </li>\n }\n</ul>\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_alert-center-list{list-style:none;padding:0;margin:0 0 var(--bmb-spacing-xl);display:flex;gap:var(--bmb-spacing-l);flex-direction:column}.bmb_alert-center-list-item{border-bottom:.0625rem solid var(--general_contrasts-50)}.bmb_alert-center-list-item-status-circle{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--general_contrasts-main-selection);box-shadow:0 0 .25rem var(--general_contrasts-main-selection);margin-top:.625rem}.bmb_alert-center-list-item-status-circle-read{background-color:var(--general_contrasts-50);box-shadow:none}.bmb_alert-center-list-item-status-favorite{width:1rem;height:1rem;color:var(--alert-warning);margin-top:.5rem}.bmb_alert-center-list-item-content{cursor:pointer}.bmb_alert-center-list-item-title{padding-top:.375rem;font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500}.bmb_alert-center-list-item-tags{display:flex;gap:var(--bmb-spacing-xs) var(--bmb-spacing-m);flex-wrap:wrap}.bmb_alert-center-list-item-date{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:date}.bmb_alert-center-list-item-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:time;margin-top:.375rem;text-transform:lowercase}\n"], dependencies: [{ kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "directive", type: BmbLayoutGridDirective, selector: "[bmbLayoutGrid]", inputs: ["colGapSize", "rowGapSize", "columnSize", "rowSize", "columns", "rows", "height"] }, { kind: "directive", type: BmbLayoutGridItemDirective, selector: "[bmbLayoutGridItem]", inputs: ["colStart", "rowStart", "numberOfColumns", "numberOfRows"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
10122
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbAlertCenterListComponent, isStandalone: true, selector: "bmb-alert-center-list", inputs: { alerts: { classPropertyName: "alerts", publicName: "alerts", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, enableMultipleSelection: { classPropertyName: "enableMultipleSelection", publicName: "enableMultipleSelection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertSelected: "alertSelected", selectedAlert: "selectedAlert" }, ngImport: i0, template: "<ul class=\"bmb_alert-center-list\">\n @for (item of alerts(); track $index) {\n <li class=\"bmb_alert-center-list-item\" bmbLayout margin=\"none\" gapSize=\"s\">\n @if (enableMultipleSelection()) {\n <section\n class=\"bmb_alert-center-list-item-selection\"\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n >\n <bmb-checkbox\n [name]=\"item.id + ''\"\n [id]=\"item.id + ''\"\n [value]=\"item.id + ''\"\n (change)=\"handleSelection($event, item)\"\n />\n </section>\n }\n <div\n class=\"bmb_alert-center-list-item-content\"\n bmbLayoutGrid\n colGapSize=\"s\"\n rowGapSize=\"s\"\n [columnSize]=\"['12px', '1fr', 'max-content']\"\n rowSize=\"auto\"\n [columns]=\"3\"\n [rows]=\"3\"\n (click)=\"handleRowClick(item)\"\n (keyup)=\"handleRowClick(item)\"\n bmbLayoutItem\n [colGrow]=\"1\"\n [isDynamicItem]=\"true\"\n >\n <section\n bmbLayoutGridItem\n [colStart]=\"1\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-status\"\n >\n @if (!item.isRead && !item.isFavorite) {\n <div class=\"bmb_alert-center-list-item-status-circle\"></div>\n }\n @if (item.isRead && !item.isFavorite) {\n <div\n class=\"bmb_alert-center-list-item-status-circle bmb_alert-center-list-item-status-circle-read\"\n ></div>\n }\n @if (item.isFavorite) {\n <bmb-icon\n class=\"bmb_alert-center-list-item-status-favorite\"\n icon=\"star\"\n />\n }\n </section>\n <h4\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-title\"\n >\n {{ item.title }}\n </h4>\n @if (item.tags?.length) {\n <section\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"2\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-tags\"\n >\n @for (tag of item.tags; track $index) {\n <bmb-badge\n [appearance]=\"tag.color\"\n [text]=\"tag.text\"\n [container]=\"false\"\n ></bmb-badge>\n }\n </section>\n }\n <p\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"3\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-date\"\n >\n {{ getTextFromDate(item.pDate) }} - {{ item.type }}\n </p>\n <span\n bmbLayoutGridItem\n [colStart]=\"3\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-time\"\n >\n {{ getFormattedTime(item.time) }}\n </span>\n </div>\n </li>\n }\n</ul>\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_alert-center-list{list-style:none;padding:0;margin:0 0 var(--bmb-spacing-xl);display:flex;gap:var(--bmb-spacing-l);flex-direction:column}.bmb_alert-center-list-item{border-bottom:.0625rem solid var(--general_contrasts-50)}.bmb_alert-center-list-item-status-circle{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--general_contrasts-main-selection);box-shadow:0 0 .25rem var(--general_contrasts-main-selection);margin-top:.625rem}.bmb_alert-center-list-item-status-circle-read{background-color:var(--general_contrasts-50);box-shadow:none}.bmb_alert-center-list-item-status-favorite{width:1rem;height:1rem;color:var(--alert-warning);margin-top:.5rem}.bmb_alert-center-list-item-content{cursor:pointer}.bmb_alert-center-list-item-title{padding-top:.375rem;font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500}.bmb_alert-center-list-item-tags{display:flex;gap:var(--bmb-spacing-xs) var(--bmb-spacing-m);flex-wrap:wrap}.bmb_alert-center-list-item-date{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:date}.bmb_alert-center-list-item-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:time;margin-top:.375rem;text-transform:lowercase}\n"], dependencies: [{ kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "directive", type: BmbLayoutGridDirective, selector: "[bmbLayoutGrid]", inputs: ["colGapSize", "rowGapSize", "columnSize", "rowSize", "columns", "rows", "height"] }, { kind: "directive", type: BmbLayoutGridItemDirective, selector: "[bmbLayoutGridItem]", inputs: ["colStart", "rowStart", "numberOfColumns", "numberOfRows"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
10109
10123
  }
10110
10124
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbAlertCenterListComponent, decorators: [{
10111
10125
  type: Component,
@@ -10117,7 +10131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
10117
10131
  BmbLayoutGridDirective,
10118
10132
  BmbLayoutGridItemDirective,
10119
10133
  BmbIconComponent,
10120
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"bmb_alert-center-list\">\n @for (item of alerts(); track $index) {\n <li class=\"bmb_alert-center-list-item\" bmbLayout margin=\"none\" gapSize=\"s\">\n @if (enableMultipleSelection()) {\n <section\n class=\"bmb_alert-center-list-item-selection\"\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n >\n <bmb-checkbox\n [name]=\"item.id + ''\"\n [id]=\"item.id + ''\"\n [value]=\"item.id + ''\"\n (change)=\"handleSelection($event, item)\"\n />\n </section>\n }\n <div\n class=\"bmb_alert-center-list-item-content\"\n bmbLayoutGrid\n colGapSize=\"s\"\n rowGapSize=\"s\"\n [columnSize]=\"['12px', '1fr', 'max-content']\"\n rowSize=\"auto\"\n [columns]=\"3\"\n [rows]=\"3\"\n (click)=\"handleRowClick($event, item)\"\n bmbLayoutItem\n [colGrow]=\"1\"\n [isDynamicItem]=\"true\"\n >\n <section\n bmbLayoutGridItem\n [colStart]=\"1\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-status\"\n >\n @if (!item.isRead && !item.isFavorite) {\n <div class=\"bmb_alert-center-list-item-status-circle\"></div>\n }\n @if (item.isRead && !item.isFavorite) {\n <div\n class=\"bmb_alert-center-list-item-status-circle bmb_alert-center-list-item-status-circle-read\"\n ></div>\n }\n @if (item.isFavorite) {\n <bmb-icon\n class=\"bmb_alert-center-list-item-status-favorite\"\n icon=\"star\"\n />\n }\n </section>\n <h4\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-title\"\n >\n {{ item.title }}\n </h4>\n @if (item.tags?.length) {\n <section\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"2\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-tags\"\n >\n @for (tag of item.tags; track $index) {\n <bmb-badge\n [appearance]=\"tag.color\"\n [text]=\"tag.text\"\n [container]=\"false\"\n ></bmb-badge>\n }\n </section>\n }\n <p\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"3\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-date\"\n >\n {{ getTextFromDate(item.pDate) }} - {{ item.type }}\n </p>\n <span\n bmbLayoutGridItem\n [colStart]=\"3\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-time\"\n >\n {{ getFormattedTime(item.time) }}\n </span>\n </div>\n </li>\n }\n</ul>\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_alert-center-list{list-style:none;padding:0;margin:0 0 var(--bmb-spacing-xl);display:flex;gap:var(--bmb-spacing-l);flex-direction:column}.bmb_alert-center-list-item{border-bottom:.0625rem solid var(--general_contrasts-50)}.bmb_alert-center-list-item-status-circle{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--general_contrasts-main-selection);box-shadow:0 0 .25rem var(--general_contrasts-main-selection);margin-top:.625rem}.bmb_alert-center-list-item-status-circle-read{background-color:var(--general_contrasts-50);box-shadow:none}.bmb_alert-center-list-item-status-favorite{width:1rem;height:1rem;color:var(--alert-warning);margin-top:.5rem}.bmb_alert-center-list-item-content{cursor:pointer}.bmb_alert-center-list-item-title{padding-top:.375rem;font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500}.bmb_alert-center-list-item-tags{display:flex;gap:var(--bmb-spacing-xs) var(--bmb-spacing-m);flex-wrap:wrap}.bmb_alert-center-list-item-date{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:date}.bmb_alert-center-list-item-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:time;margin-top:.375rem;text-transform:lowercase}\n"] }]
10134
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"bmb_alert-center-list\">\n @for (item of alerts(); track $index) {\n <li class=\"bmb_alert-center-list-item\" bmbLayout margin=\"none\" gapSize=\"s\">\n @if (enableMultipleSelection()) {\n <section\n class=\"bmb_alert-center-list-item-selection\"\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n >\n <bmb-checkbox\n [name]=\"item.id + ''\"\n [id]=\"item.id + ''\"\n [value]=\"item.id + ''\"\n (change)=\"handleSelection($event, item)\"\n />\n </section>\n }\n <div\n class=\"bmb_alert-center-list-item-content\"\n bmbLayoutGrid\n colGapSize=\"s\"\n rowGapSize=\"s\"\n [columnSize]=\"['12px', '1fr', 'max-content']\"\n rowSize=\"auto\"\n [columns]=\"3\"\n [rows]=\"3\"\n (click)=\"handleRowClick(item)\"\n (keyup)=\"handleRowClick(item)\"\n bmbLayoutItem\n [colGrow]=\"1\"\n [isDynamicItem]=\"true\"\n >\n <section\n bmbLayoutGridItem\n [colStart]=\"1\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-status\"\n >\n @if (!item.isRead && !item.isFavorite) {\n <div class=\"bmb_alert-center-list-item-status-circle\"></div>\n }\n @if (item.isRead && !item.isFavorite) {\n <div\n class=\"bmb_alert-center-list-item-status-circle bmb_alert-center-list-item-status-circle-read\"\n ></div>\n }\n @if (item.isFavorite) {\n <bmb-icon\n class=\"bmb_alert-center-list-item-status-favorite\"\n icon=\"star\"\n />\n }\n </section>\n <h4\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-title\"\n >\n {{ item.title }}\n </h4>\n @if (item.tags?.length) {\n <section\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"2\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-tags\"\n >\n @for (tag of item.tags; track $index) {\n <bmb-badge\n [appearance]=\"tag.color\"\n [text]=\"tag.text\"\n [container]=\"false\"\n ></bmb-badge>\n }\n </section>\n }\n <p\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"3\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-date\"\n >\n {{ getTextFromDate(item.pDate) }} - {{ item.type }}\n </p>\n <span\n bmbLayoutGridItem\n [colStart]=\"3\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-time\"\n >\n {{ getFormattedTime(item.time) }}\n </span>\n </div>\n </li>\n }\n</ul>\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_alert-center-list{list-style:none;padding:0;margin:0 0 var(--bmb-spacing-xl);display:flex;gap:var(--bmb-spacing-l);flex-direction:column}.bmb_alert-center-list-item{border-bottom:.0625rem solid var(--general_contrasts-50)}.bmb_alert-center-list-item-status-circle{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--general_contrasts-main-selection);box-shadow:0 0 .25rem var(--general_contrasts-main-selection);margin-top:.625rem}.bmb_alert-center-list-item-status-circle-read{background-color:var(--general_contrasts-50);box-shadow:none}.bmb_alert-center-list-item-status-favorite{width:1rem;height:1rem;color:var(--alert-warning);margin-top:.5rem}.bmb_alert-center-list-item-content{cursor:pointer}.bmb_alert-center-list-item-title{padding-top:.375rem;font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500}.bmb_alert-center-list-item-tags{display:flex;gap:var(--bmb-spacing-xs) var(--bmb-spacing-m);flex-wrap:wrap}.bmb_alert-center-list-item-date{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:date}.bmb_alert-center-list-item-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:time;margin-top:.375rem;text-transform:lowercase}\n"] }]
10121
10135
  }] });
10122
10136
 
10123
10137
  class BmbNotificationCardModalComponent {
@@ -10139,10 +10153,7 @@ class BmbNotificationCardModalComponent {
10139
10153
  }
10140
10154
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbNotificationCardModalComponent, decorators: [{
10141
10155
  type: Component,
10142
- args: [{ selector: 'bmb-notification-card-modal', standalone: true, imports: [
10143
- CommonModule,
10144
- BmbAlertCenterDetailComponent,
10145
- ], 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"] }]
10156
+ 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"] }]
10146
10157
  }] });
10147
10158
 
10148
10159
  class BmbNotificationCardComponent {
@@ -12209,7 +12220,7 @@ class BmbInputTagsComponent {
12209
12220
  return showError(this.control());
12210
12221
  }
12211
12222
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbInputTagsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
12212
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n class=\"bmb_input-tags\"\n [name]=\"name()\"\n [value]=\"getValidInitialValues()\"\n [label]=\"label()!\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"customValidation()\"\n clickOutside\n (clickOutside)=\"closeList()\"\n [inputId]=\"inputId()\"\n>\n <section\n class=\"bmb_input-tags-container\"\n [ngClass]=\"{\n 'bmb_input-tags-container-error': shouldShowError,\n 'bmb_input-tags-container-focus': isFocused()\n }\"\n >\n <bmb-input-content\n class=\"bmb_input-tags-filter\"\n type=\"text\"\n [inputId]=\"inputId()\"\n [name]=\"getUUID('filter')\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n (click)=\"openList()\"\n (onBlur)=\"handleValidity()\"\n (keydown)=\"handleKeyDown($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n @if (!!selectedTags && !!selectedTags.length) {\n <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n @for (item of selectedTags; track $index) {\n <bmb-tag\n [text]=\"item.selectedText!\"\n [dismissible]=\"true\"\n [isDisabled]=\"disabled()\"\n (clickedTag)=\"removeTag(item)\"\n (closedTag)=\"removeTag(item)\"\n />\n }\n </div>\n }\n </section>\n <input\n hidden\n type=\"text\"\n [id]=\"name()\"\n [name]=\"name()\"\n [formControl]=\"control()\"\n />\n <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_input-tags-dialog\"\n name=\"list\"\n [selectedOption]=\"control().value\"\n [isKeyboardEvent]=\"isKeyboardEvent\"\n [(items)]=\"filteredOptions\"\n [(isOpen)]=\"showDropdown\"\n />\n </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
12223
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n class=\"bmb_input-tags\"\n [name]=\"name()\"\n [value]=\"getValidInitialValues()\"\n [label]=\"label()!\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"customValidation()\"\n clickOutside\n (clickOutside)=\"closeList()\"\n [inputId]=\"inputId()\"\n>\n <section\n class=\"bmb_input-tags-container\"\n [ngClass]=\"{\n 'bmb_input-tags-container-error': shouldShowError,\n 'bmb_input-tags-container-focus': isFocused()\n }\"\n >\n <bmb-input-content\n class=\"bmb_input-tags-filter\"\n type=\"text\"\n [inputId]=\"inputId()\"\n [name]=\"getUUID('filter')\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n (click)=\"openList()\"\n (onBlur)=\"handleValidity()\"\n (keydown)=\"handleKeyDown($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n @if (!!selectedTags && !!selectedTags.length) {\n <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n @for (item of selectedTags; track $index) {\n <bmb-tag\n [text]=\"item.selectedText!\"\n [dismissible]=\"true\"\n [isDisabled]=\"disabled()\"\n (clickedTag)=\"removeTag(item)\"\n (closedTag)=\"removeTag(item)\"\n />\n }\n </div>\n }\n </section>\n <input\n hidden\n type=\"text\"\n [id]=\"name()\"\n [name]=\"name()\"\n [formControl]=\"control()\"\n />\n <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_input-tags-dialog\"\n name=\"list\"\n [selectedOption]=\"control().value\"\n [isKeyboardEvent]=\"isKeyboardEvent\"\n [(items)]=\"filteredOptions\"\n [(isOpen)]=\"showDropdown\"\n />\n </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
12213
12224
  }
12214
12225
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
12215
12226
  type: Component,
@@ -12544,7 +12555,7 @@ class BmbAlertCenterComponent {
12544
12555
  rest: [],
12545
12556
  };
12546
12557
  alerts.forEach((alert) => {
12547
- const diff = Math.trunc(this.now.diff(alert.pDate, 'days').days || 0);
12558
+ const diff = Math.trunc(this.now.diff(alert.pDate, 'days').days ?? 0);
12548
12559
  if (diff === 0)
12549
12560
  objectEvent.recent.push(alert);
12550
12561
  else if (diff <= 7)
@@ -13602,6 +13613,7 @@ class BmbIconStatusComponent {
13602
13613
  constructor() {
13603
13614
  this.icon = input.required();
13604
13615
  this.statusAppearance = input();
13616
+ this.iconColor = input('primary');
13605
13617
  }
13606
13618
  getIconSize() {
13607
13619
  return (!!this.statusAppearance() && 60) || 120;
@@ -13610,11 +13622,11 @@ class BmbIconStatusComponent {
13610
13622
  return (!!className && `${baseClassName}-${className}`) || '';
13611
13623
  }
13612
13624
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbIconStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13613
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BmbIconStatusComponent, isStandalone: true, selector: "bmb-icon-status", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, statusAppearance: { classPropertyName: "statusAppearance", publicName: "statusAppearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"bmb_icon-status\">\n <div\n class=\"bmb_icon-status-wrapper\"\n [ngClass]=\"getClassName('bmb_icon-status-wrapper', statusAppearance()!)\"\n >\n <bmb-icon\n class=\"bmb_icon-status-icon\"\n [icon]=\"icon()\"\n [size]=\"getIconSize()\"\n [ngClass]=\"{ 'bmb_icon-status-icon': !statusAppearance() }\"\n alt=\"status icon\"\n />\n </div>\n</section>\n", styles: [".bmb_icon-status-wrapper{display:flex;border-radius:50%;height:7.5rem;width:7.5rem;align-items:center;justify-content:center;color:var(--white-primary)}.bmb_icon-status-wrapper-success{background-color:var(--alert-successful)}.bmb_icon-status-wrapper-event{background-color:var(--alert-event)}.bmb_icon-status-wrapper-warning{background-color:var(--alert-warning)}.bmb_icon-status-wrapper-error{background-color:var(--alert-error)}.bmb_icon-status-icon{color:var(--general_contrasts-main-selection)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
13625
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BmbIconStatusComponent, isStandalone: true, selector: "bmb-icon-status", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, statusAppearance: { classPropertyName: "statusAppearance", publicName: "statusAppearance", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"bmb_icon-status\">\n <div\n class=\"bmb_icon-status-wrapper\"\n [ngClass]=\"getClassName('bmb_icon-status-wrapper', statusAppearance()!)\"\n >\n <bmb-icon\n class=\"bmb_icon-status-icon\"\n [icon]=\"icon()\"\n [size]=\"getIconSize()\"\n [ngClass]=\"{\n 'bmb_icon-status-icon': !statusAppearance(),\n 'bmb_icon-status-icon-primary':\n !statusAppearance() && iconColor() === 'primary'\n }\"\n alt=\"status icon\"\n />\n </div>\n</section>\n", styles: [".bmb_icon-status-wrapper{display:flex;border-radius:50%;height:7.5rem;width:7.5rem;align-items:center;justify-content:center;color:var(--white-primary)}.bmb_icon-status-wrapper-success{background-color:var(--alert-successful)}.bmb_icon-status-wrapper-event{background-color:var(--alert-event)}.bmb_icon-status-wrapper-warning{background-color:var(--alert-warning)}.bmb_icon-status-wrapper-error{background-color:var(--alert-error)}.bmb_icon-status-icon{color:inherit}.bmb_icon-status-icon-primary{color:var(--general_contrasts-main-selection)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
13614
13626
  }
13615
13627
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbIconStatusComponent, decorators: [{
13616
13628
  type: Component,
13617
- args: [{ selector: 'bmb-icon-status', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_icon-status\">\n <div\n class=\"bmb_icon-status-wrapper\"\n [ngClass]=\"getClassName('bmb_icon-status-wrapper', statusAppearance()!)\"\n >\n <bmb-icon\n class=\"bmb_icon-status-icon\"\n [icon]=\"icon()\"\n [size]=\"getIconSize()\"\n [ngClass]=\"{ 'bmb_icon-status-icon': !statusAppearance() }\"\n alt=\"status icon\"\n />\n </div>\n</section>\n", styles: [".bmb_icon-status-wrapper{display:flex;border-radius:50%;height:7.5rem;width:7.5rem;align-items:center;justify-content:center;color:var(--white-primary)}.bmb_icon-status-wrapper-success{background-color:var(--alert-successful)}.bmb_icon-status-wrapper-event{background-color:var(--alert-event)}.bmb_icon-status-wrapper-warning{background-color:var(--alert-warning)}.bmb_icon-status-wrapper-error{background-color:var(--alert-error)}.bmb_icon-status-icon{color:var(--general_contrasts-main-selection)}\n"] }]
13629
+ args: [{ selector: 'bmb-icon-status', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_icon-status\">\n <div\n class=\"bmb_icon-status-wrapper\"\n [ngClass]=\"getClassName('bmb_icon-status-wrapper', statusAppearance()!)\"\n >\n <bmb-icon\n class=\"bmb_icon-status-icon\"\n [icon]=\"icon()\"\n [size]=\"getIconSize()\"\n [ngClass]=\"{\n 'bmb_icon-status-icon': !statusAppearance(),\n 'bmb_icon-status-icon-primary':\n !statusAppearance() && iconColor() === 'primary'\n }\"\n alt=\"status icon\"\n />\n </div>\n</section>\n", styles: [".bmb_icon-status-wrapper{display:flex;border-radius:50%;height:7.5rem;width:7.5rem;align-items:center;justify-content:center;color:var(--white-primary)}.bmb_icon-status-wrapper-success{background-color:var(--alert-successful)}.bmb_icon-status-wrapper-event{background-color:var(--alert-event)}.bmb_icon-status-wrapper-warning{background-color:var(--alert-warning)}.bmb_icon-status-wrapper-error{background-color:var(--alert-error)}.bmb_icon-status-icon{color:inherit}.bmb_icon-status-icon-primary{color:var(--general_contrasts-main-selection)}\n"] }]
13618
13630
  }] });
13619
13631
 
13620
13632
  class BmbDigitalIdComponent {
@@ -13629,11 +13641,12 @@ class BmbDigitalIdComponent {
13629
13641
  this.icon = input('qr_code_scanner');
13630
13642
  this.imgProfile = input.required();
13631
13643
  this.imgBackground = input.required();
13632
- this.hideButton = input(false);
13633
13644
  this.secondaryTextButton = input();
13634
13645
  this.secondaryIconButton = input('download_2');
13635
13646
  this.disableSecondaryButton = input(false);
13636
13647
  this.disableMainButton = input(false);
13648
+ this.hideMainButton = input(false);
13649
+ this.hideSecondaryButton = input(false);
13637
13650
  this.logoSrc = input('assets/images/tec-logo.svg');
13638
13651
  this.close = output();
13639
13652
  this.access = output();
@@ -13652,7 +13665,7 @@ class BmbDigitalIdComponent {
13652
13665
  return this.name().concat(' ').concat(this.surname());
13653
13666
  }
13654
13667
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbDigitalIdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13655
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbDigitalIdComponent, isStandalone: true, selector: "bmb-digital-id", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, surname: { classPropertyName: "surname", publicName: "surname", isSignal: true, isRequired: true, transformFunction: null }, registration: { classPropertyName: "registration", publicName: "registration", isSignal: true, isRequired: true, transformFunction: null }, campus: { classPropertyName: "campus", publicName: "campus", isSignal: true, isRequired: true, transformFunction: null }, career: { classPropertyName: "career", publicName: "career", isSignal: true, isRequired: true, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: true, transformFunction: null }, textButton: { classPropertyName: "textButton", publicName: "textButton", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, imgProfile: { classPropertyName: "imgProfile", publicName: "imgProfile", isSignal: true, isRequired: true, transformFunction: null }, imgBackground: { classPropertyName: "imgBackground", publicName: "imgBackground", isSignal: true, isRequired: true, transformFunction: null }, hideButton: { classPropertyName: "hideButton", publicName: "hideButton", isSignal: true, isRequired: false, transformFunction: null }, secondaryTextButton: { classPropertyName: "secondaryTextButton", publicName: "secondaryTextButton", isSignal: true, isRequired: false, transformFunction: null }, secondaryIconButton: { classPropertyName: "secondaryIconButton", publicName: "secondaryIconButton", isSignal: true, isRequired: false, transformFunction: null }, disableSecondaryButton: { classPropertyName: "disableSecondaryButton", publicName: "disableSecondaryButton", isSignal: true, isRequired: false, transformFunction: null }, disableMainButton: { classPropertyName: "disableMainButton", publicName: "disableMainButton", isSignal: true, isRequired: false, transformFunction: null }, logoSrc: { classPropertyName: "logoSrc", publicName: "logoSrc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", access: "access", onSecondaryClick: "onSecondaryClick" }, ngImport: i0, template: "<section class=\"bmb_digital-id\">\n <bmb-image\n class=\"bmb_digital-id-top-image\"\n [mobileSrc]=\"imgBackground()\"\n alt=\"Background Img\"\n borderRadius=\"none\"\n />\n <div class=\"bmb_digital-id-top\">\n <bmb-image\n class=\"bmb_digital-id-top-logo\"\n [mobileSrc]=\"logoSrc()\"\n alt=\"Tec de Monterrey\"\n borderRadius=\"none\"\n />\n </div>\n <bmb-action-icon\n class=\"bmb_digital-id-top-btn\"\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"closeDigitalId($event)\"\n />\n\n <div class=\"bmb_digital-id-mid\">\n <bmb-user-summary-content\n [isProfile]=\"true\"\n [name]=\"getFullName()\"\n [userId]=\"registration()\"\n [image]=\"imgProfile()\"\n imageSize=\"mobile-xlarge\"\n [campus]=\"campus()\"\n [infoCareer]=\"career()\"\n [role]=\"role()\"\n />\n </div>\n <div\n class=\"bmb_digital-id-bottom-btn\"\n [ngClass]=\"{ 'bmb_digital-id-bottom-btn-hide': hideButton() }\"\n >\n @if (!disableSecondaryButton()) {\n <button\n type=\"button\"\n class=\"bmb_digital-id-btnAccess\"\n bmbButton\n appearance=\"secondary-outlined\"\n [icon]=\"secondaryIconButton()\"\n [iconSize]=\"0\"\n size=\"large\"\n position=\"left\"\n (click)=\"handleSecondaryClick($event)\"\n >\n {{\n secondaryTextButton() ||\n ('digital_id.secondary_button_label' | translate)\n }}\n </button>\n }\n @if (!disableMainButton()) {\n <button\n type=\"button\"\n class=\"bmb_digital-id-btnAccess\"\n bmbButton\n appearance=\"primary\"\n [icon]=\"icon()\"\n [iconSize]=\"0\"\n size=\"large\"\n position=\"left\"\n (click)=\"clickAccess($event)\"\n >\n {{ textButton() }}\n </button>\n }\n </div>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_digital-id{background-color:rgb(var(--color-charade-50));display:grid;grid-template-columns:1fr;grid-template-rows:calc(40% - 6.25rem) 6.25rem 6.25rem 1fr auto;height:100dvh}.bmb_digital-id-top{display:flex;justify-content:center;align-items:center;grid-row:1/2;grid-column:1/2;z-index:1}.bmb_digital-id-top-btn{margin-top:1rem;margin-left:1rem;grid-row:1/2;grid-column:1/2;z-index:2;color:rgb(var(--color-white-primary))}.bmb_digital-id-top-image{grid-row:1/3;grid-column:1/2}.bmb_digital-id-top-image .bmb_image{height:100%}.bmb_digital-id-top-logo{width:15.3125rem}.bmb_digital-id-mid{grid-row:2/5;grid-column:1/2;z-index:1}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-title-column{font-family:Poppins-Bold,sans-serif;font-size:1.5rem;color:rgb(var(--color-black-primary))!important;padding-top:var(--bmb-spacing-l)}.bmb_digital-id-mid .bmb_user_image-bordered{background-color:rgb(var(--color-white-primary))}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-general-text{font-family:Poppins-Regular,sans-serif;font-size:1.25rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-campus{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-bottom-btn{grid-row:5/6;grid-column:1/2;padding:1rem;display:flex;flex-flow:column;gap:var(--bmb-spacing-m)}.bmb_digital-id-bottom-btn .bmb_btn-secondary-outlined{border-color:rgb(var(--color-charade-950));color:rgb(var(--color-charade-950))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbImageComponent, selector: "bmb-image", inputs: ["src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
13668
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbDigitalIdComponent, isStandalone: true, selector: "bmb-digital-id", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, surname: { classPropertyName: "surname", publicName: "surname", isSignal: true, isRequired: true, transformFunction: null }, registration: { classPropertyName: "registration", publicName: "registration", isSignal: true, isRequired: true, transformFunction: null }, campus: { classPropertyName: "campus", publicName: "campus", isSignal: true, isRequired: true, transformFunction: null }, career: { classPropertyName: "career", publicName: "career", isSignal: true, isRequired: true, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: true, transformFunction: null }, textButton: { classPropertyName: "textButton", publicName: "textButton", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, imgProfile: { classPropertyName: "imgProfile", publicName: "imgProfile", isSignal: true, isRequired: true, transformFunction: null }, imgBackground: { classPropertyName: "imgBackground", publicName: "imgBackground", isSignal: true, isRequired: true, transformFunction: null }, secondaryTextButton: { classPropertyName: "secondaryTextButton", publicName: "secondaryTextButton", isSignal: true, isRequired: false, transformFunction: null }, secondaryIconButton: { classPropertyName: "secondaryIconButton", publicName: "secondaryIconButton", isSignal: true, isRequired: false, transformFunction: null }, disableSecondaryButton: { classPropertyName: "disableSecondaryButton", publicName: "disableSecondaryButton", isSignal: true, isRequired: false, transformFunction: null }, disableMainButton: { classPropertyName: "disableMainButton", publicName: "disableMainButton", isSignal: true, isRequired: false, transformFunction: null }, hideMainButton: { classPropertyName: "hideMainButton", publicName: "hideMainButton", isSignal: true, isRequired: false, transformFunction: null }, hideSecondaryButton: { classPropertyName: "hideSecondaryButton", publicName: "hideSecondaryButton", isSignal: true, isRequired: false, transformFunction: null }, logoSrc: { classPropertyName: "logoSrc", publicName: "logoSrc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", access: "access", onSecondaryClick: "onSecondaryClick" }, ngImport: i0, template: "<section class=\"bmb_digital-id\">\n <bmb-image\n class=\"bmb_digital-id-top-image\"\n [mobileSrc]=\"imgBackground()\"\n alt=\"Background Img\"\n borderRadius=\"none\"\n />\n <div class=\"bmb_digital-id-top\">\n <bmb-image\n class=\"bmb_digital-id-top-logo\"\n [mobileSrc]=\"logoSrc()\"\n alt=\"Tec de Monterrey\"\n borderRadius=\"none\"\n />\n </div>\n <bmb-action-icon\n class=\"bmb_digital-id-top-btn\"\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"closeDigitalId($event)\"\n />\n\n <div class=\"bmb_digital-id-mid\">\n <bmb-user-summary-content\n [isProfile]=\"true\"\n [name]=\"getFullName()\"\n [userId]=\"registration()\"\n [image]=\"imgProfile()\"\n imageSize=\"mobile-xlarge\"\n [campus]=\"campus()\"\n [infoCareer]=\"career()\"\n [role]=\"role()\"\n />\n </div>\n <div class=\"bmb_digital-id-bottom-btn\">\n @if (!hideSecondaryButton()) {\n <button\n type=\"button\"\n class=\"bmb_digital-id-btnAccess\"\n bmbButton\n appearance=\"secondary-outlined\"\n [icon]=\"secondaryIconButton()\"\n [iconSize]=\"0\"\n size=\"large\"\n position=\"left\"\n [disabled]=\"disableSecondaryButton()\"\n (click)=\"handleSecondaryClick($event)\"\n >\n {{\n secondaryTextButton() ||\n ('digital_id.secondary_button_label' | translate)\n }}\n </button>\n }\n @if (!hideMainButton()) {\n <button\n type=\"button\"\n class=\"bmb_digital-id-btnAccess\"\n bmbButton\n appearance=\"primary\"\n [icon]=\"icon()\"\n [iconSize]=\"0\"\n size=\"large\"\n position=\"left\"\n [disabled]=\"disableMainButton()\"\n (click)=\"clickAccess($event)\"\n >\n {{ textButton() }}\n </button>\n }\n </div>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_digital-id{background-color:rgb(var(--color-charade-50));display:grid;grid-template-columns:1fr;grid-template-rows:calc(40% - 6.25rem) 6.25rem 6.25rem 1fr auto;height:100dvh}.bmb_digital-id-top{display:flex;justify-content:center;align-items:center;grid-row:1/2;grid-column:1/2;z-index:1}.bmb_digital-id-top-btn{margin-top:1rem;margin-left:1rem;grid-row:1/2;grid-column:1/2;z-index:2;color:rgb(var(--color-white-primary))}.bmb_digital-id-top-image{grid-row:1/3;grid-column:1/2}.bmb_digital-id-top-image .bmb_image{height:100%}.bmb_digital-id-top-logo{width:15.3125rem}.bmb_digital-id-mid{grid-row:2/5;grid-column:1/2;z-index:1}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-title-column{font-family:Poppins-Bold,sans-serif;font-size:1.5rem;color:rgb(var(--color-black-primary))!important;padding-top:var(--bmb-spacing-l)}.bmb_digital-id-mid .bmb_user_image-bordered{background-color:rgb(var(--color-white-primary))}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-general-text{font-family:Poppins-Regular,sans-serif;font-size:1.25rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-campus{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-bottom-btn{grid-row:5/6;grid-column:1/2;padding:1rem;display:flex;flex-flow:column;gap:var(--bmb-spacing-m)}.bmb_digital-id-bottom-btn .bmb_btn-secondary-outlined{border-color:rgb(var(--color-charade-950));color:rgb(var(--color-charade-950))}.bmb_digital-id-bottom-btn button[disabled]{opacity:.5;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbImageComponent, selector: "bmb-image", inputs: ["src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
13656
13669
  }
13657
13670
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbDigitalIdComponent, decorators: [{
13658
13671
  type: Component,
@@ -13663,7 +13676,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
13663
13676
  BmbImageComponent,
13664
13677
  BmbButtonDirective,
13665
13678
  TranslatePipe,
13666
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_digital-id\">\n <bmb-image\n class=\"bmb_digital-id-top-image\"\n [mobileSrc]=\"imgBackground()\"\n alt=\"Background Img\"\n borderRadius=\"none\"\n />\n <div class=\"bmb_digital-id-top\">\n <bmb-image\n class=\"bmb_digital-id-top-logo\"\n [mobileSrc]=\"logoSrc()\"\n alt=\"Tec de Monterrey\"\n borderRadius=\"none\"\n />\n </div>\n <bmb-action-icon\n class=\"bmb_digital-id-top-btn\"\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"closeDigitalId($event)\"\n />\n\n <div class=\"bmb_digital-id-mid\">\n <bmb-user-summary-content\n [isProfile]=\"true\"\n [name]=\"getFullName()\"\n [userId]=\"registration()\"\n [image]=\"imgProfile()\"\n imageSize=\"mobile-xlarge\"\n [campus]=\"campus()\"\n [infoCareer]=\"career()\"\n [role]=\"role()\"\n />\n </div>\n <div\n class=\"bmb_digital-id-bottom-btn\"\n [ngClass]=\"{ 'bmb_digital-id-bottom-btn-hide': hideButton() }\"\n >\n @if (!disableSecondaryButton()) {\n <button\n type=\"button\"\n class=\"bmb_digital-id-btnAccess\"\n bmbButton\n appearance=\"secondary-outlined\"\n [icon]=\"secondaryIconButton()\"\n [iconSize]=\"0\"\n size=\"large\"\n position=\"left\"\n (click)=\"handleSecondaryClick($event)\"\n >\n {{\n secondaryTextButton() ||\n ('digital_id.secondary_button_label' | translate)\n }}\n </button>\n }\n @if (!disableMainButton()) {\n <button\n type=\"button\"\n class=\"bmb_digital-id-btnAccess\"\n bmbButton\n appearance=\"primary\"\n [icon]=\"icon()\"\n [iconSize]=\"0\"\n size=\"large\"\n position=\"left\"\n (click)=\"clickAccess($event)\"\n >\n {{ textButton() }}\n </button>\n }\n </div>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_digital-id{background-color:rgb(var(--color-charade-50));display:grid;grid-template-columns:1fr;grid-template-rows:calc(40% - 6.25rem) 6.25rem 6.25rem 1fr auto;height:100dvh}.bmb_digital-id-top{display:flex;justify-content:center;align-items:center;grid-row:1/2;grid-column:1/2;z-index:1}.bmb_digital-id-top-btn{margin-top:1rem;margin-left:1rem;grid-row:1/2;grid-column:1/2;z-index:2;color:rgb(var(--color-white-primary))}.bmb_digital-id-top-image{grid-row:1/3;grid-column:1/2}.bmb_digital-id-top-image .bmb_image{height:100%}.bmb_digital-id-top-logo{width:15.3125rem}.bmb_digital-id-mid{grid-row:2/5;grid-column:1/2;z-index:1}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-title-column{font-family:Poppins-Bold,sans-serif;font-size:1.5rem;color:rgb(var(--color-black-primary))!important;padding-top:var(--bmb-spacing-l)}.bmb_digital-id-mid .bmb_user_image-bordered{background-color:rgb(var(--color-white-primary))}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-general-text{font-family:Poppins-Regular,sans-serif;font-size:1.25rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-campus{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-bottom-btn{grid-row:5/6;grid-column:1/2;padding:1rem;display:flex;flex-flow:column;gap:var(--bmb-spacing-m)}.bmb_digital-id-bottom-btn .bmb_btn-secondary-outlined{border-color:rgb(var(--color-charade-950));color:rgb(var(--color-charade-950))}\n"] }]
13679
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_digital-id\">\n <bmb-image\n class=\"bmb_digital-id-top-image\"\n [mobileSrc]=\"imgBackground()\"\n alt=\"Background Img\"\n borderRadius=\"none\"\n />\n <div class=\"bmb_digital-id-top\">\n <bmb-image\n class=\"bmb_digital-id-top-logo\"\n [mobileSrc]=\"logoSrc()\"\n alt=\"Tec de Monterrey\"\n borderRadius=\"none\"\n />\n </div>\n <bmb-action-icon\n class=\"bmb_digital-id-top-btn\"\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"closeDigitalId($event)\"\n />\n\n <div class=\"bmb_digital-id-mid\">\n <bmb-user-summary-content\n [isProfile]=\"true\"\n [name]=\"getFullName()\"\n [userId]=\"registration()\"\n [image]=\"imgProfile()\"\n imageSize=\"mobile-xlarge\"\n [campus]=\"campus()\"\n [infoCareer]=\"career()\"\n [role]=\"role()\"\n />\n </div>\n <div class=\"bmb_digital-id-bottom-btn\">\n @if (!hideSecondaryButton()) {\n <button\n type=\"button\"\n class=\"bmb_digital-id-btnAccess\"\n bmbButton\n appearance=\"secondary-outlined\"\n [icon]=\"secondaryIconButton()\"\n [iconSize]=\"0\"\n size=\"large\"\n position=\"left\"\n [disabled]=\"disableSecondaryButton()\"\n (click)=\"handleSecondaryClick($event)\"\n >\n {{\n secondaryTextButton() ||\n ('digital_id.secondary_button_label' | translate)\n }}\n </button>\n }\n @if (!hideMainButton()) {\n <button\n type=\"button\"\n class=\"bmb_digital-id-btnAccess\"\n bmbButton\n appearance=\"primary\"\n [icon]=\"icon()\"\n [iconSize]=\"0\"\n size=\"large\"\n position=\"left\"\n [disabled]=\"disableMainButton()\"\n (click)=\"clickAccess($event)\"\n >\n {{ textButton() }}\n </button>\n }\n </div>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_digital-id{background-color:rgb(var(--color-charade-50));display:grid;grid-template-columns:1fr;grid-template-rows:calc(40% - 6.25rem) 6.25rem 6.25rem 1fr auto;height:100dvh}.bmb_digital-id-top{display:flex;justify-content:center;align-items:center;grid-row:1/2;grid-column:1/2;z-index:1}.bmb_digital-id-top-btn{margin-top:1rem;margin-left:1rem;grid-row:1/2;grid-column:1/2;z-index:2;color:rgb(var(--color-white-primary))}.bmb_digital-id-top-image{grid-row:1/3;grid-column:1/2}.bmb_digital-id-top-image .bmb_image{height:100%}.bmb_digital-id-top-logo{width:15.3125rem}.bmb_digital-id-mid{grid-row:2/5;grid-column:1/2;z-index:1}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-title-column{font-family:Poppins-Bold,sans-serif;font-size:1.5rem;color:rgb(var(--color-black-primary))!important;padding-top:var(--bmb-spacing-l)}.bmb_digital-id-mid .bmb_user_image-bordered{background-color:rgb(var(--color-white-primary))}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-general-text{font-family:Poppins-Regular,sans-serif;font-size:1.25rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-mid .bmb_user-summary_content-wrapper-campus{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:rgba(var(--color-black-primary),.75)}.bmb_digital-id-bottom-btn{grid-row:5/6;grid-column:1/2;padding:1rem;display:flex;flex-flow:column;gap:var(--bmb-spacing-m)}.bmb_digital-id-bottom-btn .bmb_btn-secondary-outlined{border-color:rgb(var(--color-charade-950));color:rgb(var(--color-charade-950))}.bmb_digital-id-bottom-btn button[disabled]{opacity:.5;pointer-events:none}\n"] }]
13667
13680
  }] });
13668
13681
 
13669
13682
  class BmbSoundsCardComponent {