@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1320-a → 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 {
|
|
@@ -1643,7 +1649,8 @@ class BmbNativeModalComponent {
|
|
|
1643
1649
|
if (!(this.content() instanceof Type)) {
|
|
1644
1650
|
return;
|
|
1645
1651
|
}
|
|
1646
|
-
|
|
1652
|
+
// Clear previous content, optional chaining in case container is not yet initialized
|
|
1653
|
+
this.container?.clear();
|
|
1647
1654
|
if (this.componentRef) {
|
|
1648
1655
|
this.componentRef?.destroy();
|
|
1649
1656
|
this.componentRef = null;
|
|
@@ -1930,7 +1937,7 @@ class BmbNotificationService {
|
|
|
1930
1937
|
this.getOrCreatePortal();
|
|
1931
1938
|
this.notificationList.update((currentNotifications) => [
|
|
1932
1939
|
...currentNotifications,
|
|
1933
|
-
{ ...notification, id },
|
|
1940
|
+
{ position: 'top-right', ...notification, id },
|
|
1934
1941
|
]);
|
|
1935
1942
|
setTimeout(() => {
|
|
1936
1943
|
this.deleteNotification(id);
|
|
@@ -2748,6 +2755,7 @@ class BmbDropdownContentComponent {
|
|
|
2748
2755
|
this.items = model([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
2749
2756
|
this.isKeyboardEvent = model(false, ...(ngDevMode ? [{ debugName: "isKeyboardEvent" }] : [])); //Internal
|
|
2750
2757
|
this.enableFilter = input(false, ...(ngDevMode ? [{ debugName: "enableFilter" }] : []));
|
|
2758
|
+
this.clickedItem = output();
|
|
2751
2759
|
this.isOpen = model(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : [])); //remove this
|
|
2752
2760
|
this.filteredItems = computed(() => {
|
|
2753
2761
|
if (this.enableFilter() && this.filterString() !== '') {
|
|
@@ -2772,11 +2780,13 @@ class BmbDropdownContentComponent {
|
|
|
2772
2780
|
return this.selectedOption()?.includes(item) || false;
|
|
2773
2781
|
}
|
|
2774
2782
|
handleDropdown(item) {
|
|
2775
|
-
if (item?.action)
|
|
2783
|
+
if (item?.action) {
|
|
2776
2784
|
item.action();
|
|
2785
|
+
this.clickedItem.emit(item);
|
|
2786
|
+
}
|
|
2777
2787
|
}
|
|
2778
2788
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDropdownContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2779
|
-
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", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n @if (enableFilter()) {\n <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n <input\n type=\"text\"\n class=\"bmb_dropdown-content-item-filter-input\"\n placeholder=\"Select an option\"\n (input)=\"filterList($event)\"\n />\n <bmb-icon\n class=\"bmb_dropdown-content-item-filter-icon\"\n icon=\"search\"\n [size]=\"24\"\n />\n </li>\n }\n @for (item of filteredItems(); track $index) {\n <li\n class=\"bmb_dropdown-content-item\"\n [ngClass]=\"{\n 'bmb_dropdown-content-item-selected': isSelected(item.value!)\n }\"\n [id]=\"item.idItem\"\n >\n <bmb-check-external-link-button\n [link]=\"item.url!\"\n [target]=\"item.target!\"\n (buttonClick)=\"handleDropdown(item)\"\n >\n @if (!!item.icon) {\n <bmb-icon\n class=\"bmb_dropdown-content-item-icon\"\n [icon]=\"item.icon\"\n [size]=\"24\"\n [dotNotification]=\"item.dotNotification\"\n />\n }\n <span class=\"bmb_dropdown-content-item-text\">\n {{ item.text }}\n </span>\n </bmb-check-external-link-button>\n </li>\n }\n </ul>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2789
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "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 }); }
|
|
2780
2790
|
}
|
|
2781
2791
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDropdownContentComponent, decorators: [{
|
|
2782
2792
|
type: Component,
|
|
@@ -2785,30 +2795,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
2785
2795
|
BmbCheckExternalLinkButtonComponent,
|
|
2786
2796
|
BmbIconComponent,
|
|
2787
2797
|
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n @if (enableFilter()) {\n <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n <input\n type=\"text\"\n class=\"bmb_dropdown-content-item-filter-input\"\n placeholder=\"Select an option\"\n (input)=\"filterList($event)\"\n />\n <bmb-icon\n class=\"bmb_dropdown-content-item-filter-icon\"\n icon=\"search\"\n [size]=\"24\"\n />\n </li>\n }\n @for (item of filteredItems(); track $index) {\n <li\n class=\"bmb_dropdown-content-item\"\n [ngClass]=\"{\n 'bmb_dropdown-content-item-selected': isSelected(item.value!)\n }\"\n [id]=\"item.idItem\"\n >\n <bmb-check-external-link-button\n [link]=\"item.url!\"\n [target]=\"item.target!\"\n (buttonClick)=\"handleDropdown(item)\"\n >\n @if (!!item.icon) {\n <bmb-icon\n class=\"bmb_dropdown-content-item-icon\"\n [icon]=\"item.icon\"\n [size]=\"24\"\n [dotNotification]=\"item.dotNotification\"\n />\n }\n <span class=\"bmb_dropdown-content-item-text\">\n {{ item.text }}\n </span>\n </bmb-check-external-link-button>\n </li>\n }\n </ul>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"] }]
|
|
2788
|
-
}], propDecorators: { selectedOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedOption", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }, { type: i0.Output, args: ["itemsChange"] }], isKeyboardEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "isKeyboardEvent", required: false }] }, { type: i0.Output, args: ["isKeyboardEventChange"] }], enableFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableFilter", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }, { type: i0.Output, args: ["isOpenChange"] }] } });
|
|
2798
|
+
}], propDecorators: { selectedOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedOption", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }, { type: i0.Output, args: ["itemsChange"] }], isKeyboardEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "isKeyboardEvent", required: false }] }, { type: i0.Output, args: ["isKeyboardEventChange"] }], enableFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableFilter", required: false }] }], clickedItem: [{ type: i0.Output, args: ["clickedItem"] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }, { type: i0.Output, args: ["isOpenChange"] }] } });
|
|
2789
2799
|
|
|
2790
2800
|
class BmbDropdownMenuComponent {
|
|
2791
2801
|
constructor(projectionService) {
|
|
2792
2802
|
this.projectionService = projectionService;
|
|
2793
2803
|
this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
2804
|
+
this.clickedItem = output();
|
|
2794
2805
|
}
|
|
2795
2806
|
openDropdown() {
|
|
2796
2807
|
const data = {
|
|
2797
2808
|
content: BmbDropdownContentComponent,
|
|
2798
2809
|
targetRef: this.contentRef?.nativeElement,
|
|
2799
2810
|
inputContext: { items: this.items() },
|
|
2811
|
+
outputContext: {
|
|
2812
|
+
clickedItem: (item) => {
|
|
2813
|
+
this.clickedItem.emit(item);
|
|
2814
|
+
this.projectionService.closeContent();
|
|
2815
|
+
},
|
|
2816
|
+
},
|
|
2800
2817
|
focusOnOpen: true,
|
|
2801
2818
|
showBackdrop: false,
|
|
2802
2819
|
};
|
|
2803
2820
|
this.projectionService.openContent(data);
|
|
2804
2821
|
}
|
|
2805
2822
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDropdownMenuComponent, deps: [{ token: BmbProjectionContentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2806
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", type: BmbDropdownMenuComponent, isStandalone: true, selector: "bmb-dropdown-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentDiv"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"bmb_dropdown_menu\" #contentDiv>\n <bmb-action-icon\n class=\"bmb_dropdown_menu-button\"\n icon=\"more_vert\"\n [iconSize]=\"24\"\n (buttonClick)=\"openDropdown()\"\n />\n</section>\n", styles: [".bmb_dropdown_menu{position:relative;color:currentColor}.bmb_dropdown_menu-list .bmb_dropdown-content-modal{left:var(--bmb-spacing-m);max-width:15.625rem}\n"], dependencies: [{ kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2823
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", type: BmbDropdownMenuComponent, isStandalone: true, selector: "bmb-dropdown-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickedItem: "clickedItem" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentDiv"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"bmb_dropdown_menu\" #contentDiv>\n <bmb-action-icon\n class=\"bmb_dropdown_menu-button\"\n icon=\"more_vert\"\n [iconSize]=\"24\"\n (buttonClick)=\"openDropdown()\"\n />\n</section>\n", styles: [".bmb_dropdown_menu{position:relative;color:currentColor}.bmb_dropdown_menu-list .bmb_dropdown-content-modal{left:var(--bmb-spacing-m);max-width:15.625rem}\n"], dependencies: [{ kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2807
2824
|
}
|
|
2808
2825
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDropdownMenuComponent, decorators: [{
|
|
2809
2826
|
type: Component,
|
|
2810
2827
|
args: [{ selector: 'bmb-dropdown-menu', standalone: true, imports: [BmbActionIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_dropdown_menu\" #contentDiv>\n <bmb-action-icon\n class=\"bmb_dropdown_menu-button\"\n icon=\"more_vert\"\n [iconSize]=\"24\"\n (buttonClick)=\"openDropdown()\"\n />\n</section>\n", styles: [".bmb_dropdown_menu{position:relative;color:currentColor}.bmb_dropdown_menu-list .bmb_dropdown-content-modal{left:var(--bmb-spacing-m);max-width:15.625rem}\n"] }]
|
|
2811
|
-
}], ctorParameters: () => [{ type: BmbProjectionContentService }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], contentRef: [{
|
|
2828
|
+
}], ctorParameters: () => [{ type: BmbProjectionContentService }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], clickedItem: [{ type: i0.Output, args: ["clickedItem"] }], contentRef: [{
|
|
2812
2829
|
type: ViewChild,
|
|
2813
2830
|
args: ['contentDiv', { static: true }]
|
|
2814
2831
|
}] } });
|
|
@@ -2900,7 +2917,7 @@ class BmbCardButtonComponent {
|
|
|
2900
2917
|
this.onAddContentClick.emit(event);
|
|
2901
2918
|
}
|
|
2902
2919
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbCardButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2903
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbCardButtonComponent, isStandalone: true, selector: "bmb-card-button", inputs: { isFullInteractive: { classPropertyName: "isFullInteractive", publicName: "isFullInteractive", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, leftContentIcon: { classPropertyName: "leftContentIcon", publicName: "leftContentIcon", isSignal: true, isRequired: false, transformFunction: null }, leftContentImage: { classPropertyName: "leftContentImage", publicName: "leftContentImage", isSignal: true, isRequired: false, transformFunction: null }, leftContent: { classPropertyName: "leftContent", publicName: "leftContent", isSignal: true, isRequired: false, transformFunction: null }, hasMenu: { classPropertyName: "hasMenu", publicName: "hasMenu", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, isTemplate: { classPropertyName: "isTemplate", publicName: "isTemplate", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, isSmall: { classPropertyName: "isSmall", publicName: "isSmall", isSignal: true, isRequired: false, transformFunction: null }, botIcon: { classPropertyName: "botIcon", publicName: "botIcon", isSignal: true, isRequired: false, transformFunction: null }, botImage: { classPropertyName: "botImage", publicName: "botImage", isSignal: true, isRequired: false, transformFunction: null }, smallIcon: { classPropertyName: "smallIcon", publicName: "smallIcon", isSignal: true, isRequired: false, transformFunction: null }, smallTitle: { classPropertyName: "smallTitle", publicName: "smallTitle", isSignal: true, isRequired: false, transformFunction: null }, smallDescription: { classPropertyName: "smallDescription", publicName: "smallDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAddContentClick: "onAddContentClick", onTitleClick: "onTitleClick", onSmallClick: "onSmallClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_card_button\">\n @if (isSmall()) {\n <button\n type=\"button\"\n class=\"bmb_card_button-small\"\n [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n (click)=\"handleSmallClick($event)\"\n >\n <div class=\"bmb_card_button-small-front\">\n <bmb-icon\n [icon]=\"smallIcon()\"\n [size]=\"24\"\n class=\"bmb_card_button-small-top-icon\"\n alt=\"Small icon\"\n />\n <img\n [src]=\"botImage()?.src\"\n [alt]=\"botImage()?.alt\"\n class=\"bmb_card_button-small-bot-icon\"\n />\n <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n </div>\n <div class=\"bmb_card_button-small-back\">\n <bmb-icon\n icon=\"close\"\n [size]=\"24\"\n class=\"bmb_card_button-small-close-icon\"\n />\n <div class=\"bmb_card_button-small-text\">\n {{ smallDescription() }}\n </div>\n </div>\n </button>\n } @else if (isFullInteractive()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-wrapper\"\n [ngClass]=\"{\n 'bmb_card_button-wrapper-button':\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n !textLink()\n }\"\n (click)=\"handleAddContent($event)\"\n >\n @if (leftContent() || isTemplate() || hasMenu()) {\n <section class=\"bmb_card_button-box\">\n @if (leftContent()) {\n <section\n class=\"bmb_card_button-left\"\n [ngClass]=\"{\n 'bmb_card_button-top-header': !leftContentIcon(),\n 'bmb_card_button-top-header-start':\n !leftContentIcon() && !!badge()\n }\"\n >\n @if (!!leftContentIcon()) {\n <div class=\"bmb_card_button-circle\">\n <bmb-icon\n [icon]=\"leftContentIcon()\"\n [size]=\"32\"\n class=\"bmb_card_button-circle-icon\"\n [alt]=\"title()\"\n />\n </div>\n } @else {\n <img\n class=\"bmb_card_button-top-header-image\"\n [src]=\"leftContentImage()?.src\"\n [alt]=\"leftContentImage()?.alt\"\n />\n <section class=\"bmb_card_button-top-header-container\">\n @if (!!badge()) {\n <bmb-badge\n class=\"bmb_card_button-top-header-container-title\"\n [text]=\"badge()?.text!\"\n [appearance]=\"badge()?.appearance ?? 'normal'\"\n [container]=\"badge()?.container ?? true\"\n />\n }\n <h2 class=\"bmb_card_button-top-header-container-title\">\n {{ title() }}\n </h2>\n </section>\n }\n </section>\n }\n <section class=\"bmb_card_button-leading\">\n @if (isTemplate()) {\n <div class=\"bmb_card_button-template\">\n <ng-content />\n </div>\n }\n\n @if (hasMenu()) {\n <bmb-dropdown-menu\n class=\"bmb_card_button-menu\"\n [items]=\"menuItems()\"\n />\n }\n </section>\n </section>\n }\n @if (!!leftContentIcon() && !leftContentImage()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-header\"\n (click)=\"handleTitleClick($event)\"\n >\n <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"16\"\n class=\"bmb_card_button-header-icon\"\n />\n </section>\n }\n\n @if (\n (leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()) ||\n body()\n ) {\n <section class=\"bmb_card_button-body\">\n {{ body() }}\n\n @if (\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()\n ) {\n <bmb-text-link\n [textLink]=\"textLink()?.label!\"\n icon=\"\"\n [link]=\"textLink()?.link!\"\n [target]=\"textLink()?.target!\"\n />\n }\n </section>\n }\n <div class=\"bmb_card_button-custom-content\">\n <ng-container [ngTemplateOutlet]=\"customContent\" />\n </div>\n </section>\n } @else {\n <button\n type=\"button\"\n class=\"bmb_card_button-add\"\n (click)=\"handleAddContent($event)\"\n >\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"48\"\n class=\"bmb_card_button-add-icon\"\n [isFill]=\"false\"\n [alt]=\"title()\"\n />\n <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n </button>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general_contrasts-container-outline);border-radius:1rem;height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:.5rem;border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:1rem;box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general_contrasts-15)}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general_contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general_contrasts-100);border-radius:100%;color:var(--general_contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:.75rem;height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general_contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general_contrasts)}.bmb_card_button-header-icon{color:rgb(var(--color-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general_contrasts-container)}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general_contrasts-75)}.bmb_card_button-add{background-color:rgb(var(--color-mariner-800));outline:0 solid transparent;color:rgb(var(--color-white-primary));width:100%;height:100%;border-radius:1rem;box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-primary-hover)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--color-charade-950));outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow)}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general_contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu_select-surface-activated)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:.5rem;background-color:var(--menu_select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu_select-surface-activated)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:.5rem;display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general_contrasts-container-outline);border-radius:.5rem;box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu_select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general_contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general_contrasts-75)}.bmb_card_button-small-bot-icon{height:3rem;width:3rem}.bmb_card_button-small-title{color:var(--general_contrasts-75);font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general_contrasts-75);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general_contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:var(--azul-mariner-500)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--color-mariner-400))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2920
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbCardButtonComponent, isStandalone: true, selector: "bmb-card-button", inputs: { isFullInteractive: { classPropertyName: "isFullInteractive", publicName: "isFullInteractive", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, leftContentIcon: { classPropertyName: "leftContentIcon", publicName: "leftContentIcon", isSignal: true, isRequired: false, transformFunction: null }, leftContentImage: { classPropertyName: "leftContentImage", publicName: "leftContentImage", isSignal: true, isRequired: false, transformFunction: null }, leftContent: { classPropertyName: "leftContent", publicName: "leftContent", isSignal: true, isRequired: false, transformFunction: null }, hasMenu: { classPropertyName: "hasMenu", publicName: "hasMenu", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, isTemplate: { classPropertyName: "isTemplate", publicName: "isTemplate", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, isSmall: { classPropertyName: "isSmall", publicName: "isSmall", isSignal: true, isRequired: false, transformFunction: null }, botIcon: { classPropertyName: "botIcon", publicName: "botIcon", isSignal: true, isRequired: false, transformFunction: null }, botImage: { classPropertyName: "botImage", publicName: "botImage", isSignal: true, isRequired: false, transformFunction: null }, smallIcon: { classPropertyName: "smallIcon", publicName: "smallIcon", isSignal: true, isRequired: false, transformFunction: null }, smallTitle: { classPropertyName: "smallTitle", publicName: "smallTitle", isSignal: true, isRequired: false, transformFunction: null }, smallDescription: { classPropertyName: "smallDescription", publicName: "smallDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAddContentClick: "onAddContentClick", onTitleClick: "onTitleClick", onSmallClick: "onSmallClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true }], ngImport: i0, template: "<section class=\"bmb_card_button\">\n @if (isSmall()) {\n <button\n type=\"button\"\n class=\"bmb_card_button-small\"\n [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n (click)=\"handleSmallClick($event)\"\n >\n <div class=\"bmb_card_button-small-front\">\n <bmb-icon\n [icon]=\"smallIcon()\"\n [size]=\"24\"\n class=\"bmb_card_button-small-top-icon\"\n alt=\"Small icon\"\n />\n <img\n [src]=\"botImage()?.src\"\n [alt]=\"botImage()?.alt\"\n class=\"bmb_card_button-small-bot-icon\"\n />\n <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n </div>\n <div class=\"bmb_card_button-small-back\">\n <bmb-icon\n icon=\"close\"\n [size]=\"24\"\n class=\"bmb_card_button-small-close-icon\"\n />\n <div class=\"bmb_card_button-small-text\">\n {{ smallDescription() }}\n </div>\n </div>\n </button>\n } @else if (isFullInteractive()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-wrapper\"\n [ngClass]=\"{\n 'bmb_card_button-wrapper-button':\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n !textLink()\n }\"\n (click)=\"handleAddContent($event)\"\n >\n @if (leftContent() || isTemplate() || hasMenu()) {\n <section class=\"bmb_card_button-box\">\n @if (leftContent()) {\n <section\n class=\"bmb_card_button-left\"\n [ngClass]=\"{\n 'bmb_card_button-top-header': !leftContentIcon(),\n 'bmb_card_button-top-header-start':\n !leftContentIcon() && !!badge()\n }\"\n >\n @if (!!leftContentIcon()) {\n <div class=\"bmb_card_button-circle\">\n <bmb-icon\n [icon]=\"leftContentIcon()\"\n [size]=\"32\"\n class=\"bmb_card_button-circle-icon\"\n [alt]=\"title()\"\n />\n </div>\n } @else {\n <img\n class=\"bmb_card_button-top-header-image\"\n [src]=\"leftContentImage()?.src\"\n [alt]=\"leftContentImage()?.alt\"\n />\n <section class=\"bmb_card_button-top-header-container\">\n @if (!!badge()) {\n <bmb-badge\n class=\"bmb_card_button-top-header-container-title\"\n [text]=\"badge()?.text!\"\n [appearance]=\"badge()?.appearance ?? 'normal'\"\n [container]=\"badge()?.container ?? true\"\n />\n }\n <h2 class=\"bmb_card_button-top-header-container-title\">\n {{ title() }}\n </h2>\n </section>\n }\n </section>\n }\n <section class=\"bmb_card_button-leading\">\n @if (isTemplate()) {\n <div class=\"bmb_card_button-template\">\n <ng-content />\n </div>\n }\n\n @if (hasMenu()) {\n <bmb-dropdown-menu\n class=\"bmb_card_button-menu\"\n [items]=\"menuItems()\"\n />\n }\n </section>\n </section>\n }\n @if (!!leftContentIcon() && !leftContentImage()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-header\"\n (click)=\"handleTitleClick($event)\"\n >\n <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"16\"\n class=\"bmb_card_button-header-icon\"\n />\n </section>\n }\n\n @if (\n (leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()) ||\n body()\n ) {\n <section class=\"bmb_card_button-body\">\n {{ body() }}\n\n @if (\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()\n ) {\n <bmb-text-link\n [textLink]=\"textLink()?.label!\"\n icon=\"\"\n [link]=\"textLink()?.link!\"\n [target]=\"textLink()?.target!\"\n />\n }\n </section>\n }\n <div class=\"bmb_card_button-custom-content\">\n <ng-container [ngTemplateOutlet]=\"customContent\" />\n </div>\n </section>\n } @else {\n <button\n type=\"button\"\n class=\"bmb_card_button-add\"\n (click)=\"handleAddContent($event)\"\n >\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"48\"\n class=\"bmb_card_button-add-icon\"\n [isFill]=\"false\"\n [alt]=\"title()\"\n />\n <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n </button>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general_contrasts-container-outline);border-radius:1rem;height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:.5rem;border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:1rem;box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general_contrasts-15)}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general_contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general_contrasts-100);border-radius:100%;color:var(--general_contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:.75rem;height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general_contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general_contrasts)}.bmb_card_button-header-icon{color:rgb(var(--color-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general_contrasts-container)}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general_contrasts-75)}.bmb_card_button-add{background-color:rgb(var(--color-mariner-800));outline:0 solid transparent;color:rgb(var(--color-white-primary));width:100%;height:100%;border-radius:1rem;box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-primary-hover)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--color-charade-950));outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow)}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general_contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu_select-surface-activated)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:.5rem;background-color:var(--menu_select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu_select-surface-activated)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:.5rem;display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general_contrasts-container-outline);border-radius:.5rem;box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu_select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general_contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general_contrasts-75)}.bmb_card_button-small-bot-icon{height:3rem;width:3rem}.bmb_card_button-small-title{color:var(--general_contrasts-75);font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general_contrasts-75);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general_contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:var(--azul-mariner-500)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--color-mariner-400))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2904
2921
|
}
|
|
2905
2922
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbCardButtonComponent, decorators: [{
|
|
2906
2923
|
type: Component,
|
|
@@ -4042,7 +4059,7 @@ class BmbContainerButtonComponent {
|
|
|
4042
4059
|
this.secondaryAction.emit(event);
|
|
4043
4060
|
}
|
|
4044
4061
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbContainerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4045
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbContainerButtonComponent, isStandalone: true, selector: "bmb-container-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, isUserImage: { classPropertyName: "isUserImage", publicName: "isUserImage", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, setButtonTemplate: { classPropertyName: "setButtonTemplate", publicName: "setButtonTemplate", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null }, enableSecondaryAction: { classPropertyName: "enableSecondaryAction", publicName: "enableSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, enableBookmark: { classPropertyName: "enableBookmark", publicName: "enableBookmark", isSignal: true, isRequired: false, transformFunction: null }, isBookmarkActive: { classPropertyName: "isBookmarkActive", publicName: "isBookmarkActive", isSignal: true, isRequired: false, transformFunction: null }, dropdownMenuItems: { classPropertyName: "dropdownMenuItems", publicName: "dropdownMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isBookmarkActive: "isBookmarkActiveChange", onButton: "onButton", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<section class=\"bmb_container-button\">\n <bmb-check-external-link-button\n class=\"bmb_container-button-wrapper\"\n [ngClass]=\"getClassList()\"\n [link]=\"link()\"\n [target]=\"target()\"\n (buttonClick)=\"handleClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n >\n <section\n bmbLayout\n [dynamicCols]=\"true\"\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n class=\"bmb_container-button-content\"\n >\n <section class=\"bmb_container-button-left\">\n @if ((iconLeft() && !score()) || square() || small()) {\n @if (isUserImage()) {\n <bmb-user-image\n size=\"desktop-small\"\n [image]=\"iconLeft()\"\n altImage=\"Image of icon left\"\n />\n } @else {\n <bmb-icon\n bmbLayoutItem\n class=\"bmb_container-button-left-icon\"\n [icon]=\"iconLeft()\"\n alt=\"Icon left\"\n />\n }\n }\n @if (score() && !square() && !small()) {\n <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n }\n <div class=\"bmb_container-button-header\">\n <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n @if (subtitle() && !square() && !small()) {\n <h4 class=\"bmb_container-button-subtitle\">\n {{ subtitle() }}\n </h4>\n }\n </div>\n </section>\n <section class=\"bmb_container-button-right\">\n @if (badgeText() && !square() && !small()) {\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n class=\"bmb_container-button-badge\"\n />\n }\n @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n @if (enableBookmark()) {\n <bmb-bookmark\n class=\"bmb_container-button-right-bookmark\"\n [(isActive)]=\"isBookmarkActive\"\n />\n } @else if (enableSecondaryAction()) {\n <bmb-action-icon\n class=\"bmb_container-button-right-action\"\n [icon]=\"iconRight()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSecondaryClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n />\n } @else if (!!dropdownMenuItems().length) {\n <bmb-dropdown-menu\n class=\"bmb_container-button-right-menu\"\n [items]=\"dropdownMenuItems()\"\n />\n } @else {\n <bmb-icon\n class=\"bmb_container-button-right-icon\"\n [icon]=\"iconRight()\"\n [size]=\"24\"\n alt=\"Icon right\"\n />\n }\n }\n </section>\n </section>\n </bmb-check-external-link-button>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--red-primary);color:var(--red-primary);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--red-primary)}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general_contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general_contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general_contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general_contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general_contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general_contrasts-50)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(.bmb_container-button-disabled):not(.bmb_container-button-error){background-color:var(--buttons-primary-select);color:var(--white-primary)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(.bmb_container-button-disabled):not(.bmb_container-button-error) .bmb_grade-value-main{fill:var(--white-primary)}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general_contrasts-50);border-radius:1rem;color:var(--general_contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:none}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:none}.bmb_container-button .bmb_grade-value-main{fill:var(--general_contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbBookmarkComponent, selector: "bmb-bookmark", inputs: ["isActive"], outputs: ["isActiveChange"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4062
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbContainerButtonComponent, isStandalone: true, selector: "bmb-container-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, isUserImage: { classPropertyName: "isUserImage", publicName: "isUserImage", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, setButtonTemplate: { classPropertyName: "setButtonTemplate", publicName: "setButtonTemplate", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null }, enableSecondaryAction: { classPropertyName: "enableSecondaryAction", publicName: "enableSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, enableBookmark: { classPropertyName: "enableBookmark", publicName: "enableBookmark", isSignal: true, isRequired: false, transformFunction: null }, isBookmarkActive: { classPropertyName: "isBookmarkActive", publicName: "isBookmarkActive", isSignal: true, isRequired: false, transformFunction: null }, dropdownMenuItems: { classPropertyName: "dropdownMenuItems", publicName: "dropdownMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isBookmarkActive: "isBookmarkActiveChange", onButton: "onButton", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<section class=\"bmb_container-button\">\n <bmb-check-external-link-button\n class=\"bmb_container-button-wrapper\"\n [ngClass]=\"getClassList()\"\n [link]=\"link()\"\n [target]=\"target()\"\n (buttonClick)=\"handleClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n >\n <section\n bmbLayout\n [dynamicCols]=\"true\"\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n class=\"bmb_container-button-content\"\n >\n <section class=\"bmb_container-button-left\">\n @if ((iconLeft() && !score()) || square() || small()) {\n @if (isUserImage()) {\n <bmb-user-image\n size=\"desktop-small\"\n [image]=\"iconLeft()\"\n altImage=\"Image of icon left\"\n />\n } @else {\n <bmb-icon\n bmbLayoutItem\n class=\"bmb_container-button-left-icon\"\n [icon]=\"iconLeft()\"\n alt=\"Icon left\"\n />\n }\n }\n @if (score() && !square() && !small()) {\n <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n }\n <div class=\"bmb_container-button-header\">\n <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n @if (subtitle() && !square() && !small()) {\n <h4 class=\"bmb_container-button-subtitle\">\n {{ subtitle() }}\n </h4>\n }\n </div>\n </section>\n <section class=\"bmb_container-button-right\">\n @if (badgeText() && !square() && !small()) {\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n class=\"bmb_container-button-badge\"\n />\n }\n @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n @if (enableBookmark()) {\n <bmb-bookmark\n class=\"bmb_container-button-right-bookmark\"\n [(isActive)]=\"isBookmarkActive\"\n />\n } @else if (enableSecondaryAction()) {\n <bmb-action-icon\n class=\"bmb_container-button-right-action\"\n [icon]=\"iconRight()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSecondaryClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n />\n } @else if (!!dropdownMenuItems().length) {\n <bmb-dropdown-menu\n class=\"bmb_container-button-right-menu\"\n [items]=\"dropdownMenuItems()\"\n />\n } @else {\n <bmb-icon\n class=\"bmb_container-button-right-icon\"\n [icon]=\"iconRight()\"\n [size]=\"24\"\n alt=\"Icon right\"\n />\n }\n }\n </section>\n </section>\n </bmb-check-external-link-button>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--red-primary);color:var(--red-primary);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--red-primary)}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general_contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general_contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general_contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general_contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general_contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general_contrasts-50)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(.bmb_container-button-disabled):not(.bmb_container-button-error){background-color:var(--buttons-primary-select);color:var(--white-primary)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(.bmb_container-button-disabled):not(.bmb_container-button-error) .bmb_grade-value-main{fill:var(--white-primary)}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general_contrasts-50);border-radius:1rem;color:var(--general_contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:none}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:none}.bmb_container-button .bmb_grade-value-main{fill:var(--general_contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbBookmarkComponent, selector: "bmb-bookmark", inputs: ["isActive"], outputs: ["isActiveChange"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4046
4063
|
}
|
|
4047
4064
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbContainerButtonComponent, decorators: [{
|
|
4048
4065
|
type: Component,
|
|
@@ -5451,7 +5468,6 @@ class BmbCalendarComponent {
|
|
|
5451
5468
|
this.filters = model({}, ...(ngDevMode ? [{ debugName: "filters" }] : []));
|
|
5452
5469
|
this.calendarTimezone = input(Intl.DateTimeFormat().resolvedOptions().timeZone, ...(ngDevMode ? [{ debugName: "calendarTimezone" }] : []));
|
|
5453
5470
|
this.clientTimezone = input(Intl.DateTimeFormat().resolvedOptions().timeZone, ...(ngDevMode ? [{ debugName: "clientTimezone" }] : []));
|
|
5454
|
-
// lang = input<string>('es-MX'); // deprecated
|
|
5455
5471
|
this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
|
|
5456
5472
|
this.startBusinessHour = input(8, ...(ngDevMode ? [{ debugName: "startBusinessHour" }] : []));
|
|
5457
5473
|
this.calendarTitle = input(...(ngDevMode ? [undefined, { debugName: "calendarTitle" }] : []));
|
|
@@ -5481,8 +5497,7 @@ class BmbCalendarComponent {
|
|
|
5481
5497
|
if (!acc[week][stringDate])
|
|
5482
5498
|
acc[week][stringDate] = [];
|
|
5483
5499
|
acc[week][stringDate].push({ ...event, startDate, endDate, interval });
|
|
5484
|
-
if (event.calendar &&
|
|
5485
|
-
!acc.calendars?.some((cal) => cal === event.calendar)) {
|
|
5500
|
+
if (event.calendar && !acc.calendars?.includes(event.calendar)) {
|
|
5486
5501
|
acc.calendars?.push(event.calendar);
|
|
5487
5502
|
}
|
|
5488
5503
|
return acc;
|
|
@@ -5664,7 +5679,7 @@ class BmbCalendarComponent {
|
|
|
5664
5679
|
return ['bmb_calendar-event-bullet', `bmb_calendar-event-bullet-${name}`];
|
|
5665
5680
|
}
|
|
5666
5681
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbCalendarComponent, deps: [{ token: BmbCalendarService }, { token: BmbNativeModalService }, { token: BmbTranslationsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5667
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showFilterButton: { classPropertyName: "showFilterButton", publicName: "showFilterButton", isSignal: true, isRequired: false, transformFunction: null }, disableMobileFilter: { classPropertyName: "disableMobileFilter", publicName: "disableMobileFilter", isSignal: true, isRequired: false, transformFunction: null }, visibleDate: { classPropertyName: "visibleDate", publicName: "visibleDate", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", filters: "filtersChange", visibleDate: "visibleDateChange", onDateChange: "onDateChange", onClose: "onClose" }, host: { listeners: { "window:resize": "resize($event)" } }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n @if (isMobileHeader) {\n <bmb-calendar-template-mobile\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [weekDays]=\"renderWeekDays()\"\n [calendarTitle]=\"calendarTitle()\"\n [disableMobileFilter]=\"disableMobileFilter()\"\n (onClose)=\"handleClose()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n } @else {\n <bmb-calendar-header\n [weekDays]=\"renderWeekDays()\"\n [view]=\"view()\"\n [currentDate]=\"visibleDate()\"\n (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [showFilterButton]=\"showFilterButton()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n }\n @switch (view()) {\n @case ('day') {\n <bmb-calendar-template-day\n [now]=\"visibleDate()\"\n [events]=\"getDayEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [dateFormat]=\"dateFormat()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case ('week') {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [selectedWeek]=\"selectedWeek()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case ('month') {\n <bmb-calendar-template-month\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n class=\"bmb_calendar-content\"\n />\n }\n @default {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n class=\"bmb_calendar-content\"\n />\n }\n }\n\n @if (isLoading()) {\n <div class=\"bmb_calendar-loader\">\n <bmb-loader [showInline]=\"true\" />\n </div>\n }\n</div>\n\n<ng-template #detailContent>\n @if (selectedEvent) {\n <section>\n @if (selectedEvent.tags?.length) {\n <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n @for (item of selectedEvent.tags; track $index) {\n <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n }\n </p>\n }\n @if (selectedEvent.title) {\n <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n }\n @if (selectedEvent.place) {\n <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n }\n <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n </section>\n }\n</ng-template>\n\n<ng-template #modalTemplate>\n <form [formGroup]=\"calendarForm\">\n @for (item of filteredEvents().calendars; track $index) {\n <div bmbLayout gapSize=\"s\" alignItems=\"center\">\n <bmb-checkbox\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [inputId]=\"'checkbox_' + item\"\n [name]=\"'checkbox_' + item\"\n [control]=\"getFormControl(item)\"\n />\n <div\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [ngClass]=\"getBulletClass(item)\"\n ></div>\n <label\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [colGrow]=\"1\"\n [htmlFor]=\"'checkbox_' + item\"\n >{{ getCalendarName(item) }}</label\n >\n </div>\n <bmb-divider type=\"dashed\"></bmb-divider>\n }\n </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 62.5625rem){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 62.5rem){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 62.5625rem){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbCalendarTemplateDayComponent, selector: "bmb-calendar-template-day", inputs: ["now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "events", "calendarTitle", "disableMobileFilter"], outputs: ["onClose", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, startBusinessHour: { classPropertyName: "startBusinessHour", publicName: "startBusinessHour", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showFilterButton: { classPropertyName: "showFilterButton", publicName: "showFilterButton", isSignal: true, isRequired: false, transformFunction: null }, disableMobileFilter: { classPropertyName: "disableMobileFilter", publicName: "disableMobileFilter", isSignal: true, isRequired: false, transformFunction: null }, visibleDate: { classPropertyName: "visibleDate", publicName: "visibleDate", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", filters: "filtersChange", visibleDate: "visibleDateChange", onDateChange: "onDateChange", onClose: "onClose" }, host: { listeners: { "window:resize": "resize()" } }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }, { propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n @if (isMobileHeader) {\n <bmb-calendar-template-mobile\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [weekDays]=\"renderWeekDays()\"\n [calendarTitle]=\"calendarTitle()\"\n [disableMobileFilter]=\"disableMobileFilter()\"\n (onClose)=\"handleClose()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n } @else {\n <bmb-calendar-header\n [weekDays]=\"renderWeekDays()\"\n [view]=\"view()\"\n [currentDate]=\"visibleDate()\"\n (onRangeChange)=\"handleDateChange($event, visibleDate())\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [showFilterButton]=\"showFilterButton()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n }\n @switch (view()) {\n @case ('day') {\n <bmb-calendar-template-day\n [now]=\"visibleDate()\"\n [events]=\"getDayEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [dateFormat]=\"dateFormat()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case ('week') {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n [currentTime]=\"currentTime()\"\n [startBusinessHour]=\"startBusinessHour()\"\n [selectedWeek]=\"selectedWeek()\"\n class=\"bmb_calendar-content\"\n />\n }\n @case ('month') {\n <bmb-calendar-template-month\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n (onSelectEvent)=\"handleSelectEvent($event)\"\n class=\"bmb_calendar-content\"\n />\n }\n @default {\n <bmb-calendar-template-week\n [weekDays]=\"renderWeekDays()\"\n [now]=\"visibleDate()\"\n [events]=\"filteredEvents()\"\n class=\"bmb_calendar-content\"\n />\n }\n }\n\n @if (isLoading()) {\n <div class=\"bmb_calendar-loader\">\n <bmb-loader [showInline]=\"true\" />\n </div>\n }\n</div>\n\n<ng-template #detailContent>\n @if (selectedEvent) {\n <section>\n @if (selectedEvent.tags?.length) {\n <p style=\"display: flex; flex-wrap: wrap; gap: 0.5rem\">\n @for (item of selectedEvent.tags; track $index) {\n <bmb-badge [text]=\"item.text\" [appearance]=\"item.appearance\" />\n }\n </p>\n }\n @if (selectedEvent.title) {\n <p class=\"bmb_calendar-event-modal-title\">{{ selectedEvent.title }}</p>\n }\n @if (selectedEvent.place) {\n <p class=\"bmb_calendar-event-modal-place\">{{ selectedEvent.place }}</p>\n }\n <div class=\"bmb_calendar-event-modal-duration\">{{ getDuration() }}</div>\n </section>\n }\n</ng-template>\n\n<ng-template #modalTemplate>\n <form [formGroup]=\"calendarForm\">\n @for (item of filteredEvents().calendars; track $index) {\n <div bmbLayout gapSize=\"s\" alignItems=\"center\">\n <bmb-checkbox\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [inputId]=\"'checkbox_' + item\"\n [name]=\"'checkbox_' + item\"\n [control]=\"getFormControl(item)\"\n />\n <div\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [ngClass]=\"getBulletClass(item)\"\n ></div>\n <label\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n [colGrow]=\"1\"\n [htmlFor]=\"'checkbox_' + item\"\n >{{ getCalendarName(item) }}</label\n >\n </div>\n <bmb-divider type=\"dashed\"></bmb-divider>\n }\n </form>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_calendar{background-color:var(--containers-background);position:relative;overflow:hidden;display:flex;flex-flow:column}@media (min-width: 62.5625rem){.bmb_calendar{padding:var(--bmb-spacing-xl);background-color:var(--containers-main)}}.bmb_calendar-event-bullet{width:.5rem;height:.5rem;border-radius:50%;margin-left:.5rem;background-color:var(--general_contrasts-50)}.bmb_calendar-event-bullet-academic{background-color:var(--general_contrasts-main-selection)}.bmb_calendar-event-bullet-life{background-color:rgb(var(--color-green-light))}.bmb_calendar-event-bullet-events{background-color:rgb(var(--color-purple-light))}.bmb_calendar-event-bullet-save_the_date{background-color:rgb(var(--color-yellow-primary))}.bmb_calendar-detail-header{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:var(--bmb-spacing-n) var(--bmb-spacing-none);border-bottom:.0625rem solid var(--general_contrasts-25);position:sticky;top:0;z-index:1;background-color:var(--containers-main)}@media (max-width: 62.5rem){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400}.bmb_calendar-detail-header h2:first-letter .bmb-first-letter{text-transform:capitalize}.bmb_calendar-detail-header span{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_calendar-body{position:relative}.bmb_calendar-col{flex:1;height:fit-content;border-left:.0625rem solid var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-col{border-left:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-col-today{background-color:var(--general_contrasts-25)}.bmb_calendar-row-body{min-height:7.5rem;border-bottom:.0625rem solid var(--containers-main);position:relative}@media (min-width: 62.5625rem){.bmb_calendar-row-body{border-bottom:.0625rem solid var(--general_contrasts-25)}}.bmb_calendar-row-body:before{content:\"\";position:absolute;top:50%;left:0;width:100%;border-bottom:.0625rem dashed var(--containers-main)}@media (min-width: 62.5625rem){.bmb_calendar-row-body:before{display:none}}.bmb_calendar-week-view,.bmb_calendar-day-view{display:flex;justify-content:space-between}.bmb_calendar-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;justify-content:center;align-items:center}.bmb_calendar-content{flex:1 0 0%;overflow:hidden}.bmb_calendar-event-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:wrap;font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_calendar-event-modal-detail,.bmb_calendar-event-modal-place,.bmb_calendar-event-modal-duration{font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbCalendarTemplateDayComponent, selector: "bmb-calendar-template-day", inputs: ["now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "events", "calendarTitle", "disableMobileFilter"], outputs: ["onClose", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbLoaderComponent, selector: "bmb-loader", inputs: ["appearance", "title", "icon", "subtitle", "overlay", "isVisible", "errorState", "actions", "buttonPrimary", "buttonSecondary", "showInline"], outputs: ["onButtonPrimary", "onButtonSecondary"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5668
5683
|
}
|
|
5669
5684
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbCalendarComponent, decorators: [{
|
|
5670
5685
|
type: Component,
|
|
@@ -5691,7 +5706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
5691
5706
|
args: ['modalTemplate']
|
|
5692
5707
|
}], resize: [{
|
|
5693
5708
|
type: HostListener,
|
|
5694
|
-
args: ['window:resize'
|
|
5709
|
+
args: ['window:resize']
|
|
5695
5710
|
}] } });
|
|
5696
5711
|
|
|
5697
5712
|
class BmbTopBarUserSectionComponent {
|
|
@@ -5765,7 +5780,7 @@ class BmbTopBarUserSectionComponent {
|
|
|
5765
5780
|
this.roleButtonClick.emit(event);
|
|
5766
5781
|
}
|
|
5767
5782
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbTopBarUserSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5768
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbTopBarUserSectionComponent, isStandalone: true, selector: "bmb-top-bar-user-section", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, assignmentNotification: { classPropertyName: "assignmentNotification", publicName: "assignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationNotification: { classPropertyName: "notificationNotification", publicName: "notificationNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { helpButtonClick: "helpButtonClick", userClick: "userClick", alertClick: "alertClick", roleButtonClick: "roleButtonClick" }, ngImport: i0, template: "<section\n bmbLayout\n margin=\"none\"\n gapSize=\"m\"\n justify=\"center\"\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n class=\"bmb_top-bar-user-section\"\n [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n @if (mitec()) {\n @if (showRoleButton() || showNotifications()) {\n <bmb-dropdown-menu\n bmbLayoutItem\n class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n [items]=\"getMenu()\"\n />\n }\n @if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showNotifications()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"notifications\"\n [iconSize]=\"32\"\n (buttonClick)=\"openNotifications($event)\"\n [dotNotification]=\"totalNotifications()\"\n />\n }\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showHelpButton() || mitec()) {\n <bmb-action-icon\n bmbLayoutItem\n [ngClass]=\"{\n 'bmb_top-bar-user-section-no-mobile':\n mitec() && (showRoleButton() || showNotifications())\n }\"\n icon=\"help\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleHelpButtonClick($event)\"\n />\n }\n @if (!!userInformation()) {\n <bmb-user-summary-content\n bmbLayoutItem\n [image]=\"userInformation().image\"\n [altImage]=\"userInformation.name\"\n [name]=\"mitec() ? userInformation().name : ''\"\n imageSize=\"mobile-small\"\n [isImageBordered]=\"false\"\n [role]=\"mitec() ? userInformation().role : ''\"\n contentLayout=\"row\"\n salutation=\"\"\n (onUserClick)=\"handleUserClick($event)\"\n />\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--color-white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--color-white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--color-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--color-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5783
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbTopBarUserSectionComponent, isStandalone: true, selector: "bmb-top-bar-user-section", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, assignmentNotification: { classPropertyName: "assignmentNotification", publicName: "assignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationNotification: { classPropertyName: "notificationNotification", publicName: "notificationNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { helpButtonClick: "helpButtonClick", userClick: "userClick", alertClick: "alertClick", roleButtonClick: "roleButtonClick" }, ngImport: i0, template: "<section\n bmbLayout\n margin=\"none\"\n gapSize=\"m\"\n justify=\"center\"\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n class=\"bmb_top-bar-user-section\"\n [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n @if (mitec()) {\n @if (showRoleButton() || showNotifications()) {\n <bmb-dropdown-menu\n bmbLayoutItem\n class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n [items]=\"getMenu()\"\n />\n }\n @if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showNotifications()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"notifications\"\n [iconSize]=\"32\"\n (buttonClick)=\"openNotifications($event)\"\n [dotNotification]=\"totalNotifications()\"\n />\n }\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showHelpButton() || mitec()) {\n <bmb-action-icon\n bmbLayoutItem\n [ngClass]=\"{\n 'bmb_top-bar-user-section-no-mobile':\n mitec() && (showRoleButton() || showNotifications())\n }\"\n icon=\"help\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleHelpButtonClick($event)\"\n />\n }\n @if (!!userInformation()) {\n <bmb-user-summary-content\n bmbLayoutItem\n [image]=\"userInformation().image\"\n [altImage]=\"userInformation.name\"\n [name]=\"mitec() ? userInformation().name : ''\"\n imageSize=\"mobile-small\"\n [isImageBordered]=\"false\"\n [role]=\"mitec() ? userInformation().role : ''\"\n contentLayout=\"row\"\n salutation=\"\"\n (onUserClick)=\"handleUserClick($event)\"\n />\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--color-white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--color-white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--color-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--color-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5769
5784
|
}
|
|
5770
5785
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbTopBarUserSectionComponent, decorators: [{
|
|
5771
5786
|
type: Component,
|
|
@@ -6151,7 +6166,7 @@ class BmbSearchInputComponent {
|
|
|
6151
6166
|
}
|
|
6152
6167
|
}
|
|
6153
6168
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbSearchInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6154
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", type: BmbSearchInputComponent, isStandalone: true, selector: "bmb-search-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isServerSideFilter: { classPropertyName: "isServerSideFilter", publicName: "isServerSideFilter", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, serverSideFilteredData: { classPropertyName: "serverSideFilteredData", publicName: "serverSideFilteredData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", onServerSideFilterEvent: "onServerSideFilterEvent", onClearField: "onClearField" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"bmb_search-input\">\n <section\n class=\"bmb_search-input-container\"\n clickOutside\n (clickOutside)=\"closeList()\"\n >\n <bmb-input-content\n class=\"bmb_search-input-field\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n icon=\"search\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n [isClearable]=\"true\"\n (keydown)=\"handleKeyDown($event)\"\n (click)=\"handleItemClick()\"\n />\n <dialog [open]=\"isDialogOpen\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_search-input-dialog\"\n name=\"list\"\n [selectedOption]=\"filterControl.value\"\n [(items)]=\"filteredData\"\n [(isOpen)]=\"isDialogOpen\"\n />\n </dialog>\n </section>\n</section>\n", styles: [".bmb_search-input{padding-bottom:var(--bmb-spacing-s)}.bmb_search-input-container{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6169
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", type: BmbSearchInputComponent, isStandalone: true, selector: "bmb-search-input", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isServerSideFilter: { classPropertyName: "isServerSideFilter", publicName: "isServerSideFilter", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, serverSideFilteredData: { classPropertyName: "serverSideFilteredData", publicName: "serverSideFilteredData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", onServerSideFilterEvent: "onServerSideFilterEvent", onClearField: "onClearField" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"bmb_search-input\">\n <section\n class=\"bmb_search-input-container\"\n clickOutside\n (clickOutside)=\"closeList()\"\n >\n <bmb-input-content\n class=\"bmb_search-input-field\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n icon=\"search\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n [isClearable]=\"true\"\n (keydown)=\"handleKeyDown($event)\"\n (click)=\"handleItemClick()\"\n />\n <dialog [open]=\"isDialogOpen\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_search-input-dialog\"\n name=\"list\"\n [selectedOption]=\"filterControl.value\"\n [(items)]=\"filteredData\"\n [(isOpen)]=\"isDialogOpen\"\n />\n </dialog>\n </section>\n</section>\n", styles: [".bmb_search-input{padding-bottom:var(--bmb-spacing-s)}.bmb_search-input-container{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6155
6170
|
}
|
|
6156
6171
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbSearchInputComponent, decorators: [{
|
|
6157
6172
|
type: Component,
|
|
@@ -7492,11 +7507,11 @@ class BmbMediaCardComponent {
|
|
|
7492
7507
|
return attribute || '';
|
|
7493
7508
|
}
|
|
7494
7509
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbMediaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7495
|
-
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 }); }
|
|
7496
7511
|
}
|
|
7497
7512
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbMediaCardComponent, decorators: [{
|
|
7498
7513
|
type: Component,
|
|
7499
|
-
args: [{ selector: 'bmb-media-card', standalone: true, imports: [CommonModule, BmbUserImageComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"($event.key === 'Enter' || $event.key === ' ') && mediaCardClicked.emit($event)\"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:RGBA(var(--color-charade-950));position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:RGBA(var(--color-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--color-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:1.25rem;text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:RGBA(var(--color-mariner-500))}[data-theme=dark] .bmb_media-card,.storybook-dark-theme .bmb_media-card{color:RGBA(var(--color-charade-50))}\n"] }]
|
|
7514
|
+
args: [{ selector: 'bmb-media-card', standalone: true, imports: [CommonModule, BmbUserImageComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"\n ($event.key === 'Enter' || $event.key === ' ') &&\n mediaCardClicked.emit($event)\n \"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:RGBA(var(--color-charade-950));position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:RGBA(var(--color-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--color-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:1.25rem;text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(RGBA(var(--color-charade-950),0),RGBA(var(--color-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:RGBA(var(--color-mariner-500))}[data-theme=dark] .bmb_media-card,.storybook-dark-theme .bmb_media-card{color:RGBA(var(--color-charade-50))}\n"] }]
|
|
7500
7515
|
}], 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"] }] } });
|
|
7501
7516
|
|
|
7502
7517
|
class BmbStatCounterComponent {
|
|
@@ -10045,11 +10060,11 @@ class BmbAlertCenterDetailComponent {
|
|
|
10045
10060
|
this.alertEvent.emit(alert);
|
|
10046
10061
|
}
|
|
10047
10062
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAlertCenterDetailComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10048
|
-
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"] }] }); }
|
|
10049
10064
|
}
|
|
10050
10065
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAlertCenterDetailComponent, decorators: [{
|
|
10051
10066
|
type: Component,
|
|
10052
|
-
args: [{ selector: 'bmb-alert-center-detail', standalone: true, imports: [CommonModule, BmbImageComponent, BmbButtonDirective], template: "<section class=\"bmb_alert-center-content-modal\">\n <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n {{ alert().title }}\n </h1>\n @for (item of alert().description; track $index) {\n @switch (item.type) {\n @case ('paragraph') {\n <p
|
|
10067
|
+
args: [{ selector: 'bmb-alert-center-detail', standalone: true, imports: [CommonModule, BmbImageComponent, BmbButtonDirective], template: "<section class=\"bmb_alert-center-content-modal\">\n <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n {{ alert().title }}\n </h1>\n @for (item of alert().description; track $index) {\n @switch (item.type) {\n @case ('paragraph') {\n <p [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n {{ item.text }}\n </p>\n }\n @case ('image') {\n <bmb-image\n [src]=\"item.href || ''\"\n [alt]=\"item.text\"\n borderRadius=\"none\"\n />\n }\n @case ('video') {\n <video [ariaDescription]=\"alert().title\" [src]=\"item.href\" controls>\n @if (item.subtitlesURL) {\n <track\n kind=\"subtitles\"\n [src]=\"item.subtitlesURL\"\n [srclang]=\"item.language || 'es'\"\n [label]=\"item.language || 'Spanish'\"\n default\n />\n }\n </video>\n }\n @case ('title') {\n <h3 [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n {{ item.text }}\n </h3>\n }\n @case ('button') {\n <button\n bmbButton\n type=\"button\"\n [appearance]=\"item.variant ?? 'primary'\"\n (click)=\"\n item.event ? item?.event(alert().id) : handleAlertEvent(alert())\n \"\n >\n {{ item.text }}\n </button>\n }\n @case ('link') {\n <a\n [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n [href]=\"item.href\"\n >{{ item.text }}</a\n >\n }\n @case ('html') {\n <div\n class=\"bmb_alert-center-content-complex\"\n [innerHTML]=\"sanitizedHtml(item.text)\"\n ></div>\n }\n @default {\n <p>Invalid type</p>\n }\n }\n }\n</section>\n" }]
|
|
10053
10068
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { alert: [{ type: i0.Input, args: [{ isSignal: true, alias: "alert", required: true }] }], alertEvent: [{ type: i0.Output, args: ["alertEvent"] }] } });
|
|
10054
10069
|
|
|
10055
10070
|
class BmbAlertCenterAdsComponent {
|
|
@@ -10097,15 +10112,14 @@ class BmbAlertCenterListComponent {
|
|
|
10097
10112
|
getTextFromDate(date) {
|
|
10098
10113
|
return date.toFormat('EEEE dd LLLL yyyy', { locale: 'es' });
|
|
10099
10114
|
}
|
|
10100
|
-
handleRowClick(
|
|
10101
|
-
const target = event.target;
|
|
10115
|
+
handleRowClick(item) {
|
|
10102
10116
|
this.alertSelected.emit(item);
|
|
10103
10117
|
}
|
|
10104
10118
|
getFormattedTime(date) {
|
|
10105
10119
|
return DateTime.fromFormat(date, 'HH:mm').toFormat('h:mm a');
|
|
10106
10120
|
}
|
|
10107
10121
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAlertCenterListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10108
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbAlertCenterListComponent, isStandalone: true, selector: "bmb-alert-center-list", inputs: { alerts: { classPropertyName: "alerts", publicName: "alerts", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, enableMultipleSelection: { classPropertyName: "enableMultipleSelection", publicName: "enableMultipleSelection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertSelected: "alertSelected", selectedAlert: "selectedAlert" }, ngImport: i0, template: "<ul class=\"bmb_alert-center-list\">\n @for (item of alerts(); track $index) {\n <li class=\"bmb_alert-center-list-item\" bmbLayout margin=\"none\" gapSize=\"s\">\n @if (enableMultipleSelection()) {\n <section\n class=\"bmb_alert-center-list-item-selection\"\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n >\n <bmb-checkbox\n [name]=\"item.id + ''\"\n [id]=\"item.id + ''\"\n [value]=\"item.id + ''\"\n (change)=\"handleSelection($event, item)\"\n />\n </section>\n }\n <div\n class=\"bmb_alert-center-list-item-content\"\n bmbLayoutGrid\n colGapSize=\"s\"\n rowGapSize=\"s\"\n [columnSize]=\"['12px', '1fr', 'max-content']\"\n rowSize=\"auto\"\n [columns]=\"3\"\n [rows]=\"3\"\n (click)=\"handleRowClick($event, item)\"\n bmbLayoutItem\n [colGrow]=\"1\"\n [isDynamicItem]=\"true\"\n >\n <section\n bmbLayoutGridItem\n [colStart]=\"1\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-status\"\n >\n @if (!item.isRead && !item.isFavorite) {\n <div class=\"bmb_alert-center-list-item-status-circle\"></div>\n }\n @if (item.isRead && !item.isFavorite) {\n <div\n class=\"bmb_alert-center-list-item-status-circle bmb_alert-center-list-item-status-circle-read\"\n ></div>\n }\n @if (item.isFavorite) {\n <bmb-icon\n class=\"bmb_alert-center-list-item-status-favorite\"\n icon=\"star\"\n />\n }\n </section>\n <h4\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-title\"\n >\n {{ item.title }}\n </h4>\n @if (item.tags?.length) {\n <section\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"2\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-tags\"\n >\n @for (tag of item.tags; track $index) {\n <bmb-badge\n [appearance]=\"tag.color\"\n [text]=\"tag.text\"\n [container]=\"false\"\n ></bmb-badge>\n }\n </section>\n }\n <p\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"3\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-date\"\n >\n {{ getTextFromDate(item.pDate) }} - {{ item.type }}\n </p>\n <span\n bmbLayoutGridItem\n [colStart]=\"3\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-time\"\n >\n {{ getFormattedTime(item.time) }}\n </span>\n </div>\n </li>\n }\n</ul>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_alert-center-list{list-style:none;padding:0;margin:0 0 var(--bmb-spacing-xl);display:flex;gap:var(--bmb-spacing-l);flex-direction:column}.bmb_alert-center-list-item{border-bottom:.0625rem solid var(--general_contrasts-50)}.bmb_alert-center-list-item-status-circle{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--general_contrasts-main-selection);box-shadow:0 0 .25rem var(--general_contrasts-main-selection);margin-top:.625rem}.bmb_alert-center-list-item-status-circle-read{background-color:var(--general_contrasts-50);box-shadow:none}.bmb_alert-center-list-item-status-favorite{width:1rem;height:1rem;color:var(--alert-warning);margin-top:.5rem}.bmb_alert-center-list-item-content{cursor:pointer}.bmb_alert-center-list-item-title{padding-top:.375rem;font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500}.bmb_alert-center-list-item-tags{display:flex;gap:var(--bmb-spacing-xs) var(--bmb-spacing-m);flex-wrap:wrap}.bmb_alert-center-list-item-date{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:date}.bmb_alert-center-list-item-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:time;margin-top:.375rem;text-transform:lowercase}\n"], dependencies: [{ kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "directive", type: BmbLayoutGridDirective, selector: "[bmbLayoutGrid]", inputs: ["colGapSize", "rowGapSize", "columnSize", "rowSize", "columns", "rows", "height"] }, { kind: "directive", type: BmbLayoutGridItemDirective, selector: "[bmbLayoutGridItem]", inputs: ["colStart", "rowStart", "numberOfColumns", "numberOfRows"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10122
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbAlertCenterListComponent, isStandalone: true, selector: "bmb-alert-center-list", inputs: { alerts: { classPropertyName: "alerts", publicName: "alerts", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, enableMultipleSelection: { classPropertyName: "enableMultipleSelection", publicName: "enableMultipleSelection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertSelected: "alertSelected", selectedAlert: "selectedAlert" }, ngImport: i0, template: "<ul class=\"bmb_alert-center-list\">\n @for (item of alerts(); track $index) {\n <li class=\"bmb_alert-center-list-item\" bmbLayout margin=\"none\" gapSize=\"s\">\n @if (enableMultipleSelection()) {\n <section\n class=\"bmb_alert-center-list-item-selection\"\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n >\n <bmb-checkbox\n [name]=\"item.id + ''\"\n [id]=\"item.id + ''\"\n [value]=\"item.id + ''\"\n (change)=\"handleSelection($event, item)\"\n />\n </section>\n }\n <div\n class=\"bmb_alert-center-list-item-content\"\n bmbLayoutGrid\n colGapSize=\"s\"\n rowGapSize=\"s\"\n [columnSize]=\"['12px', '1fr', 'max-content']\"\n rowSize=\"auto\"\n [columns]=\"3\"\n [rows]=\"3\"\n (click)=\"handleRowClick(item)\"\n (keyup)=\"handleRowClick(item)\"\n bmbLayoutItem\n [colGrow]=\"1\"\n [isDynamicItem]=\"true\"\n >\n <section\n bmbLayoutGridItem\n [colStart]=\"1\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-status\"\n >\n @if (!item.isRead && !item.isFavorite) {\n <div class=\"bmb_alert-center-list-item-status-circle\"></div>\n }\n @if (item.isRead && !item.isFavorite) {\n <div\n class=\"bmb_alert-center-list-item-status-circle bmb_alert-center-list-item-status-circle-read\"\n ></div>\n }\n @if (item.isFavorite) {\n <bmb-icon\n class=\"bmb_alert-center-list-item-status-favorite\"\n icon=\"star\"\n />\n }\n </section>\n <h4\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-title\"\n >\n {{ item.title }}\n </h4>\n @if (item.tags?.length) {\n <section\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"2\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-tags\"\n >\n @for (tag of item.tags; track $index) {\n <bmb-badge\n [appearance]=\"tag.color\"\n [text]=\"tag.text\"\n [container]=\"false\"\n ></bmb-badge>\n }\n </section>\n }\n <p\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"3\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-date\"\n >\n {{ getTextFromDate(item.pDate) }} - {{ item.type }}\n </p>\n <span\n bmbLayoutGridItem\n [colStart]=\"3\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-time\"\n >\n {{ getFormattedTime(item.time) }}\n </span>\n </div>\n </li>\n }\n</ul>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_alert-center-list{list-style:none;padding:0;margin:0 0 var(--bmb-spacing-xl);display:flex;gap:var(--bmb-spacing-l);flex-direction:column}.bmb_alert-center-list-item{border-bottom:.0625rem solid var(--general_contrasts-50)}.bmb_alert-center-list-item-status-circle{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--general_contrasts-main-selection);box-shadow:0 0 .25rem var(--general_contrasts-main-selection);margin-top:.625rem}.bmb_alert-center-list-item-status-circle-read{background-color:var(--general_contrasts-50);box-shadow:none}.bmb_alert-center-list-item-status-favorite{width:1rem;height:1rem;color:var(--alert-warning);margin-top:.5rem}.bmb_alert-center-list-item-content{cursor:pointer}.bmb_alert-center-list-item-title{padding-top:.375rem;font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500}.bmb_alert-center-list-item-tags{display:flex;gap:var(--bmb-spacing-xs) var(--bmb-spacing-m);flex-wrap:wrap}.bmb_alert-center-list-item-date{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:date}.bmb_alert-center-list-item-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:time;margin-top:.375rem;text-transform:lowercase}\n"], dependencies: [{ kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "directive", type: BmbLayoutGridDirective, selector: "[bmbLayoutGrid]", inputs: ["colGapSize", "rowGapSize", "columnSize", "rowSize", "columns", "rows", "height"] }, { kind: "directive", type: BmbLayoutGridItemDirective, selector: "[bmbLayoutGridItem]", inputs: ["colStart", "rowStart", "numberOfColumns", "numberOfRows"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10109
10123
|
}
|
|
10110
10124
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAlertCenterListComponent, decorators: [{
|
|
10111
10125
|
type: Component,
|
|
@@ -10117,7 +10131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
10117
10131
|
BmbLayoutGridDirective,
|
|
10118
10132
|
BmbLayoutGridItemDirective,
|
|
10119
10133
|
BmbIconComponent,
|
|
10120
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"bmb_alert-center-list\">\n @for (item of alerts(); track $index) {\n <li class=\"bmb_alert-center-list-item\" bmbLayout margin=\"none\" gapSize=\"s\">\n @if (enableMultipleSelection()) {\n <section\n class=\"bmb_alert-center-list-item-selection\"\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n >\n <bmb-checkbox\n [name]=\"item.id + ''\"\n [id]=\"item.id + ''\"\n [value]=\"item.id + ''\"\n (change)=\"handleSelection($event, item)\"\n />\n </section>\n }\n <div\n class=\"bmb_alert-center-list-item-content\"\n bmbLayoutGrid\n colGapSize=\"s\"\n rowGapSize=\"s\"\n [columnSize]=\"['12px', '1fr', 'max-content']\"\n rowSize=\"auto\"\n [columns]=\"3\"\n [rows]=\"3\"\n (click)=\"handleRowClick($event, item)\"\n bmbLayoutItem\n [colGrow]=\"1\"\n [isDynamicItem]=\"true\"\n >\n <section\n bmbLayoutGridItem\n [colStart]=\"1\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-status\"\n >\n @if (!item.isRead && !item.isFavorite) {\n <div class=\"bmb_alert-center-list-item-status-circle\"></div>\n }\n @if (item.isRead && !item.isFavorite) {\n <div\n class=\"bmb_alert-center-list-item-status-circle bmb_alert-center-list-item-status-circle-read\"\n ></div>\n }\n @if (item.isFavorite) {\n <bmb-icon\n class=\"bmb_alert-center-list-item-status-favorite\"\n icon=\"star\"\n />\n }\n </section>\n <h4\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-title\"\n >\n {{ item.title }}\n </h4>\n @if (item.tags?.length) {\n <section\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"2\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-tags\"\n >\n @for (tag of item.tags; track $index) {\n <bmb-badge\n [appearance]=\"tag.color\"\n [text]=\"tag.text\"\n [container]=\"false\"\n ></bmb-badge>\n }\n </section>\n }\n <p\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"3\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-date\"\n >\n {{ getTextFromDate(item.pDate) }} - {{ item.type }}\n </p>\n <span\n bmbLayoutGridItem\n [colStart]=\"3\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-time\"\n >\n {{ getFormattedTime(item.time) }}\n </span>\n </div>\n </li>\n }\n</ul>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_alert-center-list{list-style:none;padding:0;margin:0 0 var(--bmb-spacing-xl);display:flex;gap:var(--bmb-spacing-l);flex-direction:column}.bmb_alert-center-list-item{border-bottom:.0625rem solid var(--general_contrasts-50)}.bmb_alert-center-list-item-status-circle{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--general_contrasts-main-selection);box-shadow:0 0 .25rem var(--general_contrasts-main-selection);margin-top:.625rem}.bmb_alert-center-list-item-status-circle-read{background-color:var(--general_contrasts-50);box-shadow:none}.bmb_alert-center-list-item-status-favorite{width:1rem;height:1rem;color:var(--alert-warning);margin-top:.5rem}.bmb_alert-center-list-item-content{cursor:pointer}.bmb_alert-center-list-item-title{padding-top:.375rem;font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500}.bmb_alert-center-list-item-tags{display:flex;gap:var(--bmb-spacing-xs) var(--bmb-spacing-m);flex-wrap:wrap}.bmb_alert-center-list-item-date{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:date}.bmb_alert-center-list-item-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:time;margin-top:.375rem;text-transform:lowercase}\n"] }]
|
|
10134
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"bmb_alert-center-list\">\n @for (item of alerts(); track $index) {\n <li class=\"bmb_alert-center-list-item\" bmbLayout margin=\"none\" gapSize=\"s\">\n @if (enableMultipleSelection()) {\n <section\n class=\"bmb_alert-center-list-item-selection\"\n bmbLayoutItem\n [isDynamicItem]=\"true\"\n >\n <bmb-checkbox\n [name]=\"item.id + ''\"\n [id]=\"item.id + ''\"\n [value]=\"item.id + ''\"\n (change)=\"handleSelection($event, item)\"\n />\n </section>\n }\n <div\n class=\"bmb_alert-center-list-item-content\"\n bmbLayoutGrid\n colGapSize=\"s\"\n rowGapSize=\"s\"\n [columnSize]=\"['12px', '1fr', 'max-content']\"\n rowSize=\"auto\"\n [columns]=\"3\"\n [rows]=\"3\"\n (click)=\"handleRowClick(item)\"\n (keyup)=\"handleRowClick(item)\"\n bmbLayoutItem\n [colGrow]=\"1\"\n [isDynamicItem]=\"true\"\n >\n <section\n bmbLayoutGridItem\n [colStart]=\"1\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-status\"\n >\n @if (!item.isRead && !item.isFavorite) {\n <div class=\"bmb_alert-center-list-item-status-circle\"></div>\n }\n @if (item.isRead && !item.isFavorite) {\n <div\n class=\"bmb_alert-center-list-item-status-circle bmb_alert-center-list-item-status-circle-read\"\n ></div>\n }\n @if (item.isFavorite) {\n <bmb-icon\n class=\"bmb_alert-center-list-item-status-favorite\"\n icon=\"star\"\n />\n }\n </section>\n <h4\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-title\"\n >\n {{ item.title }}\n </h4>\n @if (item.tags?.length) {\n <section\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"2\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-tags\"\n >\n @for (tag of item.tags; track $index) {\n <bmb-badge\n [appearance]=\"tag.color\"\n [text]=\"tag.text\"\n [container]=\"false\"\n ></bmb-badge>\n }\n </section>\n }\n <p\n bmbLayoutGridItem\n [colStart]=\"2\"\n [rowStart]=\"3\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"1\"\n class=\"bmb_alert-center-list-item-date\"\n >\n {{ getTextFromDate(item.pDate) }} - {{ item.type }}\n </p>\n <span\n bmbLayoutGridItem\n [colStart]=\"3\"\n [rowStart]=\"1\"\n [numberOfColumns]=\"1\"\n [numberOfRows]=\"3\"\n class=\"bmb_alert-center-list-item-time\"\n >\n {{ getFormattedTime(item.time) }}\n </span>\n </div>\n </li>\n }\n</ul>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_alert-center-list{list-style:none;padding:0;margin:0 0 var(--bmb-spacing-xl);display:flex;gap:var(--bmb-spacing-l);flex-direction:column}.bmb_alert-center-list-item{border-bottom:.0625rem solid var(--general_contrasts-50)}.bmb_alert-center-list-item-status-circle{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--general_contrasts-main-selection);box-shadow:0 0 .25rem var(--general_contrasts-main-selection);margin-top:.625rem}.bmb_alert-center-list-item-status-circle-read{background-color:var(--general_contrasts-50);box-shadow:none}.bmb_alert-center-list-item-status-favorite{width:1rem;height:1rem;color:var(--alert-warning);margin-top:.5rem}.bmb_alert-center-list-item-content{cursor:pointer}.bmb_alert-center-list-item-title{padding-top:.375rem;font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:500}.bmb_alert-center-list-item-tags{display:flex;gap:var(--bmb-spacing-xs) var(--bmb-spacing-m);flex-wrap:wrap}.bmb_alert-center-list-item-date{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:date}.bmb_alert-center-list-item-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general_contrasts-50);font-weight:400;grid-area:time;margin-top:.375rem;text-transform:lowercase}\n"] }]
|
|
10121
10135
|
}], propDecorators: { alerts: [{ type: i0.Input, args: [{ isSignal: true, alias: "alerts", required: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], enableMultipleSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableMultipleSelection", required: false }] }], alertSelected: [{ type: i0.Output, args: ["alertSelected"] }], selectedAlert: [{ type: i0.Output, args: ["selectedAlert"] }] } });
|
|
10122
10136
|
|
|
10123
10137
|
class BmbNotificationCardModalComponent {
|
|
@@ -10139,10 +10153,7 @@ class BmbNotificationCardModalComponent {
|
|
|
10139
10153
|
}
|
|
10140
10154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbNotificationCardModalComponent, decorators: [{
|
|
10141
10155
|
type: Component,
|
|
10142
|
-
args: [{ selector: 'bmb-notification-card-modal', standalone: true, imports: [
|
|
10143
|
-
CommonModule,
|
|
10144
|
-
BmbAlertCenterDetailComponent,
|
|
10145
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visibleAlert() !== null) {\n <bmb-alert-center-detail\n [alert]=\"getAlert()\"\n (alertEvent)=\"handleAlertEvent($event)\"\n />\n}\n", styles: [".bmb_alert-center-content-modal{display:flex;gap:var(--bmb-spacing-m);flex-flow:column}.bmb_alert-center-content-modal p{margin:0}\n"] }]
|
|
10156
|
+
args: [{ selector: 'bmb-notification-card-modal', standalone: true, imports: [CommonModule, BmbAlertCenterDetailComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visibleAlert() !== null) {\n <bmb-alert-center-detail\n [alert]=\"getAlert()\"\n (alertEvent)=\"handleAlertEvent($event)\"\n />\n}\n", styles: [".bmb_alert-center-content-modal{display:flex;gap:var(--bmb-spacing-m);flex-flow:column}.bmb_alert-center-content-modal p{margin:0}\n"] }]
|
|
10146
10157
|
}], propDecorators: { visibleAlert: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleAlert", required: false }] }], alertEvent: [{ type: i0.Output, args: ["alertEvent"] }] } });
|
|
10147
10158
|
|
|
10148
10159
|
class BmbNotificationCardComponent {
|
|
@@ -12209,7 +12220,7 @@ class BmbInputTagsComponent {
|
|
|
12209
12220
|
return showError(this.control());
|
|
12210
12221
|
}
|
|
12211
12222
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbInputTagsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12212
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n class=\"bmb_input-tags\"\n [name]=\"name()\"\n [value]=\"getValidInitialValues()\"\n [label]=\"label()!\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"customValidation()\"\n clickOutside\n (clickOutside)=\"closeList()\"\n [inputId]=\"inputId()\"\n>\n <section\n class=\"bmb_input-tags-container\"\n [ngClass]=\"{\n 'bmb_input-tags-container-error': shouldShowError,\n 'bmb_input-tags-container-focus': isFocused()\n }\"\n >\n <bmb-input-content\n class=\"bmb_input-tags-filter\"\n type=\"text\"\n [inputId]=\"inputId()\"\n [name]=\"getUUID('filter')\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n (click)=\"openList()\"\n (onBlur)=\"handleValidity()\"\n (keydown)=\"handleKeyDown($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n @if (!!selectedTags && !!selectedTags.length) {\n <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n @for (item of selectedTags; track $index) {\n <bmb-tag\n [text]=\"item.selectedText!\"\n [dismissible]=\"true\"\n [isDisabled]=\"disabled()\"\n (clickedTag)=\"removeTag(item)\"\n (closedTag)=\"removeTag(item)\"\n />\n }\n </div>\n }\n </section>\n <input\n hidden\n type=\"text\"\n [id]=\"name()\"\n [name]=\"name()\"\n [formControl]=\"control()\"\n />\n <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_input-tags-dialog\"\n name=\"list\"\n [selectedOption]=\"control().value\"\n [isKeyboardEvent]=\"isKeyboardEvent\"\n [(items)]=\"filteredOptions\"\n [(isOpen)]=\"showDropdown\"\n />\n </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n class=\"bmb_input-tags\"\n [name]=\"name()\"\n [value]=\"getValidInitialValues()\"\n [label]=\"label()!\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"customValidation()\"\n clickOutside\n (clickOutside)=\"closeList()\"\n [inputId]=\"inputId()\"\n>\n <section\n class=\"bmb_input-tags-container\"\n [ngClass]=\"{\n 'bmb_input-tags-container-error': shouldShowError,\n 'bmb_input-tags-container-focus': isFocused()\n }\"\n >\n <bmb-input-content\n class=\"bmb_input-tags-filter\"\n type=\"text\"\n [inputId]=\"inputId()\"\n [name]=\"getUUID('filter')\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n (click)=\"openList()\"\n (onBlur)=\"handleValidity()\"\n (keydown)=\"handleKeyDown($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n @if (!!selectedTags && !!selectedTags.length) {\n <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n @for (item of selectedTags; track $index) {\n <bmb-tag\n [text]=\"item.selectedText!\"\n [dismissible]=\"true\"\n [isDisabled]=\"disabled()\"\n (clickedTag)=\"removeTag(item)\"\n (closedTag)=\"removeTag(item)\"\n />\n }\n </div>\n }\n </section>\n <input\n hidden\n type=\"text\"\n [id]=\"name()\"\n [name]=\"name()\"\n [formControl]=\"control()\"\n />\n <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_input-tags-dialog\"\n name=\"list\"\n [selectedOption]=\"control().value\"\n [isKeyboardEvent]=\"isKeyboardEvent\"\n [(items)]=\"filteredOptions\"\n [(isOpen)]=\"showDropdown\"\n />\n </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12213
12224
|
}
|
|
12214
12225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
|
|
12215
12226
|
type: Component,
|
|
@@ -12544,7 +12555,7 @@ class BmbAlertCenterComponent {
|
|
|
12544
12555
|
rest: [],
|
|
12545
12556
|
};
|
|
12546
12557
|
alerts.forEach((alert) => {
|
|
12547
|
-
const diff = Math.trunc(this.now.diff(alert.pDate, 'days').days
|
|
12558
|
+
const diff = Math.trunc(this.now.diff(alert.pDate, 'days').days ?? 0);
|
|
12548
12559
|
if (diff === 0)
|
|
12549
12560
|
objectEvent.recent.push(alert);
|
|
12550
12561
|
else if (diff <= 7)
|
|
@@ -13602,6 +13613,7 @@ class BmbIconStatusComponent {
|
|
|
13602
13613
|
constructor() {
|
|
13603
13614
|
this.icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
13604
13615
|
this.statusAppearance = input(...(ngDevMode ? [undefined, { debugName: "statusAppearance" }] : []));
|
|
13616
|
+
this.iconColor = input('primary', ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
|
|
13605
13617
|
}
|
|
13606
13618
|
getIconSize() {
|
|
13607
13619
|
return (!!this.statusAppearance() && 60) || 120;
|
|
@@ -13610,12 +13622,12 @@ class BmbIconStatusComponent {
|
|
|
13610
13622
|
return (!!className && `${baseClassName}-${className}`) || '';
|
|
13611
13623
|
}
|
|
13612
13624
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbIconStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13613
|
-
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 } }, 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]=\"{
|
|
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 }); }
|
|
13614
13626
|
}
|
|
13615
13627
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbIconStatusComponent, decorators: [{
|
|
13616
13628
|
type: Component,
|
|
13617
|
-
args: [{ selector: 'bmb-icon-status', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_icon-status\">\n <div\n class=\"bmb_icon-status-wrapper\"\n [ngClass]=\"getClassName('bmb_icon-status-wrapper', statusAppearance()!)\"\n >\n <bmb-icon\n class=\"bmb_icon-status-icon\"\n [icon]=\"icon()\"\n [size]=\"getIconSize()\"\n [ngClass]=\"{
|
|
13618
|
-
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], statusAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusAppearance", required: false }] }] } });
|
|
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"] }]
|
|
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 }] }] } });
|
|
13619
13631
|
|
|
13620
13632
|
class BmbDigitalIdComponent {
|
|
13621
13633
|
constructor() {
|
|
@@ -13629,11 +13641,12 @@ class BmbDigitalIdComponent {
|
|
|
13629
13641
|
this.icon = input('qr_code_scanner', ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
13630
13642
|
this.imgProfile = input.required(...(ngDevMode ? [{ debugName: "imgProfile" }] : []));
|
|
13631
13643
|
this.imgBackground = input.required(...(ngDevMode ? [{ debugName: "imgBackground" }] : []));
|
|
13632
|
-
this.hideButton = input(false, ...(ngDevMode ? [{ debugName: "hideButton" }] : []));
|
|
13633
13644
|
this.secondaryTextButton = input(...(ngDevMode ? [undefined, { debugName: "secondaryTextButton" }] : []));
|
|
13634
13645
|
this.secondaryIconButton = input('download_2', ...(ngDevMode ? [{ debugName: "secondaryIconButton" }] : []));
|
|
13635
13646
|
this.disableSecondaryButton = input(false, ...(ngDevMode ? [{ debugName: "disableSecondaryButton" }] : []));
|
|
13636
13647
|
this.disableMainButton = input(false, ...(ngDevMode ? [{ debugName: "disableMainButton" }] : []));
|
|
13648
|
+
this.hideMainButton = input(false, ...(ngDevMode ? [{ debugName: "hideMainButton" }] : []));
|
|
13649
|
+
this.hideSecondaryButton = input(false, ...(ngDevMode ? [{ debugName: "hideSecondaryButton" }] : []));
|
|
13637
13650
|
this.logoSrc = input('assets/images/tec-logo.svg', ...(ngDevMode ? [{ debugName: "logoSrc" }] : []));
|
|
13638
13651
|
this.close = output();
|
|
13639
13652
|
this.access = output();
|
|
@@ -13652,7 +13665,7 @@ class BmbDigitalIdComponent {
|
|
|
13652
13665
|
return this.name().concat(' ').concat(this.surname());
|
|
13653
13666
|
}
|
|
13654
13667
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDigitalIdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13655
|
-
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 }); }
|
|
13656
13669
|
}
|
|
13657
13670
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDigitalIdComponent, decorators: [{
|
|
13658
13671
|
type: Component,
|
|
@@ -13663,8 +13676,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
13663
13676
|
BmbImageComponent,
|
|
13664
13677
|
BmbButtonDirective,
|
|
13665
13678
|
TranslatePipe,
|
|
13666
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_digital-id\">\n <bmb-image\n class=\"bmb_digital-id-top-image\"\n [mobileSrc]=\"imgBackground()\"\n alt=\"Background Img\"\n borderRadius=\"none\"\n />\n <div class=\"bmb_digital-id-top\">\n <bmb-image\n class=\"bmb_digital-id-top-logo\"\n [mobileSrc]=\"logoSrc()\"\n alt=\"Tec de Monterrey\"\n borderRadius=\"none\"\n />\n </div>\n <bmb-action-icon\n class=\"bmb_digital-id-top-btn\"\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"closeDigitalId($event)\"\n />\n\n <div class=\"bmb_digital-id-mid\">\n <bmb-user-summary-content\n [isProfile]=\"true\"\n [name]=\"getFullName()\"\n [userId]=\"registration()\"\n [image]=\"imgProfile()\"\n imageSize=\"mobile-xlarge\"\n [campus]=\"campus()\"\n [infoCareer]=\"career()\"\n [role]=\"role()\"\n />\n </div>\n <div
|
|
13667
|
-
}], 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"] }] } });
|
|
13668
13681
|
|
|
13669
13682
|
class BmbSoundsCardComponent {
|
|
13670
13683
|
constructor() {
|