@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1320-a → 1.5.1320-b-beta.1
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.
|
@@ -1643,7 +1643,8 @@ class BmbNativeModalComponent {
|
|
|
1643
1643
|
if (!(this.content() instanceof Type)) {
|
|
1644
1644
|
return;
|
|
1645
1645
|
}
|
|
1646
|
-
|
|
1646
|
+
// Clear previous content, optional chaining in case container is not yet initialized
|
|
1647
|
+
this.container?.clear();
|
|
1647
1648
|
if (this.componentRef) {
|
|
1648
1649
|
this.componentRef?.destroy();
|
|
1649
1650
|
this.componentRef = null;
|
|
@@ -2469,7 +2470,7 @@ class BmbAccordionComponent {
|
|
|
2469
2470
|
if (!this._disabled()) {
|
|
2470
2471
|
this._expanded.update((current) => !current);
|
|
2471
2472
|
this._active.update((current) => !current);
|
|
2472
|
-
this.onClick.emit(event);
|
|
2473
|
+
this.onClick.emit(event || new MouseEvent('click'));
|
|
2473
2474
|
if (this.expanded() == undefined) {
|
|
2474
2475
|
if (this.isOpen()) {
|
|
2475
2476
|
this.opened.emit();
|
|
@@ -2483,14 +2484,8 @@ class BmbAccordionComponent {
|
|
|
2483
2484
|
getIconToggle() {
|
|
2484
2485
|
return this.isOpen() ? 'expand_less' : 'expand_more';
|
|
2485
2486
|
}
|
|
2486
|
-
handleToggleKeyboard(event) {
|
|
2487
|
-
if (event.key === 'Enter' || event.key === ' ') {
|
|
2488
|
-
this.toggle(new MouseEvent('click'));
|
|
2489
|
-
event.preventDefault();
|
|
2490
|
-
}
|
|
2491
|
-
}
|
|
2492
2487
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2493
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbAccordionComponent, isStandalone: true, selector: "bmb-accordion", inputs: { appearanceContrast: { classPropertyName: "appearanceContrast", publicName: "appearanceContrast", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, paddingHeader: { classPropertyName: "paddingHeader", publicName: "paddingHeader", isSignal: true, isRequired: false, transformFunction: null }, paddingContent: { classPropertyName: "paddingContent", publicName: "paddingContent", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, accordionId: { classPropertyName: "accordionId", publicName: "accordionId", isSignal: true, isRequired: false, transformFunction: null }, hideToggle: { classPropertyName: "hideToggle", publicName: "hideToggle", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, lockToggle: { classPropertyName: "lockToggle", publicName: "lockToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened", onClick: "onClick" }, queries: [{ propertyName: "bmbAccordionContent", first: true, predicate: ["bmbAccordionContent"], descendants: true }, { propertyName: "bmbAccordionHeader", first: true, predicate: ["bmbAccordionHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n [id]=\"accordionId()\"\n class=\"bmb_accordion\"\n [ngClass]=\"getClassesAccordion()\"\n [ngStyle]=\"getStyles()\"\n>\n @if (disabled()) {\n <section class=\"bmb_accordion-overlay\"></section>\n }\n <header\n [ngClass]=\"getClassesHeader()\"\n (click)=\"toggle($event)\"\n (keyup)=\"handleToggleKeyboard($event)\"\n bmbLayout\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n >\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\" [colGrow]=\"1\">\n <ng-container [ngTemplateOutlet]=\"bmbAccordionHeader\" />\n </div>\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" alt=\"Accordion icon\" />\n } @else if (!hideToggle()) {\n <bmb-icon [icon]=\"getIconToggle()\" alt=\"Accordion toggle icon\" />\n }\n </div>\n </header>\n @if (!disabled()) {\n <section\n [class]=\"getClassesContent()\"\n [ngClass]=\"{\n 'bmb_accordion-content-open': this._expanded()\n }\"\n >\n <ng-container [ngTemplateOutlet]=\"bmbAccordionContent\" />\n </section>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_accordion{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border:.0625rem solid var(--general_contrasts-container-outline);color:var(--general_contrasts-100);position:relative}.bmb_accordion-header,.bmb_accordion-header-icon{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border-radius:1rem;cursor:pointer}.bmb_accordion-header-icon bmb-icon{font-size:1.125rem}.bmb_accordion-header-open{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-radius:1rem 1rem 0 0;color:var(--general_contrasts-100)}.bmb_accordion-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;border-top:.0625rem solid var(--buttons-inactive-step);display:none;max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease}.bmb_accordion-content.bmb_accordion-content-open,.bmb_accordion-content-init-open{display:block;max-height:100%;opacity:1}.bmb_accordion-overlay{cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.bmb_accordion.disabled{opacity:.5}.bmb_accordion.active{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion.active .bmb_accordion-header,.bmb_accordion.active .bmb_accordion-header-icon{background-color:var(--menu_select-on-surface-hovered-w-checkbox);color:var(--general_contrasts-100)}.bmb_accordion.active .bmb_accordion-content{border-top-color:RGBA(var(--color-mariner-700))}.bmb_accordion:hover:not(.active):not(.disabled):hover{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion-primary .bmb_accordion-header,.bmb_accordion-primary .bmb_accordion-header-icon{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_accordion-alternative .bmb_accordion-header,.bmb_accordion-alternative .bmb_accordion-header-icon{background-color:var(--containers-main);color:var(--general_contrasts-100)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2488
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: BmbAccordionComponent, isStandalone: true, selector: "bmb-accordion", inputs: { appearanceContrast: { classPropertyName: "appearanceContrast", publicName: "appearanceContrast", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, paddingHeader: { classPropertyName: "paddingHeader", publicName: "paddingHeader", isSignal: true, isRequired: false, transformFunction: null }, paddingContent: { classPropertyName: "paddingContent", publicName: "paddingContent", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, accordionId: { classPropertyName: "accordionId", publicName: "accordionId", isSignal: true, isRequired: false, transformFunction: null }, hideToggle: { classPropertyName: "hideToggle", publicName: "hideToggle", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, lockToggle: { classPropertyName: "lockToggle", publicName: "lockToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened", onClick: "onClick" }, queries: [{ propertyName: "bmbAccordionContent", first: true, predicate: ["bmbAccordionContent"], descendants: true }, { propertyName: "bmbAccordionHeader", first: true, predicate: ["bmbAccordionHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n [id]=\"accordionId()\"\n class=\"bmb_accordion\"\n [ngClass]=\"getClassesAccordion()\"\n [ngStyle]=\"getStyles()\"\n>\n @if (disabled()) {\n <section class=\"bmb_accordion-overlay\"></section>\n }\n <header\n [ngClass]=\"getClassesHeader()\"\n (click)=\"toggle($event)\"\n bmbLayout\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n >\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\" [colGrow]=\"1\">\n <ng-container [ngTemplateOutlet]=\"bmbAccordionHeader\" />\n </div>\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" alt=\"Accordion icon\" />\n } @else if (!hideToggle()) {\n <bmb-icon [icon]=\"getIconToggle()\" alt=\"Accordion toggle icon\" />\n }\n </div>\n </header>\n @if (!disabled()) {\n <section\n [class]=\"getClassesContent()\"\n [ngClass]=\"{\n 'bmb_accordion-content-open': this._expanded()\n }\"\n >\n <ng-container [ngTemplateOutlet]=\"bmbAccordionContent\" />\n </section>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_accordion{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border:.0625rem solid var(--general_contrasts-container-outline);color:var(--general_contrasts-100);position:relative}.bmb_accordion-header,.bmb_accordion-header-icon{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border-radius:1rem;cursor:pointer}.bmb_accordion-header-icon bmb-icon{font-size:1.125rem}.bmb_accordion-header-open{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-radius:1rem 1rem 0 0;color:var(--general_contrasts-100)}.bmb_accordion-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;border-top:.0625rem solid var(--buttons-inactive-step);display:none;max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease}.bmb_accordion-content.bmb_accordion-content-open,.bmb_accordion-content-init-open{display:block;max-height:100%;opacity:1}.bmb_accordion-overlay{cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.bmb_accordion.disabled{opacity:.5}.bmb_accordion.active{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion.active .bmb_accordion-header,.bmb_accordion.active .bmb_accordion-header-icon{background-color:var(--menu_select-on-surface-hovered-w-checkbox);color:var(--general_contrasts-100)}.bmb_accordion.active .bmb_accordion-content{border-top-color:RGBA(var(--color-mariner-700))}.bmb_accordion:hover:not(.active):not(.disabled):hover{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion-primary .bmb_accordion-header,.bmb_accordion-primary .bmb_accordion-header-icon{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_accordion-alternative .bmb_accordion-header,.bmb_accordion-alternative .bmb_accordion-header-icon{background-color:var(--containers-main);color:var(--general_contrasts-100)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2494
2489
|
}
|
|
2495
2490
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAccordionComponent, decorators: [{
|
|
2496
2491
|
type: Component,
|
|
@@ -2499,7 +2494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
2499
2494
|
BmbIconComponent,
|
|
2500
2495
|
BmbLayoutDirective,
|
|
2501
2496
|
BmbLayoutItemDirective,
|
|
2502
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section\n [id]=\"accordionId()\"\n class=\"bmb_accordion\"\n [ngClass]=\"getClassesAccordion()\"\n [ngStyle]=\"getStyles()\"\n>\n @if (disabled()) {\n <section class=\"bmb_accordion-overlay\"></section>\n }\n <header\n [ngClass]=\"getClassesHeader()\"\n (click)=\"toggle($event)\"\n
|
|
2497
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section\n [id]=\"accordionId()\"\n class=\"bmb_accordion\"\n [ngClass]=\"getClassesAccordion()\"\n [ngStyle]=\"getStyles()\"\n>\n @if (disabled()) {\n <section class=\"bmb_accordion-overlay\"></section>\n }\n <header\n [ngClass]=\"getClassesHeader()\"\n (click)=\"toggle($event)\"\n bmbLayout\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n >\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\" [colGrow]=\"1\">\n <ng-container [ngTemplateOutlet]=\"bmbAccordionHeader\" />\n </div>\n <div bmbLayoutItem margin=\"none\" [isDynamicItem]=\"true\">\n @if (icon()) {\n <bmb-icon [icon]=\"icon()\" alt=\"Accordion icon\" />\n } @else if (!hideToggle()) {\n <bmb-icon [icon]=\"getIconToggle()\" alt=\"Accordion toggle icon\" />\n }\n </div>\n </header>\n @if (!disabled()) {\n <section\n [class]=\"getClassesContent()\"\n [ngClass]=\"{\n 'bmb_accordion-content-open': this._expanded()\n }\"\n >\n <ng-container [ngTemplateOutlet]=\"bmbAccordionContent\" />\n </section>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_accordion{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border:.0625rem solid var(--general_contrasts-container-outline);color:var(--general_contrasts-100);position:relative}.bmb_accordion-header,.bmb_accordion-header-icon{font-family:Poppins-Regular,sans-serif;font-size:.75rem;background-color:transparent;border-radius:1rem;cursor:pointer}.bmb_accordion-header-icon bmb-icon{font-size:1.125rem}.bmb_accordion-header-open{background-color:var(--menu_select-on-surface-hovered-w-checkbox);border-radius:1rem 1rem 0 0;color:var(--general_contrasts-100)}.bmb_accordion-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;border-top:.0625rem solid var(--buttons-inactive-step);display:none;max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease}.bmb_accordion-content.bmb_accordion-content-open,.bmb_accordion-content-init-open{display:block;max-height:100%;opacity:1}.bmb_accordion-overlay{cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.bmb_accordion.disabled{opacity:.5}.bmb_accordion.active{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion.active .bmb_accordion-header,.bmb_accordion.active .bmb_accordion-header-icon{background-color:var(--menu_select-on-surface-hovered-w-checkbox);color:var(--general_contrasts-100)}.bmb_accordion.active .bmb_accordion-content{border-top-color:RGBA(var(--color-mariner-700))}.bmb_accordion:hover:not(.active):not(.disabled):hover{border-color:RGBA(var(--color-mariner-700))}.bmb_accordion-primary .bmb_accordion-header,.bmb_accordion-primary .bmb_accordion-header-icon{background-color:var(--containers-background);color:var(--general_contrasts-100)}.bmb_accordion-alternative .bmb_accordion-header,.bmb_accordion-alternative .bmb_accordion-header-icon{background-color:var(--containers-main);color:var(--general_contrasts-100)}\n"] }]
|
|
2503
2498
|
}], propDecorators: { bmbAccordionContent: [{
|
|
2504
2499
|
type: ContentChild,
|
|
2505
2500
|
args: ['bmbAccordionContent']
|
|
@@ -2748,6 +2743,7 @@ class BmbDropdownContentComponent {
|
|
|
2748
2743
|
this.items = model([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
2749
2744
|
this.isKeyboardEvent = model(false, ...(ngDevMode ? [{ debugName: "isKeyboardEvent" }] : [])); //Internal
|
|
2750
2745
|
this.enableFilter = input(false, ...(ngDevMode ? [{ debugName: "enableFilter" }] : []));
|
|
2746
|
+
this.clickedItem = output();
|
|
2751
2747
|
this.isOpen = model(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : [])); //remove this
|
|
2752
2748
|
this.filteredItems = computed(() => {
|
|
2753
2749
|
if (this.enableFilter() && this.filterString() !== '') {
|
|
@@ -2772,11 +2768,14 @@ class BmbDropdownContentComponent {
|
|
|
2772
2768
|
return this.selectedOption()?.includes(item) || false;
|
|
2773
2769
|
}
|
|
2774
2770
|
handleDropdown(item) {
|
|
2775
|
-
if (item?.action)
|
|
2771
|
+
if (item?.action) {
|
|
2776
2772
|
item.action();
|
|
2773
|
+
this.clickedItem.emit(item);
|
|
2774
|
+
}
|
|
2775
|
+
;
|
|
2777
2776
|
}
|
|
2778
2777
|
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 }); }
|
|
2778
|
+
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
2779
|
}
|
|
2781
2780
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDropdownContentComponent, decorators: [{
|
|
2782
2781
|
type: Component,
|
|
@@ -2785,30 +2784,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
2785
2784
|
BmbCheckExternalLinkButtonComponent,
|
|
2786
2785
|
BmbIconComponent,
|
|
2787
2786
|
], 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"] }] } });
|
|
2787
|
+
}], 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
2788
|
|
|
2790
2789
|
class BmbDropdownMenuComponent {
|
|
2791
2790
|
constructor(projectionService) {
|
|
2792
2791
|
this.projectionService = projectionService;
|
|
2793
2792
|
this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
2793
|
+
this.clickedItem = output();
|
|
2794
2794
|
}
|
|
2795
2795
|
openDropdown() {
|
|
2796
2796
|
const data = {
|
|
2797
2797
|
content: BmbDropdownContentComponent,
|
|
2798
2798
|
targetRef: this.contentRef?.nativeElement,
|
|
2799
2799
|
inputContext: { items: this.items() },
|
|
2800
|
+
outputContext: {
|
|
2801
|
+
clickedItem: (item) => {
|
|
2802
|
+
this.clickedItem.emit(item);
|
|
2803
|
+
this.projectionService.closeContent();
|
|
2804
|
+
},
|
|
2805
|
+
},
|
|
2800
2806
|
focusOnOpen: true,
|
|
2801
2807
|
showBackdrop: false,
|
|
2802
2808
|
};
|
|
2803
2809
|
this.projectionService.openContent(data);
|
|
2804
2810
|
}
|
|
2805
2811
|
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 }); }
|
|
2812
|
+
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
2813
|
}
|
|
2808
2814
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbDropdownMenuComponent, decorators: [{
|
|
2809
2815
|
type: Component,
|
|
2810
2816
|
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: [{
|
|
2817
|
+
}], ctorParameters: () => [{ type: BmbProjectionContentService }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], clickedItem: [{ type: i0.Output, args: ["clickedItem"] }], contentRef: [{
|
|
2812
2818
|
type: ViewChild,
|
|
2813
2819
|
args: ['contentDiv', { static: true }]
|
|
2814
2820
|
}] } });
|
|
@@ -2900,7 +2906,7 @@ class BmbCardButtonComponent {
|
|
|
2900
2906
|
this.onAddContentClick.emit(event);
|
|
2901
2907
|
}
|
|
2902
2908
|
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 }); }
|
|
2909
|
+
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
2910
|
}
|
|
2905
2911
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbCardButtonComponent, decorators: [{
|
|
2906
2912
|
type: Component,
|
|
@@ -4042,7 +4048,7 @@ class BmbContainerButtonComponent {
|
|
|
4042
4048
|
this.secondaryAction.emit(event);
|
|
4043
4049
|
}
|
|
4044
4050
|
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 }); }
|
|
4051
|
+
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
4052
|
}
|
|
4047
4053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbContainerButtonComponent, decorators: [{
|
|
4048
4054
|
type: Component,
|
|
@@ -5451,7 +5457,6 @@ class BmbCalendarComponent {
|
|
|
5451
5457
|
this.filters = model({}, ...(ngDevMode ? [{ debugName: "filters" }] : []));
|
|
5452
5458
|
this.calendarTimezone = input(Intl.DateTimeFormat().resolvedOptions().timeZone, ...(ngDevMode ? [{ debugName: "calendarTimezone" }] : []));
|
|
5453
5459
|
this.clientTimezone = input(Intl.DateTimeFormat().resolvedOptions().timeZone, ...(ngDevMode ? [{ debugName: "clientTimezone" }] : []));
|
|
5454
|
-
// lang = input<string>('es-MX'); // deprecated
|
|
5455
5460
|
this.height = input('100%', ...(ngDevMode ? [{ debugName: "height" }] : []));
|
|
5456
5461
|
this.startBusinessHour = input(8, ...(ngDevMode ? [{ debugName: "startBusinessHour" }] : []));
|
|
5457
5462
|
this.calendarTitle = input(...(ngDevMode ? [undefined, { debugName: "calendarTitle" }] : []));
|
|
@@ -5482,7 +5487,7 @@ class BmbCalendarComponent {
|
|
|
5482
5487
|
acc[week][stringDate] = [];
|
|
5483
5488
|
acc[week][stringDate].push({ ...event, startDate, endDate, interval });
|
|
5484
5489
|
if (event.calendar &&
|
|
5485
|
-
!acc.calendars?.
|
|
5490
|
+
!acc.calendars?.includes(event.calendar)) {
|
|
5486
5491
|
acc.calendars?.push(event.calendar);
|
|
5487
5492
|
}
|
|
5488
5493
|
return acc;
|
|
@@ -5664,7 +5669,7 @@ class BmbCalendarComponent {
|
|
|
5664
5669
|
return ['bmb_calendar-event-bullet', `bmb_calendar-event-bullet-${name}`];
|
|
5665
5670
|
}
|
|
5666
5671
|
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 }); }
|
|
5672
|
+
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
5673
|
}
|
|
5669
5674
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbCalendarComponent, decorators: [{
|
|
5670
5675
|
type: Component,
|
|
@@ -5691,7 +5696,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
5691
5696
|
args: ['modalTemplate']
|
|
5692
5697
|
}], resize: [{
|
|
5693
5698
|
type: HostListener,
|
|
5694
|
-
args: ['window:resize'
|
|
5699
|
+
args: ['window:resize']
|
|
5695
5700
|
}] } });
|
|
5696
5701
|
|
|
5697
5702
|
class BmbTopBarUserSectionComponent {
|
|
@@ -5765,7 +5770,7 @@ class BmbTopBarUserSectionComponent {
|
|
|
5765
5770
|
this.roleButtonClick.emit(event);
|
|
5766
5771
|
}
|
|
5767
5772
|
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 }); }
|
|
5773
|
+
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
5774
|
}
|
|
5770
5775
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbTopBarUserSectionComponent, decorators: [{
|
|
5771
5776
|
type: Component,
|
|
@@ -6151,7 +6156,7 @@ class BmbSearchInputComponent {
|
|
|
6151
6156
|
}
|
|
6152
6157
|
}
|
|
6153
6158
|
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 }); }
|
|
6159
|
+
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
6160
|
}
|
|
6156
6161
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbSearchInputComponent, decorators: [{
|
|
6157
6162
|
type: Component,
|
|
@@ -10030,16 +10035,9 @@ class BmbAlertCenterDetailComponent {
|
|
|
10030
10035
|
this.alert = input.required(...(ngDevMode ? [{ debugName: "alert" }] : []));
|
|
10031
10036
|
this.alertEvent = output();
|
|
10032
10037
|
}
|
|
10033
|
-
/**
|
|
10034
|
-
* Sanitizes HTML content using DOMPurify before bypassing Angular's built-in sanitization.
|
|
10035
|
-
* This is safe because:
|
|
10036
|
-
* 1. Content is pre-sanitized with DOMPurify using restrictive forbidTagsAndAttributes config
|
|
10037
|
-
* 2. DOMPurify removes all potentially dangerous HTML/JS content
|
|
10038
|
-
* 3. Only safe HTML tags and attributes are allowed through the configuration
|
|
10039
|
-
*/
|
|
10040
10038
|
sanitizedHtml(html) {
|
|
10041
10039
|
const clean = DOMPurify.sanitize(html, forbidTagsAndAttributes);
|
|
10042
|
-
return this.sanitizer.bypassSecurityTrustHtml(clean);
|
|
10040
|
+
return this.sanitizer.bypassSecurityTrustHtml(clean);
|
|
10043
10041
|
}
|
|
10044
10042
|
handleAlertEvent(alert) {
|
|
10045
10043
|
this.alertEvent.emit(alert);
|
|
@@ -10097,15 +10095,14 @@ class BmbAlertCenterListComponent {
|
|
|
10097
10095
|
getTextFromDate(date) {
|
|
10098
10096
|
return date.toFormat('EEEE dd LLLL yyyy', { locale: 'es' });
|
|
10099
10097
|
}
|
|
10100
|
-
handleRowClick(
|
|
10101
|
-
const target = event.target;
|
|
10098
|
+
handleRowClick(item) {
|
|
10102
10099
|
this.alertSelected.emit(item);
|
|
10103
10100
|
}
|
|
10104
10101
|
getFormattedTime(date) {
|
|
10105
10102
|
return DateTime.fromFormat(date, 'HH:mm').toFormat('h:mm a');
|
|
10106
10103
|
}
|
|
10107
10104
|
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 }); }
|
|
10105
|
+
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
10106
|
}
|
|
10110
10107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbAlertCenterListComponent, decorators: [{
|
|
10111
10108
|
type: Component,
|
|
@@ -10117,7 +10114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
|
|
|
10117
10114
|
BmbLayoutGridDirective,
|
|
10118
10115
|
BmbLayoutGridItemDirective,
|
|
10119
10116
|
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"] }]
|
|
10117
|
+
], 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
10118
|
}], 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
10119
|
|
|
10123
10120
|
class BmbNotificationCardModalComponent {
|
|
@@ -10129,7 +10126,7 @@ class BmbNotificationCardModalComponent {
|
|
|
10129
10126
|
this.alertEvent.emit(alert);
|
|
10130
10127
|
}
|
|
10131
10128
|
getAlert() {
|
|
10132
|
-
if (!this.visibleAlert
|
|
10129
|
+
if (!this.visibleAlert) {
|
|
10133
10130
|
throw new Error('No alert visible');
|
|
10134
10131
|
}
|
|
10135
10132
|
return this.visibleAlert();
|
|
@@ -12209,7 +12206,7 @@ class BmbInputTagsComponent {
|
|
|
12209
12206
|
return showError(this.control());
|
|
12210
12207
|
}
|
|
12211
12208
|
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 }); }
|
|
12209
|
+
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
12210
|
}
|
|
12214
12211
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
|
|
12215
12212
|
type: Component,
|
|
@@ -12544,7 +12541,7 @@ class BmbAlertCenterComponent {
|
|
|
12544
12541
|
rest: [],
|
|
12545
12542
|
};
|
|
12546
12543
|
alerts.forEach((alert) => {
|
|
12547
|
-
const diff = Math.trunc(this.now.diff(alert.pDate, 'days').days
|
|
12544
|
+
const diff = Math.trunc(this.now.diff(alert.pDate, 'days').days ?? 0);
|
|
12548
12545
|
if (diff === 0)
|
|
12549
12546
|
objectEvent.recent.push(alert);
|
|
12550
12547
|
else if (diff <= 7)
|
|
@@ -13602,6 +13599,7 @@ class BmbIconStatusComponent {
|
|
|
13602
13599
|
constructor() {
|
|
13603
13600
|
this.icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
13604
13601
|
this.statusAppearance = input(...(ngDevMode ? [undefined, { debugName: "statusAppearance" }] : []));
|
|
13602
|
+
this.iconColor = input('primary', ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
|
|
13605
13603
|
}
|
|
13606
13604
|
getIconSize() {
|
|
13607
13605
|
return (!!this.statusAppearance() && 60) || 120;
|
|
@@ -13610,12 +13608,12 @@ class BmbIconStatusComponent {
|
|
|
13610
13608
|
return (!!className && `${baseClassName}-${className}`) || '';
|
|
13611
13609
|
}
|
|
13612
13610
|
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]=\"{ 'bmb_icon-status-icon': !statusAppearance() }\"\n alt=\"status icon\"\n />\n </div>\n</section>\n", styles: [".bmb_icon-status-wrapper{display:flex;border-radius:50%;height:7.5rem;width:7.5rem;align-items:center;justify-content:center;color:var(--white-primary)}.bmb_icon-status-wrapper-success{background-color:var(--alert-successful)}.bmb_icon-status-wrapper-event{background-color:var(--alert-event)}.bmb_icon-status-wrapper-warning{background-color:var(--alert-warning)}.bmb_icon-status-wrapper-error{background-color:var(--alert-error)}.bmb_icon-status-icon{color:var(--general_contrasts-main-selection)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
13611
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", type: BmbIconStatusComponent, isStandalone: true, selector: "bmb-icon-status", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, statusAppearance: { classPropertyName: "statusAppearance", publicName: "statusAppearance", isSignal: true, isRequired: false, transformFunction: null }, iconColor: { classPropertyName: "iconColor", publicName: "iconColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"bmb_icon-status\">\n <div\n class=\"bmb_icon-status-wrapper\"\n [ngClass]=\"getClassName('bmb_icon-status-wrapper', statusAppearance()!)\"\n >\n <bmb-icon\n class=\"bmb_icon-status-icon\"\n [icon]=\"icon()\"\n [size]=\"getIconSize()\"\n [ngClass]=\"{\n 'bmb_icon-status-icon': !statusAppearance(),\n 'bmb_icon-status-icon-primary': !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
13612
|
}
|
|
13615
13613
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: BmbIconStatusComponent, decorators: [{
|
|
13616
13614
|
type: Component,
|
|
13617
|
-
args: [{ selector: 'bmb-icon-status', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_icon-status\">\n <div\n class=\"bmb_icon-status-wrapper\"\n [ngClass]=\"getClassName('bmb_icon-status-wrapper', statusAppearance()!)\"\n >\n <bmb-icon\n class=\"bmb_icon-status-icon\"\n [icon]=\"icon()\"\n [size]=\"getIconSize()\"\n [ngClass]=\"{ 'bmb_icon-status-icon': !statusAppearance() }\"\n alt=\"status icon\"\n />\n </div>\n</section>\n", styles: [".bmb_icon-status-wrapper{display:flex;border-radius:50%;height:7.5rem;width:7.5rem;align-items:center;justify-content:center;color:var(--white-primary)}.bmb_icon-status-wrapper-success{background-color:var(--alert-successful)}.bmb_icon-status-wrapper-event{background-color:var(--alert-event)}.bmb_icon-status-wrapper-warning{background-color:var(--alert-warning)}.bmb_icon-status-wrapper-error{background-color:var(--alert-error)}.bmb_icon-status-icon{color:var(--general_contrasts-main-selection)}\n"] }]
|
|
13618
|
-
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], statusAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusAppearance", required: false }] }] } });
|
|
13615
|
+
args: [{ selector: 'bmb-icon-status', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_icon-status\">\n <div\n class=\"bmb_icon-status-wrapper\"\n [ngClass]=\"getClassName('bmb_icon-status-wrapper', statusAppearance()!)\"\n >\n <bmb-icon\n class=\"bmb_icon-status-icon\"\n [icon]=\"icon()\"\n [size]=\"getIconSize()\"\n [ngClass]=\"{\n 'bmb_icon-status-icon': !statusAppearance(),\n 'bmb_icon-status-icon-primary': !statusAppearance() && iconColor() === 'primary',\n }\"\n alt=\"status icon\"\n />\n </div>\n</section>\n", styles: [".bmb_icon-status-wrapper{display:flex;border-radius:50%;height:7.5rem;width:7.5rem;align-items:center;justify-content:center;color:var(--white-primary)}.bmb_icon-status-wrapper-success{background-color:var(--alert-successful)}.bmb_icon-status-wrapper-event{background-color:var(--alert-event)}.bmb_icon-status-wrapper-warning{background-color:var(--alert-warning)}.bmb_icon-status-wrapper-error{background-color:var(--alert-error)}.bmb_icon-status-icon{color:inherit}.bmb_icon-status-icon-primary{color:var(--general_contrasts-main-selection)}\n"] }]
|
|
13616
|
+
}], 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
13617
|
|
|
13620
13618
|
class BmbDigitalIdComponent {
|
|
13621
13619
|
constructor() {
|