@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1320-b-beta.1 → 1.5.1320-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.
|
@@ -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: "20.3.9", ngImport: i0, type: BmbPushNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
720
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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: "20.3.9", 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: "20.3.9", ngImport: i0, type: BmbPushNotificationItemComponent, decorators: [{
|
|
723
729
|
type: Component,
|
|
@@ -727,7 +733,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
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
|
}], propDecorators: { notification: [{ type: i0.Input, args: [{ isSignal: true, alias: "notification", required: true }] }], onClose: [{ type: i0.Output, args: ["onClose"] }] } });
|
|
732
738
|
|
|
733
739
|
class BmbToastComponent {
|
|
@@ -1931,7 +1937,7 @@ class BmbNotificationService {
|
|
|
1931
1937
|
this.getOrCreatePortal();
|
|
1932
1938
|
this.notificationList.update((currentNotifications) => [
|
|
1933
1939
|
...currentNotifications,
|
|
1934
|
-
{ ...notification, id },
|
|
1940
|
+
{ position: 'top-right', ...notification, id },
|
|
1935
1941
|
]);
|
|
1936
1942
|
setTimeout(() => {
|
|
1937
1943
|
this.deleteNotification(id);
|
|
@@ -2470,7 +2476,7 @@ class BmbAccordionComponent {
|
|
|
2470
2476
|
if (!this._disabled()) {
|
|
2471
2477
|
this._expanded.update((current) => !current);
|
|
2472
2478
|
this._active.update((current) => !current);
|
|
2473
|
-
this.onClick.emit(event
|
|
2479
|
+
this.onClick.emit(event);
|
|
2474
2480
|
if (this.expanded() == undefined) {
|
|
2475
2481
|
if (this.isOpen()) {
|
|
2476
2482
|
this.opened.emit();
|
|
@@ -2484,8 +2490,14 @@ class BmbAccordionComponent {
|
|
|
2484
2490
|
getIconToggle() {
|
|
2485
2491
|
return this.isOpen() ? 'expand_less' : 'expand_more';
|
|
2486
2492
|
}
|
|
2493
|
+
handleToggleKeyboard(event) {
|
|
2494
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
2495
|
+
this.toggle(new MouseEvent('click'));
|
|
2496
|
+
event.preventDefault();
|
|
2497
|
+
}
|
|
2498
|
+
}
|
|
2487
2499
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2488
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbAccordionComponent, isStandalone: true, selector: "bmb-accordion", inputs: { appearanceContrast: { classPropertyName: "appearanceContrast", publicName: "appearanceContrast", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, paddingHeader: { classPropertyName: "paddingHeader", publicName: "paddingHeader", isSignal: true, isRequired: false, transformFunction: null }, paddingContent: { classPropertyName: "paddingContent", publicName: "paddingContent", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, accordionId: { classPropertyName: "accordionId", publicName: "accordionId", isSignal: true, isRequired: false, transformFunction: null }, hideToggle: { classPropertyName: "hideToggle", publicName: "hideToggle", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, lockToggle: { classPropertyName: "lockToggle", publicName: "lockToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened", onClick: "onClick" }, queries: [{ propertyName: "bmbAccordionContent", first: true, predicate: ["bmbAccordionContent"], descendants: true }, { propertyName: "bmbAccordionHeader", first: true, predicate: ["bmbAccordionHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n [id]=\"accordionId()\"\n class=\"bmb_accordion\"\n [ngClass]=\"getClassesAccordion()\"\n [ngStyle]=\"getStyles()\"\n>\n @if (disabled()) {\n <section class=\"bmb_accordion-overlay\"></section>\n }\n <header\n [ngClass]=\"getClassesHeader()\"\n (click)=\"toggle($event)\"\n bmbLayout\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n >\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\" [colGrow]=\"1\">\n <ng-container [ngTemplateOutlet]=\"bmbAccordionHeader\" />\n </div>\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" alt=\"Accordion icon\" />\n } @else if (!hideToggle()) {\n <bmb-icon [icon]=\"getIconToggle()\" alt=\"Accordion toggle icon\" />\n }\n </div>\n </header>\n @if (!disabled()) {\n <section\n [class]=\"getClassesContent()\"\n [ngClass]=\"{\n 'bmb_accordion-content-open': this._expanded()\n }\"\n >\n <ng-container [ngTemplateOutlet]=\"bmbAccordionContent\" />\n </section>\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_accordion{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border:.0625rem solid var(--general_contrasts-container-outline);color:var(--general_contrasts-100);position:relative}.bmb_accordion-header,.bmb_accordion-header-icon{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border-radius:1rem;cursor:pointer}.bmb_accordion-header-icon bmb-icon{font-size:1.125rem}.bmb_accordion-header-open{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-radius:1rem 1rem 0 0;color:var(--general_contrasts-100)}.bmb_accordion-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;border-top:.0625rem solid var(--buttons-inactive-step);display:none;max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease}.bmb_accordion-content.bmb_accordion-content-open,.bmb_accordion-content-init-open{display:block;max-height:100%;opacity:1}.bmb_accordion-overlay{cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.bmb_accordion.disabled{opacity:.5}.bmb_accordion.active{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion.active .bmb_accordion-header,.bmb_accordion.active .bmb_accordion-header-icon{background-color:var(--menu_select-on-surface-hovered-w-checkbox);color:var(--general_contrasts-100)}.bmb_accordion.active .bmb_accordion-content{border-top-color:RGBA(var(--color-mariner-700))}.bmb_accordion:hover:not(.active):not(.disabled):hover{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion-primary .bmb_accordion-header,.bmb_accordion-primary .bmb_accordion-header-icon{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_accordion-alternative .bmb_accordion-header,.bmb_accordion-alternative .bmb_accordion-header-icon{background-color:var(--containers-main);color:var(--general_contrasts-100)}\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: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { 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 }); }
|
|
2500
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbAccordionComponent, isStandalone: true, selector: "bmb-accordion", inputs: { appearanceContrast: { classPropertyName: "appearanceContrast", publicName: "appearanceContrast", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, paddingHeader: { classPropertyName: "paddingHeader", publicName: "paddingHeader", isSignal: true, isRequired: false, transformFunction: null }, paddingContent: { classPropertyName: "paddingContent", publicName: "paddingContent", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, accordionId: { classPropertyName: "accordionId", publicName: "accordionId", isSignal: true, isRequired: false, transformFunction: null }, hideToggle: { classPropertyName: "hideToggle", publicName: "hideToggle", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, lockToggle: { classPropertyName: "lockToggle", publicName: "lockToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened", onClick: "onClick" }, queries: [{ propertyName: "bmbAccordionContent", first: true, predicate: ["bmbAccordionContent"], descendants: true }, { propertyName: "bmbAccordionHeader", first: true, predicate: ["bmbAccordionHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n [id]=\"accordionId()\"\n class=\"bmb_accordion\"\n [ngClass]=\"getClassesAccordion()\"\n [ngStyle]=\"getStyles()\"\n>\n @if (disabled()) {\n <section class=\"bmb_accordion-overlay\"></section>\n }\n <header\n [ngClass]=\"getClassesHeader()\"\n (click)=\"toggle($event)\"\n (keyup)=\"handleToggleKeyboard($event)\"\n bmbLayout\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n >\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\" [colGrow]=\"1\">\n <ng-container [ngTemplateOutlet]=\"bmbAccordionHeader\" />\n </div>\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" alt=\"Accordion icon\" />\n } @else if (!hideToggle()) {\n <bmb-icon [icon]=\"getIconToggle()\" alt=\"Accordion toggle icon\" />\n }\n </div>\n </header>\n @if (!disabled()) {\n <section\n [class]=\"getClassesContent()\"\n [ngClass]=\"{\n 'bmb_accordion-content-open': this._expanded()\n }\"\n >\n <ng-container [ngTemplateOutlet]=\"bmbAccordionContent\" />\n </section>\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_accordion{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border:.0625rem solid var(--general_contrasts-container-outline);color:var(--general_contrasts-100);position:relative}.bmb_accordion-header,.bmb_accordion-header-icon{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border-radius:1rem;cursor:pointer}.bmb_accordion-header-icon bmb-icon{font-size:1.125rem}.bmb_accordion-header-open{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-radius:1rem 1rem 0 0;color:var(--general_contrasts-100)}.bmb_accordion-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;border-top:.0625rem solid var(--buttons-inactive-step);display:none;max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease}.bmb_accordion-content.bmb_accordion-content-open,.bmb_accordion-content-init-open{display:block;max-height:100%;opacity:1}.bmb_accordion-overlay{cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.bmb_accordion.disabled{opacity:.5}.bmb_accordion.active{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion.active .bmb_accordion-header,.bmb_accordion.active .bmb_accordion-header-icon{background-color:var(--menu_select-on-surface-hovered-w-checkbox);color:var(--general_contrasts-100)}.bmb_accordion.active .bmb_accordion-content{border-top-color:RGBA(var(--color-mariner-700))}.bmb_accordion:hover:not(.active):not(.disabled):hover{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion-primary .bmb_accordion-header,.bmb_accordion-primary .bmb_accordion-header-icon{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_accordion-alternative .bmb_accordion-header,.bmb_accordion-alternative .bmb_accordion-header-icon{background-color:var(--containers-main);color:var(--general_contrasts-100)}\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: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { 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 }); }
|
|
2489
2501
|
}
|
|
2490
2502
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAccordionComponent, decorators: [{
|
|
2491
2503
|
type: Component,
|
|
@@ -2494,7 +2506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
2494
2506
|
BmbIconComponent,
|
|
2495
2507
|
BmbLayoutDirective,
|
|
2496
2508
|
BmbLayoutItemDirective,
|
|
2497
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section\n [id]=\"accordionId()\"\n class=\"bmb_accordion\"\n [ngClass]=\"getClassesAccordion()\"\n [ngStyle]=\"getStyles()\"\n>\n @if (disabled()) {\n <section class=\"bmb_accordion-overlay\"></section>\n }\n <header\n [ngClass]=\"getClassesHeader()\"\n (click)=\"toggle($event)\"\n bmbLayout\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n >\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\" [colGrow]=\"1\">\n <ng-container [ngTemplateOutlet]=\"bmbAccordionHeader\" />\n </div>\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" alt=\"Accordion icon\" />\n } @else if (!hideToggle()) {\n <bmb-icon [icon]=\"getIconToggle()\" alt=\"Accordion toggle icon\" />\n }\n </div>\n </header>\n @if (!disabled()) {\n <section\n [class]=\"getClassesContent()\"\n [ngClass]=\"{\n 'bmb_accordion-content-open': this._expanded()\n }\"\n >\n <ng-container [ngTemplateOutlet]=\"bmbAccordionContent\" />\n </section>\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_accordion{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border:.0625rem solid var(--general_contrasts-container-outline);color:var(--general_contrasts-100);position:relative}.bmb_accordion-header,.bmb_accordion-header-icon{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border-radius:1rem;cursor:pointer}.bmb_accordion-header-icon bmb-icon{font-size:1.125rem}.bmb_accordion-header-open{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-radius:1rem 1rem 0 0;color:var(--general_contrasts-100)}.bmb_accordion-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;border-top:.0625rem solid var(--buttons-inactive-step);display:none;max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease}.bmb_accordion-content.bmb_accordion-content-open,.bmb_accordion-content-init-open{display:block;max-height:100%;opacity:1}.bmb_accordion-overlay{cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.bmb_accordion.disabled{opacity:.5}.bmb_accordion.active{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion.active .bmb_accordion-header,.bmb_accordion.active .bmb_accordion-header-icon{background-color:var(--menu_select-on-surface-hovered-w-checkbox);color:var(--general_contrasts-100)}.bmb_accordion.active .bmb_accordion-content{border-top-color:RGBA(var(--color-mariner-700))}.bmb_accordion:hover:not(.active):not(.disabled):hover{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion-primary .bmb_accordion-header,.bmb_accordion-primary .bmb_accordion-header-icon{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_accordion-alternative .bmb_accordion-header,.bmb_accordion-alternative .bmb_accordion-header-icon{background-color:var(--containers-main);color:var(--general_contrasts-100)}\n"] }]
|
|
2509
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section\n [id]=\"accordionId()\"\n class=\"bmb_accordion\"\n [ngClass]=\"getClassesAccordion()\"\n [ngStyle]=\"getStyles()\"\n>\n @if (disabled()) {\n <section class=\"bmb_accordion-overlay\"></section>\n }\n <header\n [ngClass]=\"getClassesHeader()\"\n (click)=\"toggle($event)\"\n (keyup)=\"handleToggleKeyboard($event)\"\n bmbLayout\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n >\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\" [colGrow]=\"1\">\n <ng-container [ngTemplateOutlet]=\"bmbAccordionHeader\" />\n </div>\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" alt=\"Accordion icon\" />\n } @else if (!hideToggle()) {\n <bmb-icon [icon]=\"getIconToggle()\" alt=\"Accordion toggle icon\" />\n }\n </div>\n </header>\n @if (!disabled()) {\n <section\n [class]=\"getClassesContent()\"\n [ngClass]=\"{\n 'bmb_accordion-content-open': this._expanded()\n }\"\n >\n <ng-container [ngTemplateOutlet]=\"bmbAccordionContent\" />\n </section>\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_accordion{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border:.0625rem solid var(--general_contrasts-container-outline);color:var(--general_contrasts-100);position:relative}.bmb_accordion-header,.bmb_accordion-header-icon{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border-radius:1rem;cursor:pointer}.bmb_accordion-header-icon bmb-icon{font-size:1.125rem}.bmb_accordion-header-open{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-radius:1rem 1rem 0 0;color:var(--general_contrasts-100)}.bmb_accordion-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;border-top:.0625rem solid var(--buttons-inactive-step);display:none;max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease}.bmb_accordion-content.bmb_accordion-content-open,.bmb_accordion-content-init-open{display:block;max-height:100%;opacity:1}.bmb_accordion-overlay{cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.bmb_accordion.disabled{opacity:.5}.bmb_accordion.active{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion.active .bmb_accordion-header,.bmb_accordion.active .bmb_accordion-header-icon{background-color:var(--menu_select-on-surface-hovered-w-checkbox);color:var(--general_contrasts-100)}.bmb_accordion.active .bmb_accordion-content{border-top-color:RGBA(var(--color-mariner-700))}.bmb_accordion:hover:not(.active):not(.disabled):hover{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion-primary .bmb_accordion-header,.bmb_accordion-primary .bmb_accordion-header-icon{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_accordion-alternative .bmb_accordion-header,.bmb_accordion-alternative .bmb_accordion-header-icon{background-color:var(--containers-main);color:var(--general_contrasts-100)}\n"] }]
|
|
2498
2510
|
}], propDecorators: { bmbAccordionContent: [{
|
|
2499
2511
|
type: ContentChild,
|
|
2500
2512
|
args: ['bmbAccordionContent']
|
|
@@ -2772,7 +2784,6 @@ class BmbDropdownContentComponent {
|
|
|
2772
2784
|
item.action();
|
|
2773
2785
|
this.clickedItem.emit(item);
|
|
2774
2786
|
}
|
|
2775
|
-
;
|
|
2776
2787
|
}
|
|
2777
2788
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDropdownContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2778
2789
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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 }); }
|
|
@@ -5486,8 +5497,7 @@ class BmbCalendarComponent {
|
|
|
5486
5497
|
if (!acc[week][stringDate])
|
|
5487
5498
|
acc[week][stringDate] = [];
|
|
5488
5499
|
acc[week][stringDate].push({ ...event, startDate, endDate, interval });
|
|
5489
|
-
if (event.calendar &&
|
|
5490
|
-
!acc.calendars?.includes(event.calendar)) {
|
|
5500
|
+
if (event.calendar && !acc.calendars?.includes(event.calendar)) {
|
|
5491
5501
|
acc.calendars?.push(event.calendar);
|
|
5492
5502
|
}
|
|
5493
5503
|
return acc;
|
|
@@ -7497,11 +7507,11 @@ class BmbMediaCardComponent {
|
|
|
7497
7507
|
return attribute || '';
|
|
7498
7508
|
}
|
|
7499
7509
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbMediaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7500
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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: "20.3.9", 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 }); }
|
|
7501
7511
|
}
|
|
7502
7512
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbMediaCardComponent, decorators: [{
|
|
7503
7513
|
type: Component,
|
|
7504
|
-
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"] }]
|
|
7505
7515
|
}], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], mobileSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileSrc", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], ratio: [{ type: i0.Input, args: [{ isSignal: true, alias: "ratio", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], enableZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableZoom", required: false }] }], isBlurredBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBlurredBackdrop", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }], userName: [{ type: i0.Input, args: [{ isSignal: true, alias: "userName", required: false }] }], userImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "userImage", required: false }] }], fullmediaCard: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullmediaCard", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], boxShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "boxShadow", required: false }] }], mediaCardClicked: [{ type: i0.Output, args: ["mediaCardClicked"] }] } });
|
|
7506
7516
|
|
|
7507
7517
|
class BmbStatCounterComponent {
|
|
@@ -10035,19 +10045,26 @@ class BmbAlertCenterDetailComponent {
|
|
|
10035
10045
|
this.alert = input.required(...(ngDevMode ? [{ debugName: "alert" }] : []));
|
|
10036
10046
|
this.alertEvent = output();
|
|
10037
10047
|
}
|
|
10048
|
+
/**
|
|
10049
|
+
* Sanitizes HTML content using DOMPurify before bypassing Angular's built-in sanitization.
|
|
10050
|
+
* This is safe because:
|
|
10051
|
+
* 1. Content is pre-sanitized with DOMPurify using restrictive forbidTagsAndAttributes config
|
|
10052
|
+
* 2. DOMPurify removes all potentially dangerous HTML/JS content
|
|
10053
|
+
* 3. Only safe HTML tags and attributes are allowed through the configuration
|
|
10054
|
+
*/
|
|
10038
10055
|
sanitizedHtml(html) {
|
|
10039
10056
|
const clean = DOMPurify.sanitize(html, forbidTagsAndAttributes);
|
|
10040
|
-
return this.sanitizer.bypassSecurityTrustHtml(clean);
|
|
10057
|
+
return this.sanitizer.bypassSecurityTrustHtml(clean); // NOSONAR Content is sanitized with DOMPurify - safe to bypass Angular sanitization
|
|
10041
10058
|
}
|
|
10042
10059
|
handleAlertEvent(alert) {
|
|
10043
10060
|
this.alertEvent.emit(alert);
|
|
10044
10061
|
}
|
|
10045
10062
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAlertCenterDetailComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10046
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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
|
|
10063
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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"] }] }); }
|
|
10047
10064
|
}
|
|
10048
10065
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAlertCenterDetailComponent, decorators: [{
|
|
10049
10066
|
type: Component,
|
|
10050
|
-
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
|
|
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" }]
|
|
10051
10068
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { alert: [{ type: i0.Input, args: [{ isSignal: true, alias: "alert", required: true }] }], alertEvent: [{ type: i0.Output, args: ["alertEvent"] }] } });
|
|
10052
10069
|
|
|
10053
10070
|
class BmbAlertCenterAdsComponent {
|
|
@@ -10126,7 +10143,7 @@ class BmbNotificationCardModalComponent {
|
|
|
10126
10143
|
this.alertEvent.emit(alert);
|
|
10127
10144
|
}
|
|
10128
10145
|
getAlert() {
|
|
10129
|
-
if (!this.visibleAlert) {
|
|
10146
|
+
if (!this.visibleAlert()) {
|
|
10130
10147
|
throw new Error('No alert visible');
|
|
10131
10148
|
}
|
|
10132
10149
|
return this.visibleAlert();
|
|
@@ -10136,10 +10153,7 @@ class BmbNotificationCardModalComponent {
|
|
|
10136
10153
|
}
|
|
10137
10154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbNotificationCardModalComponent, decorators: [{
|
|
10138
10155
|
type: Component,
|
|
10139
|
-
args: [{ selector: 'bmb-notification-card-modal', standalone: true, imports: [
|
|
10140
|
-
CommonModule,
|
|
10141
|
-
BmbAlertCenterDetailComponent,
|
|
10142
|
-
], 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"] }]
|
|
10143
10157
|
}], propDecorators: { visibleAlert: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleAlert", required: false }] }], alertEvent: [{ type: i0.Output, args: ["alertEvent"] }] } });
|
|
10144
10158
|
|
|
10145
10159
|
class BmbNotificationCardComponent {
|
|
@@ -13608,11 +13622,11 @@ class BmbIconStatusComponent {
|
|
|
13608
13622
|
return (!!className && `${baseClassName}-${className}`) || '';
|
|
13609
13623
|
}
|
|
13610
13624
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbIconStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13611
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", 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'
|
|
13625
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", 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 }); }
|
|
13612
13626
|
}
|
|
13613
13627
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbIconStatusComponent, decorators: [{
|
|
13614
13628
|
type: Component,
|
|
13615
|
-
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'
|
|
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"] }]
|
|
13616
13630
|
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], statusAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusAppearance", required: false }] }], iconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconColor", required: false }] }] } });
|
|
13617
13631
|
|
|
13618
13632
|
class BmbDigitalIdComponent {
|
|
@@ -13627,11 +13641,12 @@ class BmbDigitalIdComponent {
|
|
|
13627
13641
|
this.icon = input('qr_code_scanner', ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
13628
13642
|
this.imgProfile = input.required(...(ngDevMode ? [{ debugName: "imgProfile" }] : []));
|
|
13629
13643
|
this.imgBackground = input.required(...(ngDevMode ? [{ debugName: "imgBackground" }] : []));
|
|
13630
|
-
this.hideButton = input(false, ...(ngDevMode ? [{ debugName: "hideButton" }] : []));
|
|
13631
13644
|
this.secondaryTextButton = input(...(ngDevMode ? [undefined, { debugName: "secondaryTextButton" }] : []));
|
|
13632
13645
|
this.secondaryIconButton = input('download_2', ...(ngDevMode ? [{ debugName: "secondaryIconButton" }] : []));
|
|
13633
13646
|
this.disableSecondaryButton = input(false, ...(ngDevMode ? [{ debugName: "disableSecondaryButton" }] : []));
|
|
13634
13647
|
this.disableMainButton = input(false, ...(ngDevMode ? [{ debugName: "disableMainButton" }] : []));
|
|
13648
|
+
this.hideMainButton = input(false, ...(ngDevMode ? [{ debugName: "hideMainButton" }] : []));
|
|
13649
|
+
this.hideSecondaryButton = input(false, ...(ngDevMode ? [{ debugName: "hideSecondaryButton" }] : []));
|
|
13635
13650
|
this.logoSrc = input('assets/images/tec-logo.svg', ...(ngDevMode ? [{ debugName: "logoSrc" }] : []));
|
|
13636
13651
|
this.close = output();
|
|
13637
13652
|
this.access = output();
|
|
@@ -13650,7 +13665,7 @@ class BmbDigitalIdComponent {
|
|
|
13650
13665
|
return this.name().concat(' ').concat(this.surname());
|
|
13651
13666
|
}
|
|
13652
13667
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDigitalIdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13653
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", 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: "20.3.9", 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 }); }
|
|
13654
13669
|
}
|
|
13655
13670
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDigitalIdComponent, decorators: [{
|
|
13656
13671
|
type: Component,
|
|
@@ -13661,8 +13676,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
13661
13676
|
BmbImageComponent,
|
|
13662
13677
|
BmbButtonDirective,
|
|
13663
13678
|
TranslatePipe,
|
|
13664
|
-
], 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
|
|
13665
|
-
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], surname: [{ type: i0.Input, args: [{ isSignal: true, alias: "surname", required: true }] }], registration: [{ type: i0.Input, args: [{ isSignal: true, alias: "registration", required: true }] }], campus: [{ type: i0.Input, args: [{ isSignal: true, alias: "campus", required: true }] }], career: [{ type: i0.Input, args: [{ isSignal: true, alias: "career", required: true }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: true }] }], textButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "textButton", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], imgProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgProfile", required: true }] }], imgBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgBackground", required: true }] }],
|
|
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"] }]
|
|
13680
|
+
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], surname: [{ type: i0.Input, args: [{ isSignal: true, alias: "surname", required: true }] }], registration: [{ type: i0.Input, args: [{ isSignal: true, alias: "registration", required: true }] }], campus: [{ type: i0.Input, args: [{ isSignal: true, alias: "campus", required: true }] }], career: [{ type: i0.Input, args: [{ isSignal: true, alias: "career", required: true }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: true }] }], textButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "textButton", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], imgProfile: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgProfile", required: true }] }], imgBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgBackground", required: true }] }], secondaryTextButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryTextButton", required: false }] }], secondaryIconButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryIconButton", required: false }] }], disableSecondaryButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSecondaryButton", required: false }] }], disableMainButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableMainButton", required: false }] }], hideMainButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideMainButton", required: false }] }], hideSecondaryButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSecondaryButton", required: false }] }], logoSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoSrc", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], access: [{ type: i0.Output, args: ["access"] }], onSecondaryClick: [{ type: i0.Output, args: ["onSecondaryClick"] }] } });
|
|
13666
13681
|
|
|
13667
13682
|
class BmbSoundsCardComponent {
|
|
13668
13683
|
constructor() {
|