@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1219-b → 1.5.1219-d
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.
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs +600 -39
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map +1 -1
- package/lib/components/bmb-calendar/bmb-calendar.component.d.ts +2 -1
- package/lib/components/bmb-calendar/common/bmb-calendar-template-mobile/bmb-calendar-template-mobile.component.d.ts +2 -1
- package/lib/components/bmb-inner-header/bmb-inner-header.component.d.ts +3 -1
- package/lib/components/bmb-sidebar/bmb-sidebar.component.d.ts +8 -1
- package/lib/components/bmb-table-lite/bmb-table-lite.component.d.ts +97 -0
- package/lib/components/bmb-table-lite/bmb-table-lite.interface.d.ts +22 -0
- package/lib/components/bmb-tags/bmb-tags.component.d.ts +2 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -2656,6 +2656,7 @@ class BmbInputContentComponent {
|
|
|
2656
2656
|
}
|
|
2657
2657
|
handleClearValue() {
|
|
2658
2658
|
this.control().reset();
|
|
2659
|
+
this.onChange.emit(this.control().value);
|
|
2659
2660
|
}
|
|
2660
2661
|
get inputClasses() {
|
|
2661
2662
|
const appearance = this.type() === 'text-area' ? 'normal' : this.appearance();
|
|
@@ -3074,6 +3075,7 @@ class BmbTagComponent {
|
|
|
3074
3075
|
this.activityTag = input(false); //Disable
|
|
3075
3076
|
this.isDisabled = input(false);
|
|
3076
3077
|
this.isActive = input(false);
|
|
3078
|
+
this.enableClick = input(false);
|
|
3077
3079
|
this.closedTag = output();
|
|
3078
3080
|
this.clickedTag = output();
|
|
3079
3081
|
this.groupedTags = [];
|
|
@@ -3097,7 +3099,7 @@ class BmbTagComponent {
|
|
|
3097
3099
|
'bmb_tag-rounded',
|
|
3098
3100
|
`bmb_tag-${this.appearance()}`,
|
|
3099
3101
|
];
|
|
3100
|
-
if (this.dismissible()) {
|
|
3102
|
+
if (this.dismissible() || this.enableClick()) {
|
|
3101
3103
|
if (this.isActive())
|
|
3102
3104
|
classes.push('bmb_tag-active');
|
|
3103
3105
|
if (this.isDisabled())
|
|
@@ -3114,11 +3116,11 @@ class BmbTagComponent {
|
|
|
3114
3116
|
this.clickedTag.emit(text);
|
|
3115
3117
|
}
|
|
3116
3118
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbTagComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3117
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbTagComponent, isStandalone: true, selector: "bmb-tag", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, activityTag: { classPropertyName: "activityTag", publicName: "activityTag", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closedTag: "closedTag", clickedTag: "clickedTag" }, ngImport: i0, template: "<ng-template #tag>\n <span class=\"bmb_tag-text\">{{ text() }}</span>\n @if (dismissible()) {\n <bmb-action-icon\n [iconSize]=\"16\"\n class=\"bmb_tag-btn\"\n (buttonClick)=\"closeTag(text())\"\n [icon]=\"'close'\"\n />\n }\n</ng-template>\n\n@if (dismissible()) {\n <button\n type=\"button\"\n [disabled]=\"isDisabled()\"\n [ngClass]=\"getClasses()\"\n (click)=\"clickTag(text())\"\n >\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </button>\n} @else {\n <div [ngClass]=\"getClasses()\">\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </div>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 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 }); }
|
|
3119
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbTagComponent, isStandalone: true, selector: "bmb-tag", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, activityTag: { classPropertyName: "activityTag", publicName: "activityTag", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, enableClick: { classPropertyName: "enableClick", publicName: "enableClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closedTag: "closedTag", clickedTag: "clickedTag" }, ngImport: i0, template: "<ng-template #tag>\n <span class=\"bmb_tag-text\">{{ text() }}</span>\n @if (dismissible()) {\n <bmb-action-icon\n [iconSize]=\"16\"\n class=\"bmb_tag-btn\"\n (buttonClick)=\"closeTag(text())\"\n [icon]=\"'close'\"\n />\n }\n</ng-template>\n\n@if (dismissible() || enableClick()) {\n <button\n type=\"button\"\n [disabled]=\"isDisabled()\"\n [ngClass]=\"getClasses()\"\n (click)=\"clickTag(text())\"\n >\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </button>\n} @else {\n <div [ngClass]=\"getClasses()\">\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </div>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 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 }); }
|
|
3118
3120
|
}
|
|
3119
3121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbTagComponent, decorators: [{
|
|
3120
3122
|
type: Component,
|
|
3121
|
-
args: [{ selector: 'bmb-tag', standalone: true, imports: [CommonModule, BmbIconComponent, BmbActionIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #tag>\n <span class=\"bmb_tag-text\">{{ text() }}</span>\n @if (dismissible()) {\n <bmb-action-icon\n [iconSize]=\"16\"\n class=\"bmb_tag-btn\"\n (buttonClick)=\"closeTag(text())\"\n [icon]=\"'close'\"\n />\n }\n</ng-template>\n\n@if (dismissible()) {\n <button\n type=\"button\"\n [disabled]=\"isDisabled()\"\n [ngClass]=\"getClasses()\"\n (click)=\"clickTag(text())\"\n >\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </button>\n} @else {\n <div [ngClass]=\"getClasses()\">\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </div>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"] }]
|
|
3123
|
+
args: [{ selector: 'bmb-tag', standalone: true, imports: [CommonModule, BmbIconComponent, BmbActionIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #tag>\n <span class=\"bmb_tag-text\">{{ text() }}</span>\n @if (dismissible()) {\n <bmb-action-icon\n [iconSize]=\"16\"\n class=\"bmb_tag-btn\"\n (buttonClick)=\"closeTag(text())\"\n [icon]=\"'close'\"\n />\n }\n</ng-template>\n\n@if (dismissible() || enableClick()) {\n <button\n type=\"button\"\n [disabled]=\"isDisabled()\"\n [ngClass]=\"getClasses()\"\n (click)=\"clickTag(text())\"\n >\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </button>\n} @else {\n <div [ngClass]=\"getClasses()\">\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </div>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"] }]
|
|
3122
3124
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3123
3125
|
|
|
3124
3126
|
class BmbFilterCardComponent {
|
|
@@ -3251,7 +3253,7 @@ class BmbFilterCardComponent {
|
|
|
3251
3253
|
this.filterForm.get('search')?.setValue(event);
|
|
3252
3254
|
}
|
|
3253
3255
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbFilterCardComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3254
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\n <ng-template #modalTemplate>\n <div class=\"bmb_filter_card-modal\">\n <form [formGroup]=\"filterForm\">\n @if (showDropdown()) {\n <bmb-dropdown\n [placeholder]=\"placeholderSearch()\"\n [options]=\"dropdownOptions()\"\n [control]=\"getFormControl('search')\"\n (onValueChange)=\"onValueChange($event)\"\n [isFilterable]=\"true\"\n />\n } @else {\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl('search')\"\n [isClearable]=\"true\"\n />\n }\n @for (controlType of controlTypes(); track $index) {\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n <div class=\"bmb_filter_card-control\">\n @for (control of controlType.control; track $index) {\n @switch (control.type) {\n @case ('tag') {\n <bmb-tag\n [text]=\"control.label\"\n [dismissible]=\"false\"\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\n (clickedTag)=\"onControlChange(control, $event)\"\n />\n }\n @case ('radial') {\n <bmb-radial\n [name]=\"control.name\"\n [inputId]=\"control.id ?? control.name + '-' + $index\"\n [checked]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n [value]=\"control.value ?? control.name\"\n />\n }\n @case ('checkbox') {\n <bmb-checkbox\n [name]=\"control.name\"\n [checked]=\"filterForm.get(control.name)?.value\"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n [inputId]=\"control.id ?? control.name + '-' + $index\"\n [value]=\"control.value ?? control.name\"\n />\n }\n @case ('switch') {\n <bmb-switch\n [rightText]=\"control.rightText ?? ''\"\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n }\n }\n </div>\n }\n @if (inLine()) {\n <footer class=\"bmb_filter_card-footer\">\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n {{ secondaryBtnLabel() }}\n </button>\n <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n {{ primaryBtnLabel() }}\n </button>\n </footer>\n }\n </form>\n </div>\n </ng-template>\n\n @if (inLine()) {\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n } @else {\n <button\n type=\"button\"\n class=\"bmb_filter_card-button\"\n (click)=\"openModalComponent()\"\n type=\"button\"\n >\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n </button>\n }\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_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { 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: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3256
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\n <ng-template #modalTemplate>\n <div class=\"bmb_filter_card-modal\">\n <form [formGroup]=\"filterForm\">\n @if (showDropdown()) {\n <bmb-dropdown\n [placeholder]=\"placeholderSearch()\"\n [options]=\"dropdownOptions()\"\n [control]=\"getFormControl('search')\"\n (onValueChange)=\"onValueChange($event)\"\n [isFilterable]=\"true\"\n />\n } @else {\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl('search')\"\n [isClearable]=\"true\"\n />\n }\n @for (controlType of controlTypes(); track $index) {\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n <div class=\"bmb_filter_card-control\">\n @for (control of controlType.control; track $index) {\n @switch (control.type) {\n @case ('tag') {\n <bmb-tag\n [text]=\"control.label\"\n [dismissible]=\"false\"\n [enableClick]=\"true\"\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\n (clickedTag)=\"onControlChange(control, $event)\"\n />\n }\n @case ('radial') {\n <bmb-radial\n [name]=\"control.name\"\n [inputId]=\"control.id ?? control.name + '-' + $index\"\n [checked]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n [value]=\"control.value ?? control.name\"\n />\n }\n @case ('checkbox') {\n <bmb-checkbox\n [name]=\"control.name\"\n [checked]=\"filterForm.get(control.name)?.value\"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n [inputId]=\"control.id ?? control.name + '-' + $index\"\n [value]=\"control.value ?? control.name\"\n />\n }\n @case ('switch') {\n <bmb-switch\n [rightText]=\"control.rightText ?? ''\"\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n }\n }\n </div>\n }\n @if (inLine()) {\n <footer class=\"bmb_filter_card-footer\">\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n {{ secondaryBtnLabel() }}\n </button>\n <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n {{ primaryBtnLabel() }}\n </button>\n </footer>\n }\n </form>\n </div>\n </ng-template>\n\n @if (inLine()) {\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n } @else {\n <button\n type=\"button\"\n class=\"bmb_filter_card-button\"\n (click)=\"openModalComponent()\"\n type=\"button\"\n >\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n </button>\n }\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_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { 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: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3255
3257
|
}
|
|
3256
3258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbFilterCardComponent, decorators: [{
|
|
3257
3259
|
type: Component,
|
|
@@ -3266,7 +3268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3266
3268
|
BmbDropdownComponent,
|
|
3267
3269
|
BmbButtonDirective,
|
|
3268
3270
|
BmbTagComponent,
|
|
3269
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_filter_card\">\n <ng-template #modalTemplate>\n <div class=\"bmb_filter_card-modal\">\n <form [formGroup]=\"filterForm\">\n @if (showDropdown()) {\n <bmb-dropdown\n [placeholder]=\"placeholderSearch()\"\n [options]=\"dropdownOptions()\"\n [control]=\"getFormControl('search')\"\n (onValueChange)=\"onValueChange($event)\"\n [isFilterable]=\"true\"\n />\n } @else {\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl('search')\"\n [isClearable]=\"true\"\n />\n }\n @for (controlType of controlTypes(); track $index) {\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n <div class=\"bmb_filter_card-control\">\n @for (control of controlType.control; track $index) {\n @switch (control.type) {\n @case ('tag') {\n <bmb-tag\n [text]=\"control.label\"\n [dismissible]=\"false\"\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\n (clickedTag)=\"onControlChange(control, $event)\"\n />\n }\n @case ('radial') {\n <bmb-radial\n [name]=\"control.name\"\n [inputId]=\"control.id ?? control.name + '-' + $index\"\n [checked]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n [value]=\"control.value ?? control.name\"\n />\n }\n @case ('checkbox') {\n <bmb-checkbox\n [name]=\"control.name\"\n [checked]=\"filterForm.get(control.name)?.value\"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n [inputId]=\"control.id ?? control.name + '-' + $index\"\n [value]=\"control.value ?? control.name\"\n />\n }\n @case ('switch') {\n <bmb-switch\n [rightText]=\"control.rightText ?? ''\"\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n }\n }\n </div>\n }\n @if (inLine()) {\n <footer class=\"bmb_filter_card-footer\">\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n {{ secondaryBtnLabel() }}\n </button>\n <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n {{ primaryBtnLabel() }}\n </button>\n </footer>\n }\n </form>\n </div>\n </ng-template>\n\n @if (inLine()) {\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n } @else {\n <button\n type=\"button\"\n class=\"bmb_filter_card-button\"\n (click)=\"openModalComponent()\"\n type=\"button\"\n >\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n </button>\n }\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_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"] }]
|
|
3271
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_filter_card\">\n <ng-template #modalTemplate>\n <div class=\"bmb_filter_card-modal\">\n <form [formGroup]=\"filterForm\">\n @if (showDropdown()) {\n <bmb-dropdown\n [placeholder]=\"placeholderSearch()\"\n [options]=\"dropdownOptions()\"\n [control]=\"getFormControl('search')\"\n (onValueChange)=\"onValueChange($event)\"\n [isFilterable]=\"true\"\n />\n } @else {\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl('search')\"\n [isClearable]=\"true\"\n />\n }\n @for (controlType of controlTypes(); track $index) {\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n <div class=\"bmb_filter_card-control\">\n @for (control of controlType.control; track $index) {\n @switch (control.type) {\n @case ('tag') {\n <bmb-tag\n [text]=\"control.label\"\n [dismissible]=\"false\"\n [enableClick]=\"true\"\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\n (clickedTag)=\"onControlChange(control, $event)\"\n />\n }\n @case ('radial') {\n <bmb-radial\n [name]=\"control.name\"\n [inputId]=\"control.id ?? control.name + '-' + $index\"\n [checked]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n [value]=\"control.value ?? control.name\"\n />\n }\n @case ('checkbox') {\n <bmb-checkbox\n [name]=\"control.name\"\n [checked]=\"filterForm.get(control.name)?.value\"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n [inputId]=\"control.id ?? control.name + '-' + $index\"\n [value]=\"control.value ?? control.name\"\n />\n }\n @case ('switch') {\n <bmb-switch\n [rightText]=\"control.rightText ?? ''\"\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n }\n }\n </div>\n }\n @if (inLine()) {\n <footer class=\"bmb_filter_card-footer\">\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n {{ secondaryBtnLabel() }}\n </button>\n <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n {{ primaryBtnLabel() }}\n </button>\n </footer>\n }\n </form>\n </div>\n </ng-template>\n\n @if (inLine()) {\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n } @else {\n <button\n type=\"button\"\n class=\"bmb_filter_card-button\"\n (click)=\"openModalComponent()\"\n type=\"button\"\n >\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n </button>\n }\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_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"] }]
|
|
3270
3272
|
}], ctorParameters: () => [{ type: BmbNativeModalService }], propDecorators: { modalTemplate: [{
|
|
3271
3273
|
type: ViewChild,
|
|
3272
3274
|
args: ['modalTemplate']
|
|
@@ -3279,6 +3281,8 @@ class BmbInnerHeaderComponent {
|
|
|
3279
3281
|
this.subTitle = input(''); //Deprecated
|
|
3280
3282
|
this.trailingIconPrimary = input('');
|
|
3281
3283
|
this.trailingIconSecondary = input('');
|
|
3284
|
+
this.disableTrailingIconPrimary = input(false);
|
|
3285
|
+
this.disableTrailingIconSecondary = input(false);
|
|
3282
3286
|
this.showClose = input(false);
|
|
3283
3287
|
this.showReturn = input(false);
|
|
3284
3288
|
this.showSearch = input(false);
|
|
@@ -3323,7 +3327,7 @@ class BmbInnerHeaderComponent {
|
|
|
3323
3327
|
return this.searchForm.get(search);
|
|
3324
3328
|
}
|
|
3325
3329
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbInnerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3326
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbInnerHeaderComponent, isStandalone: true, selector: "bmb-inner-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, trailingIconPrimary: { classPropertyName: "trailingIconPrimary", publicName: "trailingIconPrimary", isSignal: true, isRequired: false, transformFunction: null }, trailingIconSecondary: { classPropertyName: "trailingIconSecondary", publicName: "trailingIconSecondary", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, showReturn: { classPropertyName: "showReturn", publicName: "showReturn", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onHandleTrailingPrimary: "onHandleTrailingPrimary", onHandleTrailingSecondary: "onHandleTrailingSecondary", onHandleBack: "onHandleBack", onHandleClose: "onHandleClose", searchData: "searchData" }, ngImport: i0, template: "<header class=\"bmb_inner_header\">\n <bmb-container>\n <span class=\"bmb_inner_header-container\">\n @if (toggleSearch()) {\n <form [formGroup]=\"searchForm\" class=\"bmb_inner_header-form\">\n <span class=\"bmb_inner_header-button\">\n <bmb-action-icon\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSearch()\"\n />\n </span>\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n icon=\"search\"\n (isBlur)=\"onSubmit()\"\n [control]=\"getFormControl('search')\"\n />\n </form>\n } @else {\n <bmb-three-cols\n [ngClass]=\"{\n 'bmb_inner_header-container-space': !!trailingIconSecondary()\n }\"\n >\n <ng-template #bmbLeftContent>\n <bmb-action-icon\n [icon]=\"getLeftIcon()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleBack($event)\"\n />\n </ng-template>\n <ng-template #bmbMainContent>\n <bmb-title-content\n [title]=\"title()\"\n titleSize=\"6\"\n [isCenterContent]=\"true\"\n [transparentBgC]=\"true\"\n />\n </ng-template>\n <ng-template #bmbRightContent>\n <span class=\"bmb_inner_header-actions\">\n @if (trailingIconSecondary()) {\n <bmb-action-icon\n [icon]=\"trailingIconSecondary()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleTrailingIconSecondary($event)\"\n />\n }\n @if (!!trailingIconPrimary() || showSearch()) {\n @if (showSearch()) {\n <bmb-action-icon\n icon=\"search\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSearch()\"\n />\n } @else {\n <bmb-action-icon\n [icon]=\"trailingIconPrimary()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleTrailingIconPrimary($event)\"\n />\n }\n }\n </span>\n </ng-template>\n </bmb-three-cols>\n }\n </span>\n <section class=\"bmb_inner_header-content\">\n <ng-content></ng-content>\n </section>\n </bmb-container>\n</header>\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_inner_header-container{width:100%}.bmb_inner_header-container-space .bmb_three-cols-child:first-child{width:4rem}.bmb_inner_header-form{width:100%;position:relative;padding:.5rem 0}.bmb_inner_header-form .bmb_inner_header-button{position:absolute;top:1.25rem;right:.625rem;z-index:1}.bmb_inner_header-form .bmb_field-input{padding-right:2.5rem}.bmb_inner_header-actions{display:inline-flex;gap:var(--bmb-spacing-m)}.bmb_inner_header .bmb_container{border-radius:0 0 .75rem .75rem;display:block}.bmb_inner_header .bmb_title-content-container-wrapper-title{color:var(--general_contrasts-100)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbThreeColsComponent, selector: "bmb-three-cols", inputs: ["gapSize", "justify", "alignItems", "expandMainColumn"] }, { 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: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3330
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbInnerHeaderComponent, isStandalone: true, selector: "bmb-inner-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, trailingIconPrimary: { classPropertyName: "trailingIconPrimary", publicName: "trailingIconPrimary", isSignal: true, isRequired: false, transformFunction: null }, trailingIconSecondary: { classPropertyName: "trailingIconSecondary", publicName: "trailingIconSecondary", isSignal: true, isRequired: false, transformFunction: null }, disableTrailingIconPrimary: { classPropertyName: "disableTrailingIconPrimary", publicName: "disableTrailingIconPrimary", isSignal: true, isRequired: false, transformFunction: null }, disableTrailingIconSecondary: { classPropertyName: "disableTrailingIconSecondary", publicName: "disableTrailingIconSecondary", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, showReturn: { classPropertyName: "showReturn", publicName: "showReturn", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onHandleTrailingPrimary: "onHandleTrailingPrimary", onHandleTrailingSecondary: "onHandleTrailingSecondary", onHandleBack: "onHandleBack", onHandleClose: "onHandleClose", searchData: "searchData" }, ngImport: i0, template: "<header class=\"bmb_inner_header\">\n <bmb-container>\n <span class=\"bmb_inner_header-container\">\n @if (toggleSearch()) {\n <form [formGroup]=\"searchForm\" class=\"bmb_inner_header-form\">\n <span class=\"bmb_inner_header-button\">\n <bmb-action-icon\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSearch()\"\n />\n </span>\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n icon=\"search\"\n (isBlur)=\"onSubmit()\"\n [control]=\"getFormControl('search')\"\n />\n </form>\n } @else {\n <bmb-three-cols\n [ngClass]=\"{\n 'bmb_inner_header-container-space': !!trailingIconSecondary()\n }\"\n >\n <ng-template #bmbLeftContent>\n <bmb-action-icon\n [icon]=\"getLeftIcon()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleBack($event)\"\n />\n </ng-template>\n <ng-template #bmbMainContent>\n <bmb-title-content\n [title]=\"title()\"\n titleSize=\"6\"\n [isCenterContent]=\"true\"\n [transparentBgC]=\"true\"\n />\n </ng-template>\n <ng-template #bmbRightContent>\n <span class=\"bmb_inner_header-actions\">\n @if (trailingIconSecondary()) {\n <bmb-action-icon\n [icon]=\"trailingIconSecondary()\"\n [disabled]=\"disableTrailingIconSecondary()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleTrailingIconSecondary($event)\"\n />\n }\n @if (!!trailingIconPrimary() || showSearch()) {\n @if (showSearch()) {\n <bmb-action-icon\n icon=\"search\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSearch()\"\n />\n } @else {\n <bmb-action-icon\n [icon]=\"trailingIconPrimary()\"\n [iconSize]=\"24\"\n [disabled]=\"disableTrailingIconPrimary()\"\n (buttonClick)=\"handleTrailingIconPrimary($event)\"\n />\n }\n }\n </span>\n </ng-template>\n </bmb-three-cols>\n }\n </span>\n <section class=\"bmb_inner_header-content\">\n <ng-content></ng-content>\n </section>\n </bmb-container>\n</header>\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_inner_header-container{width:100%}.bmb_inner_header-container-space .bmb_three-cols-child:first-child{width:4rem}.bmb_inner_header-form{width:100%;position:relative;padding:.5rem 0}.bmb_inner_header-form .bmb_inner_header-button{position:absolute;top:1.25rem;right:.625rem;z-index:1}.bmb_inner_header-form .bmb_field-input{padding-right:2.5rem}.bmb_inner_header-actions{display:inline-flex;gap:var(--bmb-spacing-m)}.bmb_inner_header .bmb_container{border-radius:0 0 .75rem .75rem;display:block}.bmb_inner_header .bmb_title-content-container-wrapper-title{color:var(--general_contrasts-100)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbThreeColsComponent, selector: "bmb-three-cols", inputs: ["gapSize", "justify", "alignItems", "expandMainColumn"] }, { 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: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3327
3331
|
}
|
|
3328
3332
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbInnerHeaderComponent, decorators: [{
|
|
3329
3333
|
type: Component,
|
|
@@ -3335,7 +3339,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
3335
3339
|
BmbTitleContentComponent,
|
|
3336
3340
|
BmbInputComponent,
|
|
3337
3341
|
ReactiveFormsModule,
|
|
3338
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<header class=\"bmb_inner_header\">\n <bmb-container>\n <span class=\"bmb_inner_header-container\">\n @if (toggleSearch()) {\n <form [formGroup]=\"searchForm\" class=\"bmb_inner_header-form\">\n <span class=\"bmb_inner_header-button\">\n <bmb-action-icon\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSearch()\"\n />\n </span>\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n icon=\"search\"\n (isBlur)=\"onSubmit()\"\n [control]=\"getFormControl('search')\"\n />\n </form>\n } @else {\n <bmb-three-cols\n [ngClass]=\"{\n 'bmb_inner_header-container-space': !!trailingIconSecondary()\n }\"\n >\n <ng-template #bmbLeftContent>\n <bmb-action-icon\n [icon]=\"getLeftIcon()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleBack($event)\"\n />\n </ng-template>\n <ng-template #bmbMainContent>\n <bmb-title-content\n [title]=\"title()\"\n titleSize=\"6\"\n [isCenterContent]=\"true\"\n [transparentBgC]=\"true\"\n />\n </ng-template>\n <ng-template #bmbRightContent>\n <span class=\"bmb_inner_header-actions\">\n @if (trailingIconSecondary()) {\n <bmb-action-icon\n [icon]=\"trailingIconSecondary()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleTrailingIconSecondary($event)\"\n />\n }\n @if (!!trailingIconPrimary() || showSearch()) {\n @if (showSearch()) {\n <bmb-action-icon\n icon=\"search\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSearch()\"\n />\n } @else {\n <bmb-action-icon\n [icon]=\"trailingIconPrimary()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleTrailingIconPrimary($event)\"\n />\n }\n }\n </span>\n </ng-template>\n </bmb-three-cols>\n }\n </span>\n <section class=\"bmb_inner_header-content\">\n <ng-content></ng-content>\n </section>\n </bmb-container>\n</header>\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_inner_header-container{width:100%}.bmb_inner_header-container-space .bmb_three-cols-child:first-child{width:4rem}.bmb_inner_header-form{width:100%;position:relative;padding:.5rem 0}.bmb_inner_header-form .bmb_inner_header-button{position:absolute;top:1.25rem;right:.625rem;z-index:1}.bmb_inner_header-form .bmb_field-input{padding-right:2.5rem}.bmb_inner_header-actions{display:inline-flex;gap:var(--bmb-spacing-m)}.bmb_inner_header .bmb_container{border-radius:0 0 .75rem .75rem;display:block}.bmb_inner_header .bmb_title-content-container-wrapper-title{color:var(--general_contrasts-100)}\n"] }]
|
|
3342
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<header class=\"bmb_inner_header\">\n <bmb-container>\n <span class=\"bmb_inner_header-container\">\n @if (toggleSearch()) {\n <form [formGroup]=\"searchForm\" class=\"bmb_inner_header-form\">\n <span class=\"bmb_inner_header-button\">\n <bmb-action-icon\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSearch()\"\n />\n </span>\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n icon=\"search\"\n (isBlur)=\"onSubmit()\"\n [control]=\"getFormControl('search')\"\n />\n </form>\n } @else {\n <bmb-three-cols\n [ngClass]=\"{\n 'bmb_inner_header-container-space': !!trailingIconSecondary()\n }\"\n >\n <ng-template #bmbLeftContent>\n <bmb-action-icon\n [icon]=\"getLeftIcon()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleBack($event)\"\n />\n </ng-template>\n <ng-template #bmbMainContent>\n <bmb-title-content\n [title]=\"title()\"\n titleSize=\"6\"\n [isCenterContent]=\"true\"\n [transparentBgC]=\"true\"\n />\n </ng-template>\n <ng-template #bmbRightContent>\n <span class=\"bmb_inner_header-actions\">\n @if (trailingIconSecondary()) {\n <bmb-action-icon\n [icon]=\"trailingIconSecondary()\"\n [disabled]=\"disableTrailingIconSecondary()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleTrailingIconSecondary($event)\"\n />\n }\n @if (!!trailingIconPrimary() || showSearch()) {\n @if (showSearch()) {\n <bmb-action-icon\n icon=\"search\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSearch()\"\n />\n } @else {\n <bmb-action-icon\n [icon]=\"trailingIconPrimary()\"\n [iconSize]=\"24\"\n [disabled]=\"disableTrailingIconPrimary()\"\n (buttonClick)=\"handleTrailingIconPrimary($event)\"\n />\n }\n }\n </span>\n </ng-template>\n </bmb-three-cols>\n }\n </span>\n <section class=\"bmb_inner_header-content\">\n <ng-content></ng-content>\n </section>\n </bmb-container>\n</header>\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_inner_header-container{width:100%}.bmb_inner_header-container-space .bmb_three-cols-child:first-child{width:4rem}.bmb_inner_header-form{width:100%;position:relative;padding:.5rem 0}.bmb_inner_header-form .bmb_inner_header-button{position:absolute;top:1.25rem;right:.625rem;z-index:1}.bmb_inner_header-form .bmb_field-input{padding-right:2.5rem}.bmb_inner_header-actions{display:inline-flex;gap:var(--bmb-spacing-m)}.bmb_inner_header .bmb_container{border-radius:0 0 .75rem .75rem;display:block}.bmb_inner_header .bmb_title-content-container-wrapper-title{color:var(--general_contrasts-100)}\n"] }]
|
|
3339
3343
|
}] });
|
|
3340
3344
|
|
|
3341
3345
|
class BmbPullWedgeComponent {
|
|
@@ -4413,10 +4417,13 @@ class BmbSidebarComponent {
|
|
|
4413
4417
|
}
|
|
4414
4418
|
this.hasSubmenu = this.elements()?.some((element) => element?.some((el) => el.children));
|
|
4415
4419
|
}
|
|
4416
|
-
|
|
4417
|
-
|
|
4418
|
-
|
|
4419
|
-
|
|
4420
|
+
checkForButton({ isMobile, hasChildren }) {
|
|
4421
|
+
return isMobile && hasChildren;
|
|
4422
|
+
}
|
|
4423
|
+
getLink({ link, isMobile, hasChildren }) {
|
|
4424
|
+
if (this.checkForButton({ isMobile, hasChildren }))
|
|
4425
|
+
return '';
|
|
4426
|
+
return link || '';
|
|
4420
4427
|
}
|
|
4421
4428
|
closeSidebar() {
|
|
4422
4429
|
this.isOpen = false;
|
|
@@ -4452,7 +4459,7 @@ class BmbSidebarComponent {
|
|
|
4452
4459
|
}
|
|
4453
4460
|
}
|
|
4454
4461
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4455
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbSidebarComponent, isStandalone: true, selector: "bmb-sidebar", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:focusin": "onFocusIn($event)", "window:focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "sideNav", first: true, predicate: ["sideNav"], descendants: true }], ngImport: i0, template: "<!-- Template for element -->\n<ng-template\n #elementTemplate\n let-element=\"element\"\n let-isTitle=\"isTitle\"\n let-isFixed=\"isFixed\"\n let-isChild=\"isChild\"\n let-isMobile=\"isMobile\"\n>\n @if (!!element.icon) {\n <bmb-icon\n class=\"bmb_sidebar-icon\"\n [icon]=\"element.icon\"\n [alt]=\"element.title\"\n [size]=\"24\"\n />\n }\n <span\n [ngClass]=\"{\n 'bmb_sidebar-text': !isTitle,\n 'bmb_sidebar-header-text': isTitle\n }\"\n >{{ element!.title }}</span\n >\n @if (isFixed) {\n <bmb-action-icon\n class=\"bmb_sidebar-header-icon\"\n idElement=\"sidebar_close\"\n icon=\"close\"\n [iconSize]=\"24\"\n [isAccentColor]=\"false\"\n (buttonClick)=\"closeSidebar()\"\n />\n }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n <bmb-check-external-link-button\n class=\"bmb_sidebar-link\"\n [idElement]=\"'element' + item.id!\"\n [link]=\"!isMobile ? getLink(item.link!) : ''\"\n [target]=\"!isMobile ? item.target! : ''\"\n (buttonClick)=\"toggleChildren(item)\"\n >\n <ng-container\n *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n />\n @if (!!item.children) {\n <bmb-icon\n class=\"bmb_sidebar-arrow\"\n [icon]=\"\n !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n \"\n [size]=\"24\"\n />\n }\n </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group.slice(0, 5); track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' && hasSubmenu && !element.children?.length\n }\"\n (click)=\"checkToCloseSidebar(element)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: element, isMobile }\n \"\n />\n @if (!!element.children && level === 1) {\n <ng-container\n *ngTemplateOutlet=\"\n sidebarElementTemplate;\n context: {\n element: element,\n iconSize: 24,\n isFixed: true,\n level: 2,\n selectedElement,\n isMobile\n }\n \"\n />\n }\n </li>\n }\n </ul>\n }\n</ng-template>\n\n<ng-template\n #sidebarElementTemplate\n let-element=\"element\"\n let-iconSize=\"iconSize\"\n let-level=\"level\"\n let-isTitle=\"isTitle\"\n let-isFixed=\"isFixed\"\n let-selectedElement=\"selectedElement\"\n let-isMobile=\"isMobile\"\n>\n @if (level == 1 && isMobile) {\n <bmb-action-icon\n class=\"bmb_sidebar-mobile-button\"\n idElement=\"sidebar_main\"\n icon=\"chevron_right\"\n [iconSize]=\"iconSize\"\n toggleIconActive=\"chevron_left\"\n [isAccentColor]=\"false\"\n [(isToggleActive)]=\"isOpen\"\n (buttonClick)=\"clearSelectElement()\"\n />\n }\n <section\n [tabIndex]=\"-1\"\n [ngClass]=\"{\n 'bmb_sidebar-children': level >= 2 && !!element.children,\n 'bmb_sidebar-children-open':\n level >= 2 && !!element.children && selectedElement === element,\n 'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n bmb_sidebar: isMobile && level == 1,\n 'bmb_sidebar-mobile': isMobile && level == 1\n }\"\n >\n @if (isOpen) {\n <section\n [ngClass]=\"{\n 'bmb_sidebar-header': level == 1,\n 'bmb_sidebar-title': level >= 2\n }\"\n >\n @if (level >= 2 && !!selectedElement) {\n <bmb-action-icon\n class=\"bmb_sidebar-title-button\"\n [idElement]=\"element.id.toString()\"\n icon=\"chevron_left\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleChildren(element)\"\n />\n }\n <!-- Header -->\n <ng-container\n *ngTemplateOutlet=\"\n elementTemplate;\n context: {\n element: {\n title: element.title,\n icon: element.icon!\n },\n isTitle,\n isFixed\n }\n \"\n />\n </section>\n\n @if (level == 1) {\n <!-- Menu -->\n <ng-container\n *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n />\n }\n }\n @if (level >= 2 && !!element.children) {\n <ul class=\"bmb_sidebar-list\">\n @for (child of element?.children?.slice(0, 6); track $index) {\n <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: child, isMobile, isChild: true }\n \"\n />\n </li>\n }\n </ul>\n }\n </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n #sideNav\n class=\"bmb_sidebar bmb_sidebar-desktop\"\n aria-label=\"Sidebar Navigation\"\n [ngClass]=\"{\n 'bmb-active': isActive,\n 'bmb_sidebar-desktop-right': position() === 'right'\n }\"\n (mouseleave)=\"clearSelectElement()\"\n>\n <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n <ng-container\n *ngTemplateOutlet=\"\n sidebarTemplate;\n context: { level: 1, isMobile: false }\n \"\n />\n </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n <ng-container\n *ngTemplateOutlet=\"\n sidebarElementTemplate;\n context: {\n element: {\n title: title()\n },\n iconSize: 32,\n isTitle: true,\n isFixed: true,\n level: 1,\n isMobile: true\n }\n \"\n />\n</nav>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--color-black-primary));border-radius:0 1.5rem 1.5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--color-black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--color-black-primary));color:rgb(var(--color-white-primary))}@media (min-width: 1001px){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--color-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--color-white-primary));font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid rgb(var(--color-charade-800));margin-top:1.5rem;padding-top:1.5rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden;color:rgb(var(--color-white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--color-white-primary));color:rgb(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:rgb(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid rgb(var(--color-charade-800));color:rgb(var(--color-white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { 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 }); }
|
|
4462
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbSidebarComponent, isStandalone: true, selector: "bmb-sidebar", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:focusin": "onFocusIn($event)", "window:focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "sideNav", first: true, predicate: ["sideNav"], descendants: true }], ngImport: i0, template: "<!-- Template for element -->\n<ng-template\n #elementTemplate\n let-element=\"element\"\n let-isHeader=\"isHeader\"\n let-isFixed=\"isFixed\"\n let-isChild=\"isChild\"\n let-isMobile=\"isMobile\"\n let-hasChildren=\"hasChildren\"\n>\n @if (!isHeader && !!element.icon) {\n <bmb-icon\n class=\"bmb_sidebar-icon\"\n [icon]=\"element.icon\"\n [alt]=\"element.title\"\n [size]=\"24\"\n />\n }\n <span\n [ngClass]=\"{\n 'bmb_sidebar-text': !isHeader,\n 'bmb_sidebar-header-text': isHeader\n }\"\n >\n {{ element!.title }}\n </span>\n @if (isFixed) {\n <bmb-action-icon\n class=\"bmb_sidebar-header-icon\"\n idElement=\"sidebar_close\"\n icon=\"close\"\n [iconSize]=\"24\"\n [isAccentColor]=\"false\"\n (buttonClick)=\"closeSidebar()\"\n />\n }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n <bmb-check-external-link-button\n class=\"bmb_sidebar-link\"\n [idElement]=\"'element' + item.id!\"\n [link]=\"\n getLink({ isMobile, hasChildren: !!item.children, link: item.link! })\n \"\n [target]=\"\n checkForButton({\n isMobile,\n hasChildren: !!item.children\n })\n ? item.target!\n : ''\n \"\n (buttonClick)=\"toggleChildren(item)\"\n >\n <ng-container\n *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n />\n @if (!!item.children) {\n <bmb-icon\n class=\"bmb_sidebar-arrow\"\n [icon]=\"\n !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n \"\n [size]=\"24\"\n />\n }\n </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group.slice(0, 5); track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' && hasSubmenu && !element.children?.length\n }\"\n (click)=\"checkToCloseSidebar(element)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: element, isMobile }\n \"\n />\n @if (!!element.children && level === 1) {\n <ng-container\n *ngTemplateOutlet=\"\n sidebarElementTemplate;\n context: {\n element: element,\n iconSize: 24,\n isFixed: true,\n level: 2,\n selectedElement,\n isMobile\n }\n \"\n />\n }\n </li>\n }\n </ul>\n }\n</ng-template>\n\n<ng-template\n #sidebarElementTemplate\n let-element=\"element\"\n let-iconSize=\"iconSize\"\n let-level=\"level\"\n let-isHeader=\"isHeader\"\n let-isFixed=\"isFixed\"\n let-selectedElement=\"selectedElement\"\n let-isMobile=\"isMobile\"\n>\n @if (level == 1 && isMobile) {\n <bmb-action-icon\n class=\"bmb_sidebar-mobile-button\"\n idElement=\"sidebar_main\"\n icon=\"chevron_right\"\n [iconSize]=\"iconSize\"\n toggleIconActive=\"chevron_left\"\n [isAccentColor]=\"false\"\n [(isToggleActive)]=\"isOpen\"\n (buttonClick)=\"clearSelectElement()\"\n />\n }\n <section\n [tabIndex]=\"-1\"\n [ngClass]=\"{\n 'bmb_sidebar-children': level >= 2 && !!element.children,\n 'bmb_sidebar-children-open':\n level >= 2 && !!element.children && selectedElement === element,\n 'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n bmb_sidebar: isMobile && level == 1,\n 'bmb_sidebar-mobile': isMobile && level == 1\n }\"\n >\n @if (isOpen) {\n <section\n [ngClass]=\"{\n 'bmb_sidebar-header': level == 1,\n 'bmb_sidebar-title': level >= 2\n }\"\n >\n @if (level >= 2 && !!selectedElement) {\n <bmb-action-icon\n class=\"bmb_sidebar-title-button\"\n [idElement]=\"element.id.toString()\"\n icon=\"chevron_left\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleChildren(element)\"\n />\n }\n <!-- Header -->\n <ng-container\n *ngTemplateOutlet=\"\n elementTemplate;\n context: {\n element,\n isHeader: true,\n isFixed,\n hasChildren: !!element.children\n }\n \"\n />\n </section>\n\n @if (level == 1) {\n <!-- Menu -->\n <ng-container\n *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n />\n }\n }\n @if (level >= 2 && !!element.children) {\n <ul class=\"bmb_sidebar-list\">\n @for (child of element?.children?.slice(0, 6); track $index) {\n <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: child, isMobile, isChild: true }\n \"\n />\n </li>\n }\n </ul>\n }\n </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n #sideNav\n class=\"bmb_sidebar bmb_sidebar-desktop\"\n aria-label=\"Sidebar Navigation\"\n [ngClass]=\"{\n 'bmb-active': isActive,\n 'bmb_sidebar-desktop-right': position() === 'right'\n }\"\n (mouseleave)=\"clearSelectElement()\"\n>\n <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n <ng-container\n *ngTemplateOutlet=\"\n sidebarTemplate;\n context: { level: 1, isMobile: false }\n \"\n />\n </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n <ng-container\n *ngTemplateOutlet=\"\n sidebarElementTemplate;\n context: {\n element: {\n title: title()\n },\n iconSize: 32,\n isHeader: true,\n isFixed: true,\n level: 1,\n isMobile: true\n }\n \"\n />\n</nav>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--color-black-primary));border-radius:0 1.5rem 1.5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--color-black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--color-black-primary));color:rgb(var(--color-white-primary))}@media (min-width: 1001px){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--color-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--color-white-primary));font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid rgb(var(--color-charade-800));margin-top:1.5rem;padding-top:1.5rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden;color:rgb(var(--color-white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--color-white-primary));color:rgb(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:rgb(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid rgb(var(--color-charade-800));color:rgb(var(--color-white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { 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 }); }
|
|
4456
4463
|
}
|
|
4457
4464
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbSidebarComponent, decorators: [{
|
|
4458
4465
|
type: Component,
|
|
@@ -4461,7 +4468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4461
4468
|
BmbIconComponent,
|
|
4462
4469
|
BmbCheckExternalLinkButtonComponent,
|
|
4463
4470
|
BmbActionIconComponent,
|
|
4464
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\n<ng-template\n #elementTemplate\n let-element=\"element\"\n let-isTitle=\"isTitle\"\n let-isFixed=\"isFixed\"\n let-isChild=\"isChild\"\n let-isMobile=\"isMobile\"\n>\n @if (!!element.icon) {\n <bmb-icon\n class=\"bmb_sidebar-icon\"\n [icon]=\"element.icon\"\n [alt]=\"element.title\"\n [size]=\"24\"\n />\n }\n <span\n [ngClass]=\"{\n 'bmb_sidebar-text': !isTitle,\n 'bmb_sidebar-header-text': isTitle\n }\"\n >{{ element!.title }}</span\n >\n @if (isFixed) {\n <bmb-action-icon\n class=\"bmb_sidebar-header-icon\"\n idElement=\"sidebar_close\"\n icon=\"close\"\n [iconSize]=\"24\"\n [isAccentColor]=\"false\"\n (buttonClick)=\"closeSidebar()\"\n />\n }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n <bmb-check-external-link-button\n class=\"bmb_sidebar-link\"\n [idElement]=\"'element' + item.id!\"\n [link]=\"!isMobile ? getLink(item.link!) : ''\"\n [target]=\"!isMobile ? item.target! : ''\"\n (buttonClick)=\"toggleChildren(item)\"\n >\n <ng-container\n *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n />\n @if (!!item.children) {\n <bmb-icon\n class=\"bmb_sidebar-arrow\"\n [icon]=\"\n !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n \"\n [size]=\"24\"\n />\n }\n </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group.slice(0, 5); track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' && hasSubmenu && !element.children?.length\n }\"\n (click)=\"checkToCloseSidebar(element)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: element, isMobile }\n \"\n />\n @if (!!element.children && level === 1) {\n <ng-container\n *ngTemplateOutlet=\"\n sidebarElementTemplate;\n context: {\n element: element,\n iconSize: 24,\n isFixed: true,\n level: 2,\n selectedElement,\n isMobile\n }\n \"\n />\n }\n </li>\n }\n </ul>\n }\n</ng-template>\n\n<ng-template\n #sidebarElementTemplate\n let-element=\"element\"\n let-iconSize=\"iconSize\"\n let-level=\"level\"\n let-isTitle=\"isTitle\"\n let-isFixed=\"isFixed\"\n let-selectedElement=\"selectedElement\"\n let-isMobile=\"isMobile\"\n>\n @if (level == 1 && isMobile) {\n <bmb-action-icon\n class=\"bmb_sidebar-mobile-button\"\n idElement=\"sidebar_main\"\n icon=\"chevron_right\"\n [iconSize]=\"iconSize\"\n toggleIconActive=\"chevron_left\"\n [isAccentColor]=\"false\"\n [(isToggleActive)]=\"isOpen\"\n (buttonClick)=\"clearSelectElement()\"\n />\n }\n <section\n [tabIndex]=\"-1\"\n [ngClass]=\"{\n 'bmb_sidebar-children': level >= 2 && !!element.children,\n 'bmb_sidebar-children-open':\n level >= 2 && !!element.children && selectedElement === element,\n 'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n bmb_sidebar: isMobile && level == 1,\n 'bmb_sidebar-mobile': isMobile && level == 1\n }\"\n >\n @if (isOpen) {\n <section\n [ngClass]=\"{\n 'bmb_sidebar-header': level == 1,\n 'bmb_sidebar-title': level >= 2\n }\"\n >\n @if (level >= 2 && !!selectedElement) {\n <bmb-action-icon\n class=\"bmb_sidebar-title-button\"\n [idElement]=\"element.id.toString()\"\n icon=\"chevron_left\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleChildren(element)\"\n />\n }\n <!-- Header -->\n <ng-container\n *ngTemplateOutlet=\"\n elementTemplate;\n context: {\n element: {\n title: element.title,\n icon: element.icon!\n },\n isTitle,\n isFixed\n }\n \"\n />\n </section>\n\n @if (level == 1) {\n <!-- Menu -->\n <ng-container\n *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n />\n }\n }\n @if (level >= 2 && !!element.children) {\n <ul class=\"bmb_sidebar-list\">\n @for (child of element?.children?.slice(0, 6); track $index) {\n <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: child, isMobile, isChild: true }\n \"\n />\n </li>\n }\n </ul>\n }\n </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n #sideNav\n class=\"bmb_sidebar bmb_sidebar-desktop\"\n aria-label=\"Sidebar Navigation\"\n [ngClass]=\"{\n 'bmb-active': isActive,\n 'bmb_sidebar-desktop-right': position() === 'right'\n }\"\n (mouseleave)=\"clearSelectElement()\"\n>\n <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n <ng-container\n *ngTemplateOutlet=\"\n sidebarTemplate;\n context: { level: 1, isMobile: false }\n \"\n />\n </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n <ng-container\n *ngTemplateOutlet=\"\n sidebarElementTemplate;\n context: {\n element: {\n title: title()\n },\n iconSize: 32,\n isTitle: true,\n isFixed: true,\n level: 1,\n isMobile: true\n }\n \"\n />\n</nav>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--color-black-primary));border-radius:0 1.5rem 1.5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--color-black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--color-black-primary));color:rgb(var(--color-white-primary))}@media (min-width: 1001px){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--color-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--color-white-primary));font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid rgb(var(--color-charade-800));margin-top:1.5rem;padding-top:1.5rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden;color:rgb(var(--color-white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--color-white-primary));color:rgb(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:rgb(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid rgb(var(--color-charade-800));color:rgb(var(--color-white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"] }]
|
|
4471
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\n<ng-template\n #elementTemplate\n let-element=\"element\"\n let-isHeader=\"isHeader\"\n let-isFixed=\"isFixed\"\n let-isChild=\"isChild\"\n let-isMobile=\"isMobile\"\n let-hasChildren=\"hasChildren\"\n>\n @if (!isHeader && !!element.icon) {\n <bmb-icon\n class=\"bmb_sidebar-icon\"\n [icon]=\"element.icon\"\n [alt]=\"element.title\"\n [size]=\"24\"\n />\n }\n <span\n [ngClass]=\"{\n 'bmb_sidebar-text': !isHeader,\n 'bmb_sidebar-header-text': isHeader\n }\"\n >\n {{ element!.title }}\n </span>\n @if (isFixed) {\n <bmb-action-icon\n class=\"bmb_sidebar-header-icon\"\n idElement=\"sidebar_close\"\n icon=\"close\"\n [iconSize]=\"24\"\n [isAccentColor]=\"false\"\n (buttonClick)=\"closeSidebar()\"\n />\n }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n <bmb-check-external-link-button\n class=\"bmb_sidebar-link\"\n [idElement]=\"'element' + item.id!\"\n [link]=\"\n getLink({ isMobile, hasChildren: !!item.children, link: item.link! })\n \"\n [target]=\"\n checkForButton({\n isMobile,\n hasChildren: !!item.children\n })\n ? item.target!\n : ''\n \"\n (buttonClick)=\"toggleChildren(item)\"\n >\n <ng-container\n *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n />\n @if (!!item.children) {\n <bmb-icon\n class=\"bmb_sidebar-arrow\"\n [icon]=\"\n !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n \"\n [size]=\"24\"\n />\n }\n </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group.slice(0, 5); track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' && hasSubmenu && !element.children?.length\n }\"\n (click)=\"checkToCloseSidebar(element)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: element, isMobile }\n \"\n />\n @if (!!element.children && level === 1) {\n <ng-container\n *ngTemplateOutlet=\"\n sidebarElementTemplate;\n context: {\n element: element,\n iconSize: 24,\n isFixed: true,\n level: 2,\n selectedElement,\n isMobile\n }\n \"\n />\n }\n </li>\n }\n </ul>\n }\n</ng-template>\n\n<ng-template\n #sidebarElementTemplate\n let-element=\"element\"\n let-iconSize=\"iconSize\"\n let-level=\"level\"\n let-isHeader=\"isHeader\"\n let-isFixed=\"isFixed\"\n let-selectedElement=\"selectedElement\"\n let-isMobile=\"isMobile\"\n>\n @if (level == 1 && isMobile) {\n <bmb-action-icon\n class=\"bmb_sidebar-mobile-button\"\n idElement=\"sidebar_main\"\n icon=\"chevron_right\"\n [iconSize]=\"iconSize\"\n toggleIconActive=\"chevron_left\"\n [isAccentColor]=\"false\"\n [(isToggleActive)]=\"isOpen\"\n (buttonClick)=\"clearSelectElement()\"\n />\n }\n <section\n [tabIndex]=\"-1\"\n [ngClass]=\"{\n 'bmb_sidebar-children': level >= 2 && !!element.children,\n 'bmb_sidebar-children-open':\n level >= 2 && !!element.children && selectedElement === element,\n 'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n bmb_sidebar: isMobile && level == 1,\n 'bmb_sidebar-mobile': isMobile && level == 1\n }\"\n >\n @if (isOpen) {\n <section\n [ngClass]=\"{\n 'bmb_sidebar-header': level == 1,\n 'bmb_sidebar-title': level >= 2\n }\"\n >\n @if (level >= 2 && !!selectedElement) {\n <bmb-action-icon\n class=\"bmb_sidebar-title-button\"\n [idElement]=\"element.id.toString()\"\n icon=\"chevron_left\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleChildren(element)\"\n />\n }\n <!-- Header -->\n <ng-container\n *ngTemplateOutlet=\"\n elementTemplate;\n context: {\n element,\n isHeader: true,\n isFixed,\n hasChildren: !!element.children\n }\n \"\n />\n </section>\n\n @if (level == 1) {\n <!-- Menu -->\n <ng-container\n *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n />\n }\n }\n @if (level >= 2 && !!element.children) {\n <ul class=\"bmb_sidebar-list\">\n @for (child of element?.children?.slice(0, 6); track $index) {\n <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: child, isMobile, isChild: true }\n \"\n />\n </li>\n }\n </ul>\n }\n </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n #sideNav\n class=\"bmb_sidebar bmb_sidebar-desktop\"\n aria-label=\"Sidebar Navigation\"\n [ngClass]=\"{\n 'bmb-active': isActive,\n 'bmb_sidebar-desktop-right': position() === 'right'\n }\"\n (mouseleave)=\"clearSelectElement()\"\n>\n <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n <ng-container\n *ngTemplateOutlet=\"\n sidebarTemplate;\n context: { level: 1, isMobile: false }\n \"\n />\n </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n <ng-container\n *ngTemplateOutlet=\"\n sidebarElementTemplate;\n context: {\n element: {\n title: title()\n },\n iconSize: 32,\n isHeader: true,\n isFixed: true,\n level: 1,\n isMobile: true\n }\n \"\n />\n</nav>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--color-black-primary));border-radius:0 1.5rem 1.5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--color-black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--color-black-primary));color:rgb(var(--color-white-primary))}@media (min-width: 1001px){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--color-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--color-white-primary));font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid rgb(var(--color-charade-800));margin-top:1.5rem;padding-top:1.5rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden;color:rgb(var(--color-white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--color-white-primary));color:rgb(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:rgb(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid rgb(var(--color-charade-800));color:rgb(var(--color-white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"] }]
|
|
4465
4472
|
}], propDecorators: { sideNav: [{
|
|
4466
4473
|
type: ViewChild,
|
|
4467
4474
|
args: ['sideNav']
|
|
@@ -4925,6 +4932,7 @@ class BmbCalendarTemplateMobileComponent {
|
|
|
4925
4932
|
this.lang = input('es-MX');
|
|
4926
4933
|
this.events = input({});
|
|
4927
4934
|
this.calendarTitle = input('Mi calendario');
|
|
4935
|
+
this.disableMobileFilter = input(false);
|
|
4928
4936
|
this.onClose = output();
|
|
4929
4937
|
this.onCurrentDateChange = output();
|
|
4930
4938
|
this.showFilters = output();
|
|
@@ -4988,7 +4996,7 @@ class BmbCalendarTemplateMobileComponent {
|
|
|
4988
4996
|
return !!this.events()?.[weekNumber]?.[stringDate]?.some((event) => event.isVisible);
|
|
4989
4997
|
}
|
|
4990
4998
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbCalendarTemplateMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbCalendarTemplateMobileComponent, isStandalone: true, selector: "bmb-calendar-template-mobile", inputs: { weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onCurrentDateChange: "onCurrentDateChange", showFilters: "showFilters" }, ngImport: i0, template: "<div class=\"bmb_calendar-month-mobile\">\n <bmb-inner-header\n [title]=\"calendarTitle()\"\n [showClose]=\"true\"\n trailingIconSecondary=\"tune\"\n (onHandleBack)=\"handleClose()\"\n (onHandleTrailingSecondary)=\"handleViewTypeChange()\"\n >\n <div class=\"bmb_calendar-month-mobile-nav\">\n <bmb-chevron-title-selector\n [title]=\"now().setLocale(lang()).toFormat('MMM')\"\n leadingIcon=\"chevron_left\"\n trailingIcon=\"chevron_right\"\n (onLeadingClick)=\"handleMonthChange('-')\"\n (onTrailingClick)=\"handleMonthChange('+')\"\n />\n </div>\n <bmb-pull-wedge\n [initialHeight]=\"300\"\n [minContentHeight]=\"100\"\n [(isOpen)]=\"isWedgeOpen\"\n >\n <div class=\"bmb_calendar-month-mobile-collapsible\" collapsible>\n <ul class=\"bmb_calendar-month-mobile-calendar\">\n @for (day of dayNames; track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-header\">\n {{ day }}\n </li>\n }\n </ul>\n <ul\n class=\"bmb_calendar-month-mobile-calendar bmb_calendar-month-mobile-calendar-small\"\n >\n @for (date of weekDays(); track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-item\">\n <button\n class=\"bmb_calendar-month-mobile-calendar-button\"\n (click)=\"handleDayChange(date)\"\n bmbButton\n appearance=\"transparent\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-button-selected':\n isSelectedDay(date)\n }\"\n [disabled]=\"isSelectedDay(date)\"\n type=\"button\"\n >\n {{ date.day }}\n </button>\n @if (findEventsForToday(date)) {\n <span\n class=\"bmb_calendar-month-mobile-calendar-item-indicator\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-item-indicator-selected':\n isSelectedDay(date)\n }\"\n ></span>\n }\n </li>\n }\n </ul>\n <ul\n class=\"bmb_calendar-month-mobile-calendar bmb_calendar-month-mobile-calendar-large\"\n >\n @for (date of weekAndDays(); track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-item\">\n <button\n type=\"button\"\n class=\"bmb_calendar-month-mobile-calendar-button\"\n (click)=\"handleDayChange(date)\"\n bmbButton\n appearance=\"transparent\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-button-selected':\n isSelectedDay(date)\n }\"\n [disabled]=\"isSelectedDay(date)\"\n >\n {{ date.day }}\n </button>\n @if (findEventsForToday(date)) {\n <span\n class=\"bmb_calendar-month-mobile-calendar-item-indicator\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-item-indicator-selected':\n isSelectedDay(date)\n }\"\n ></span>\n }\n </li>\n }\n </ul>\n </div>\n </bmb-pull-wedge>\n </bmb-inner-header>\n <div\n class=\"bmb_calendar-month-mobile-title-day\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-title-day-not-visible': isWedgeOpen\n }\"\n >\n {{ now().setLocale(lang()).toFormat('cccc LLLL dd, yyyy') }}\n </div>\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}@media (min-width: 1001px){.bmb_calendar-month-mobile{display:none}}.bmb_calendar-month-mobile-nav{margin:1rem 0}.bmb_calendar-month-mobile-calendar{list-style:none;padding:0;margin:0;display:flex;gap:.5rem;flex-wrap:nowrap;font-family:Poppins-Medium,sans-serif;font-size:.75rem;justify-content:space-between}.bmb_calendar-month-mobile-calendar-large{display:none;flex-wrap:wrap}.bmb_calendar-month-mobile-calendar-header,.bmb_calendar-month-mobile-calendar-item{display:flex;align-items:center;justify-content:center;width:calc(14.285% - 8px)}.bmb_calendar-month-mobile-calendar-item{position:relative}.bmb_calendar-month-mobile-calendar-item-indicator{display:inline-block;width:.25rem;height:.25rem;background-color:var(--general_contrasts-input-outline);border-radius:50%;position:absolute;bottom:0;opacity:.55}.bmb_calendar-month-mobile-calendar-item-indicator-selected{background-color:RGBA(var(--color-white-primary));bottom:.125rem}.bmb_calendar-month-mobile-calendar-button{width:2rem;border-radius:50%;aspect-ratio:1/1;min-height:auto;opacity:.55;padding:0 .25rem}.bmb_calendar-month-mobile-calendar-button:hover:not(:disabled):not(.bmb-disabled){background-color:var(--general_contrasts-5)}.bmb_calendar-month-mobile-calendar-button-selected{background-color:var(--general_contrasts-main-selection);color:RGBA(var(--color-white-primary));opacity:1!important}.bmb_calendar-month-mobile-collapsible{height:100%}.bmb_calendar-month-mobile .bmb_container-primary-container{text-transform:capitalize}.bmb_calendar-month-mobile .bmb_pull_wedge-content{background-color:transparent!important;flex-direction:column}.bmb_calendar-month-mobile .bmb_pull_wedge-content-open .bmb_calendar-month-mobile-calendar-small{display:none}.bmb_calendar-month-mobile .bmb_pull_wedge-content-open .bmb_calendar-month-mobile-calendar-large{display:flex}.bmb_calendar-month-mobile-title-day{background-color:var(--containers-background);text-align:center;font-size:1rem;padding:1rem;text-transform:capitalize;overflow:hidden;transition:all .3s ease}.bmb_calendar-month-mobile-title-day-not-visible{height:0;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbChevronTitleSelectorComponent, selector: "bmb-chevron-title-selector", inputs: ["title", "subtitle", "isIconSubtitle", "iconSubtitle", "leadingIcon", "trailingIcon", "isDisabledLeadingIcon", "isDisabledTrailingIcon"], outputs: ["onLeadingClick", "onTrailingClick"] }, { kind: "component", type: BmbPullWedgeComponent, selector: "bmb-pull-wedge", inputs: ["initialHeight", "minContentHeight", "isOpen"], outputs: ["isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4999
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbCalendarTemplateMobileComponent, isStandalone: true, selector: "bmb-calendar-template-mobile", inputs: { weekDays: { classPropertyName: "weekDays", publicName: "weekDays", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, calendarTitle: { classPropertyName: "calendarTitle", publicName: "calendarTitle", isSignal: true, isRequired: false, transformFunction: null }, disableMobileFilter: { classPropertyName: "disableMobileFilter", publicName: "disableMobileFilter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onCurrentDateChange: "onCurrentDateChange", showFilters: "showFilters" }, ngImport: i0, template: "<div class=\"bmb_calendar-month-mobile\">\n <bmb-inner-header\n [title]=\"calendarTitle()\"\n [showClose]=\"true\"\n trailingIconSecondary=\"tune\"\n [disableTrailingIconSecondary]=\"disableMobileFilter()\"\n (onHandleBack)=\"handleClose()\"\n (onHandleTrailingSecondary)=\"handleViewTypeChange()\"\n >\n <div class=\"bmb_calendar-month-mobile-nav\">\n <bmb-chevron-title-selector\n [title]=\"now().setLocale(lang()).toFormat('MMM')\"\n leadingIcon=\"chevron_left\"\n trailingIcon=\"chevron_right\"\n (onLeadingClick)=\"handleMonthChange('-')\"\n (onTrailingClick)=\"handleMonthChange('+')\"\n />\n </div>\n <bmb-pull-wedge\n [initialHeight]=\"300\"\n [minContentHeight]=\"100\"\n [(isOpen)]=\"isWedgeOpen\"\n >\n <div class=\"bmb_calendar-month-mobile-collapsible\" collapsible>\n <ul class=\"bmb_calendar-month-mobile-calendar\">\n @for (day of dayNames; track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-header\">\n {{ day }}\n </li>\n }\n </ul>\n <ul\n class=\"bmb_calendar-month-mobile-calendar bmb_calendar-month-mobile-calendar-small\"\n >\n @for (date of weekDays(); track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-item\">\n <button\n class=\"bmb_calendar-month-mobile-calendar-button\"\n (click)=\"handleDayChange(date)\"\n bmbButton\n appearance=\"transparent\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-button-selected':\n isSelectedDay(date)\n }\"\n [disabled]=\"isSelectedDay(date)\"\n type=\"button\"\n >\n {{ date.day }}\n </button>\n @if (findEventsForToday(date)) {\n <span\n class=\"bmb_calendar-month-mobile-calendar-item-indicator\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-item-indicator-selected':\n isSelectedDay(date)\n }\"\n ></span>\n }\n </li>\n }\n </ul>\n <ul\n class=\"bmb_calendar-month-mobile-calendar bmb_calendar-month-mobile-calendar-large\"\n >\n @for (date of weekAndDays(); track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-item\">\n <button\n type=\"button\"\n class=\"bmb_calendar-month-mobile-calendar-button\"\n (click)=\"handleDayChange(date)\"\n bmbButton\n appearance=\"transparent\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-button-selected':\n isSelectedDay(date)\n }\"\n [disabled]=\"isSelectedDay(date)\"\n >\n {{ date.day }}\n </button>\n @if (findEventsForToday(date)) {\n <span\n class=\"bmb_calendar-month-mobile-calendar-item-indicator\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-item-indicator-selected':\n isSelectedDay(date)\n }\"\n ></span>\n }\n </li>\n }\n </ul>\n </div>\n </bmb-pull-wedge>\n </bmb-inner-header>\n <div\n class=\"bmb_calendar-month-mobile-title-day\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-title-day-not-visible': isWedgeOpen\n }\"\n >\n {{ now().setLocale(lang()).toFormat('cccc LLLL dd, yyyy') }}\n </div>\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}@media (min-width: 1001px){.bmb_calendar-month-mobile{display:none}}.bmb_calendar-month-mobile-nav{margin:1rem 0}.bmb_calendar-month-mobile-calendar{list-style:none;padding:0;margin:0;display:flex;gap:.5rem;flex-wrap:nowrap;font-family:Poppins-Medium,sans-serif;font-size:.75rem;justify-content:space-between}.bmb_calendar-month-mobile-calendar-large{display:none;flex-wrap:wrap}.bmb_calendar-month-mobile-calendar-header,.bmb_calendar-month-mobile-calendar-item{display:flex;align-items:center;justify-content:center;width:calc(14.285% - 8px)}.bmb_calendar-month-mobile-calendar-item{position:relative}.bmb_calendar-month-mobile-calendar-item-indicator{display:inline-block;width:.25rem;height:.25rem;background-color:var(--general_contrasts-input-outline);border-radius:50%;position:absolute;bottom:0;opacity:.55}.bmb_calendar-month-mobile-calendar-item-indicator-selected{background-color:RGBA(var(--color-white-primary));bottom:.125rem}.bmb_calendar-month-mobile-calendar-button{width:2rem;border-radius:50%;aspect-ratio:1/1;min-height:auto;opacity:.55;padding:0 .25rem}.bmb_calendar-month-mobile-calendar-button:hover:not(:disabled):not(.bmb-disabled){background-color:var(--general_contrasts-5)}.bmb_calendar-month-mobile-calendar-button-selected{background-color:var(--general_contrasts-main-selection);color:RGBA(var(--color-white-primary));opacity:1!important}.bmb_calendar-month-mobile-collapsible{height:100%}.bmb_calendar-month-mobile .bmb_container-primary-container{text-transform:capitalize}.bmb_calendar-month-mobile .bmb_pull_wedge-content{background-color:transparent!important;flex-direction:column}.bmb_calendar-month-mobile .bmb_pull_wedge-content-open .bmb_calendar-month-mobile-calendar-small{display:none}.bmb_calendar-month-mobile .bmb_pull_wedge-content-open .bmb_calendar-month-mobile-calendar-large{display:flex}.bmb_calendar-month-mobile-title-day{background-color:var(--containers-background);text-align:center;font-size:1rem;padding:1rem;text-transform:capitalize;overflow:hidden;transition:all .3s ease}.bmb_calendar-month-mobile-title-day-not-visible{height:0;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbChevronTitleSelectorComponent, selector: "bmb-chevron-title-selector", inputs: ["title", "subtitle", "isIconSubtitle", "iconSubtitle", "leadingIcon", "trailingIcon", "isDisabledLeadingIcon", "isDisabledTrailingIcon"], outputs: ["onLeadingClick", "onTrailingClick"] }, { kind: "component", type: BmbPullWedgeComponent, selector: "bmb-pull-wedge", inputs: ["initialHeight", "minContentHeight", "isOpen"], outputs: ["isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4992
5000
|
}
|
|
4993
5001
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbCalendarTemplateMobileComponent, decorators: [{
|
|
4994
5002
|
type: Component,
|
|
@@ -4998,7 +5006,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
4998
5006
|
BmbInnerHeaderComponent,
|
|
4999
5007
|
BmbChevronTitleSelectorComponent,
|
|
5000
5008
|
BmbPullWedgeComponent,
|
|
5001
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar-month-mobile\">\n <bmb-inner-header\n [title]=\"calendarTitle()\"\n [showClose]=\"true\"\n trailingIconSecondary=\"tune\"\n (onHandleBack)=\"handleClose()\"\n (onHandleTrailingSecondary)=\"handleViewTypeChange()\"\n >\n <div class=\"bmb_calendar-month-mobile-nav\">\n <bmb-chevron-title-selector\n [title]=\"now().setLocale(lang()).toFormat('MMM')\"\n leadingIcon=\"chevron_left\"\n trailingIcon=\"chevron_right\"\n (onLeadingClick)=\"handleMonthChange('-')\"\n (onTrailingClick)=\"handleMonthChange('+')\"\n />\n </div>\n <bmb-pull-wedge\n [initialHeight]=\"300\"\n [minContentHeight]=\"100\"\n [(isOpen)]=\"isWedgeOpen\"\n >\n <div class=\"bmb_calendar-month-mobile-collapsible\" collapsible>\n <ul class=\"bmb_calendar-month-mobile-calendar\">\n @for (day of dayNames; track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-header\">\n {{ day }}\n </li>\n }\n </ul>\n <ul\n class=\"bmb_calendar-month-mobile-calendar bmb_calendar-month-mobile-calendar-small\"\n >\n @for (date of weekDays(); track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-item\">\n <button\n class=\"bmb_calendar-month-mobile-calendar-button\"\n (click)=\"handleDayChange(date)\"\n bmbButton\n appearance=\"transparent\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-button-selected':\n isSelectedDay(date)\n }\"\n [disabled]=\"isSelectedDay(date)\"\n type=\"button\"\n >\n {{ date.day }}\n </button>\n @if (findEventsForToday(date)) {\n <span\n class=\"bmb_calendar-month-mobile-calendar-item-indicator\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-item-indicator-selected':\n isSelectedDay(date)\n }\"\n ></span>\n }\n </li>\n }\n </ul>\n <ul\n class=\"bmb_calendar-month-mobile-calendar bmb_calendar-month-mobile-calendar-large\"\n >\n @for (date of weekAndDays(); track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-item\">\n <button\n type=\"button\"\n class=\"bmb_calendar-month-mobile-calendar-button\"\n (click)=\"handleDayChange(date)\"\n bmbButton\n appearance=\"transparent\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-button-selected':\n isSelectedDay(date)\n }\"\n [disabled]=\"isSelectedDay(date)\"\n >\n {{ date.day }}\n </button>\n @if (findEventsForToday(date)) {\n <span\n class=\"bmb_calendar-month-mobile-calendar-item-indicator\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-item-indicator-selected':\n isSelectedDay(date)\n }\"\n ></span>\n }\n </li>\n }\n </ul>\n </div>\n </bmb-pull-wedge>\n </bmb-inner-header>\n <div\n class=\"bmb_calendar-month-mobile-title-day\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-title-day-not-visible': isWedgeOpen\n }\"\n >\n {{ now().setLocale(lang()).toFormat('cccc LLLL dd, yyyy') }}\n </div>\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}@media (min-width: 1001px){.bmb_calendar-month-mobile{display:none}}.bmb_calendar-month-mobile-nav{margin:1rem 0}.bmb_calendar-month-mobile-calendar{list-style:none;padding:0;margin:0;display:flex;gap:.5rem;flex-wrap:nowrap;font-family:Poppins-Medium,sans-serif;font-size:.75rem;justify-content:space-between}.bmb_calendar-month-mobile-calendar-large{display:none;flex-wrap:wrap}.bmb_calendar-month-mobile-calendar-header,.bmb_calendar-month-mobile-calendar-item{display:flex;align-items:center;justify-content:center;width:calc(14.285% - 8px)}.bmb_calendar-month-mobile-calendar-item{position:relative}.bmb_calendar-month-mobile-calendar-item-indicator{display:inline-block;width:.25rem;height:.25rem;background-color:var(--general_contrasts-input-outline);border-radius:50%;position:absolute;bottom:0;opacity:.55}.bmb_calendar-month-mobile-calendar-item-indicator-selected{background-color:RGBA(var(--color-white-primary));bottom:.125rem}.bmb_calendar-month-mobile-calendar-button{width:2rem;border-radius:50%;aspect-ratio:1/1;min-height:auto;opacity:.55;padding:0 .25rem}.bmb_calendar-month-mobile-calendar-button:hover:not(:disabled):not(.bmb-disabled){background-color:var(--general_contrasts-5)}.bmb_calendar-month-mobile-calendar-button-selected{background-color:var(--general_contrasts-main-selection);color:RGBA(var(--color-white-primary));opacity:1!important}.bmb_calendar-month-mobile-collapsible{height:100%}.bmb_calendar-month-mobile .bmb_container-primary-container{text-transform:capitalize}.bmb_calendar-month-mobile .bmb_pull_wedge-content{background-color:transparent!important;flex-direction:column}.bmb_calendar-month-mobile .bmb_pull_wedge-content-open .bmb_calendar-month-mobile-calendar-small{display:none}.bmb_calendar-month-mobile .bmb_pull_wedge-content-open .bmb_calendar-month-mobile-calendar-large{display:flex}.bmb_calendar-month-mobile-title-day{background-color:var(--containers-background);text-align:center;font-size:1rem;padding:1rem;text-transform:capitalize;overflow:hidden;transition:all .3s ease}.bmb_calendar-month-mobile-title-day-not-visible{height:0;padding:0}\n"] }]
|
|
5009
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar-month-mobile\">\n <bmb-inner-header\n [title]=\"calendarTitle()\"\n [showClose]=\"true\"\n trailingIconSecondary=\"tune\"\n [disableTrailingIconSecondary]=\"disableMobileFilter()\"\n (onHandleBack)=\"handleClose()\"\n (onHandleTrailingSecondary)=\"handleViewTypeChange()\"\n >\n <div class=\"bmb_calendar-month-mobile-nav\">\n <bmb-chevron-title-selector\n [title]=\"now().setLocale(lang()).toFormat('MMM')\"\n leadingIcon=\"chevron_left\"\n trailingIcon=\"chevron_right\"\n (onLeadingClick)=\"handleMonthChange('-')\"\n (onTrailingClick)=\"handleMonthChange('+')\"\n />\n </div>\n <bmb-pull-wedge\n [initialHeight]=\"300\"\n [minContentHeight]=\"100\"\n [(isOpen)]=\"isWedgeOpen\"\n >\n <div class=\"bmb_calendar-month-mobile-collapsible\" collapsible>\n <ul class=\"bmb_calendar-month-mobile-calendar\">\n @for (day of dayNames; track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-header\">\n {{ day }}\n </li>\n }\n </ul>\n <ul\n class=\"bmb_calendar-month-mobile-calendar bmb_calendar-month-mobile-calendar-small\"\n >\n @for (date of weekDays(); track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-item\">\n <button\n class=\"bmb_calendar-month-mobile-calendar-button\"\n (click)=\"handleDayChange(date)\"\n bmbButton\n appearance=\"transparent\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-button-selected':\n isSelectedDay(date)\n }\"\n [disabled]=\"isSelectedDay(date)\"\n type=\"button\"\n >\n {{ date.day }}\n </button>\n @if (findEventsForToday(date)) {\n <span\n class=\"bmb_calendar-month-mobile-calendar-item-indicator\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-item-indicator-selected':\n isSelectedDay(date)\n }\"\n ></span>\n }\n </li>\n }\n </ul>\n <ul\n class=\"bmb_calendar-month-mobile-calendar bmb_calendar-month-mobile-calendar-large\"\n >\n @for (date of weekAndDays(); track $index) {\n <li class=\"bmb_calendar-month-mobile-calendar-item\">\n <button\n type=\"button\"\n class=\"bmb_calendar-month-mobile-calendar-button\"\n (click)=\"handleDayChange(date)\"\n bmbButton\n appearance=\"transparent\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-button-selected':\n isSelectedDay(date)\n }\"\n [disabled]=\"isSelectedDay(date)\"\n >\n {{ date.day }}\n </button>\n @if (findEventsForToday(date)) {\n <span\n class=\"bmb_calendar-month-mobile-calendar-item-indicator\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-calendar-item-indicator-selected':\n isSelectedDay(date)\n }\"\n ></span>\n }\n </li>\n }\n </ul>\n </div>\n </bmb-pull-wedge>\n </bmb-inner-header>\n <div\n class=\"bmb_calendar-month-mobile-title-day\"\n [ngClass]=\"{\n 'bmb_calendar-month-mobile-title-day-not-visible': isWedgeOpen\n }\"\n >\n {{ now().setLocale(lang()).toFormat('cccc LLLL dd, yyyy') }}\n </div>\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}@media (min-width: 1001px){.bmb_calendar-month-mobile{display:none}}.bmb_calendar-month-mobile-nav{margin:1rem 0}.bmb_calendar-month-mobile-calendar{list-style:none;padding:0;margin:0;display:flex;gap:.5rem;flex-wrap:nowrap;font-family:Poppins-Medium,sans-serif;font-size:.75rem;justify-content:space-between}.bmb_calendar-month-mobile-calendar-large{display:none;flex-wrap:wrap}.bmb_calendar-month-mobile-calendar-header,.bmb_calendar-month-mobile-calendar-item{display:flex;align-items:center;justify-content:center;width:calc(14.285% - 8px)}.bmb_calendar-month-mobile-calendar-item{position:relative}.bmb_calendar-month-mobile-calendar-item-indicator{display:inline-block;width:.25rem;height:.25rem;background-color:var(--general_contrasts-input-outline);border-radius:50%;position:absolute;bottom:0;opacity:.55}.bmb_calendar-month-mobile-calendar-item-indicator-selected{background-color:RGBA(var(--color-white-primary));bottom:.125rem}.bmb_calendar-month-mobile-calendar-button{width:2rem;border-radius:50%;aspect-ratio:1/1;min-height:auto;opacity:.55;padding:0 .25rem}.bmb_calendar-month-mobile-calendar-button:hover:not(:disabled):not(.bmb-disabled){background-color:var(--general_contrasts-5)}.bmb_calendar-month-mobile-calendar-button-selected{background-color:var(--general_contrasts-main-selection);color:RGBA(var(--color-white-primary));opacity:1!important}.bmb_calendar-month-mobile-collapsible{height:100%}.bmb_calendar-month-mobile .bmb_container-primary-container{text-transform:capitalize}.bmb_calendar-month-mobile .bmb_pull_wedge-content{background-color:transparent!important;flex-direction:column}.bmb_calendar-month-mobile .bmb_pull_wedge-content-open .bmb_calendar-month-mobile-calendar-small{display:none}.bmb_calendar-month-mobile .bmb_pull_wedge-content-open .bmb_calendar-month-mobile-calendar-large{display:flex}.bmb_calendar-month-mobile-title-day{background-color:var(--containers-background);text-align:center;font-size:1rem;padding:1rem;text-transform:capitalize;overflow:hidden;transition:all .3s ease}.bmb_calendar-month-mobile-title-day-not-visible{height:0;padding:0}\n"] }]
|
|
5002
5010
|
}] });
|
|
5003
5011
|
|
|
5004
5012
|
const parseFromFormat = (dateString, format) => {
|
|
@@ -5030,6 +5038,7 @@ class BmbCalendarComponent {
|
|
|
5030
5038
|
this.dateFormat = input(DEFAULT_DATE_FORMAT);
|
|
5031
5039
|
this.events = computed(() => this.eventsSignal.getEventList());
|
|
5032
5040
|
this.showFilterButton = input(false);
|
|
5041
|
+
this.disableMobileFilter = input(false);
|
|
5033
5042
|
this.visibleDate = model(DateTime.now()); // internal
|
|
5034
5043
|
this.currentDate = input(''); // Deprecated
|
|
5035
5044
|
this.onDateChange = output();
|
|
@@ -5235,7 +5244,7 @@ class BmbCalendarComponent {
|
|
|
5235
5244
|
return ['bmb_calendar-event-bullet', `bmb_calendar-event-bullet-${name}`];
|
|
5236
5245
|
}
|
|
5237
5246
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbCalendarComponent, deps: [{ token: BmbCalendarService }, { token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5238
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", 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 }, 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 [lang]=\"lang()\"\n [events]=\"filteredEvents()\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [weekDays]=\"renderWeekDays()\"\n [calendarTitle]=\"calendarTitle()\"\n (onClose)=\"handleClose()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n } @else {\n <bmb-calendar-header\n [weekDays]=\"renderWeekDays()\"\n [lang]=\"lang()\"\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 [lang]=\"lang()\"\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 [lang]=\"lang()\"\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: 1001px){.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: 999px){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Medium,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-Medium,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: 1001px){.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: 1001px){.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: 1001px){.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-Medium,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: ["lang", "now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "lang", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["lang", "now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "lang", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "lang", "events", "calendarTitle"], 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"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5247
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbCalendarComponent, isStandalone: true, selector: "bmb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, calendarTimezone: { classPropertyName: "calendarTimezone", publicName: "calendarTimezone", isSignal: true, isRequired: false, transformFunction: null }, clientTimezone: { classPropertyName: "clientTimezone", publicName: "clientTimezone", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", 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 [lang]=\"lang()\"\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 [lang]=\"lang()\"\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 [lang]=\"lang()\"\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 [lang]=\"lang()\"\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: 1001px){.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: 999px){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Medium,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-Medium,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: 1001px){.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: 1001px){.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: 1001px){.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-Medium,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: ["lang", "now", "events", "currentTime", "startBusinessHour", "dateFormat"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateWeekComponent, selector: "bmb-calendar-template-week", inputs: ["weekDays", "lang", "now", "dateFormat", "events", "currentTime", "startBusinessHour", "selectedWeek"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarTemplateMonthComponent, selector: "bmb-calendar-template-month", inputs: ["lang", "now", "events"], outputs: ["onSelectEvent"] }, { kind: "component", type: BmbCalendarHeaderComponent, selector: "bmb-calendar-header", inputs: ["weekDays", "lang", "view", "currentDate", "showFilterButton"], outputs: ["onRangeChange", "onCurrentDateChange", "showFilters"] }, { kind: "component", type: BmbCalendarTemplateMobileComponent, selector: "bmb-calendar-template-mobile", inputs: ["weekDays", "now", "lang", "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"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5239
5248
|
}
|
|
5240
5249
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbCalendarComponent, decorators: [{
|
|
5241
5250
|
type: Component,
|
|
@@ -5253,7 +5262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
5253
5262
|
BmbDividerComponent,
|
|
5254
5263
|
BmbLayoutDirective,
|
|
5255
5264
|
BmbLayoutItemDirective,
|
|
5256
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n @if (isMobileHeader) {\n <bmb-calendar-template-mobile\n [now]=\"visibleDate()\"\n [lang]=\"lang()\"\n [events]=\"filteredEvents()\"\n (onCurrentDateChange)=\"handleCurrentDateChange($event)\"\n [weekDays]=\"renderWeekDays()\"\n [calendarTitle]=\"calendarTitle()\"\n (onClose)=\"handleClose()\"\n (showFilters)=\"handleShowModalFilter()\"\n />\n } @else {\n <bmb-calendar-header\n [weekDays]=\"renderWeekDays()\"\n [lang]=\"lang()\"\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 [lang]=\"lang()\"\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 [lang]=\"lang()\"\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: 1001px){.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: 999px){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Medium,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-Medium,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: 1001px){.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: 1001px){.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: 1001px){.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-Medium,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"] }]
|
|
5265
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_calendar\" [ngStyle]=\"{ height: getHeight(height()) }\">\n @if (isMobileHeader) {\n <bmb-calendar-template-mobile\n [now]=\"visibleDate()\"\n [lang]=\"lang()\"\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 [lang]=\"lang()\"\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 [lang]=\"lang()\"\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 [lang]=\"lang()\"\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: 1001px){.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: 999px){.bmb_calendar-detail-header{display:none}}.bmb_calendar-detail-header h2{font-family:Poppins-Medium,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-Medium,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: 1001px){.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: 1001px){.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: 1001px){.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-Medium,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"] }]
|
|
5257
5266
|
}], ctorParameters: () => [{ type: BmbCalendarService }, { type: BmbNativeModalService }], propDecorators: { detailContent: [{
|
|
5258
5267
|
type: ViewChild,
|
|
5259
5268
|
args: ['detailContent', { read: TemplateRef }]
|
|
@@ -8471,7 +8480,7 @@ class BmbWheelMenuComponent {
|
|
|
8471
8480
|
this.onValueChange.emit(event);
|
|
8472
8481
|
}
|
|
8473
8482
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbWheelMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8474
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbWheelMenuComponent, isStandalone: true, selector: "bmb-wheel-menu", inputs: { navItems: "navItems", apps: "apps", data: "data", isLoading: "isLoading" }, outputs: { onValueChange: "onValueChange" }, viewQueries: [{ propertyName: "wheel", first: true, predicate: ["wheel"], descendants: true }, { propertyName: "wheelMenu", first: true, predicate: ["wheelMenu"], descendants: true }, { propertyName: "tabsComponent", first: true, predicate: BmbTabsComponent, descendants: true }], ngImport: i0, template: "<div class=\"bmb_wheel\">\n <bmb-fab\n [icon]=\"'apps'\"\n [text]=\"'FAB'\"\n [size]=\"'large'\"\n [type]=\"'normal'\"\n (fabClick)=\"toggleWheel()\"\n />\n\n @if (isOpen && !isFull) {\n <div #wheel class=\"bmb_wheel-wrapper\">\n <button class=\"bmb_wheel-button\" (click)=\"toggleFullWheel()\">\n <bmb-icon icon=\"keyboard_arrow_up\" />\n </button>\n <ul #wheelMenu class=\"bmb_wheel-menu\">\n <li\n *ngFor=\"let nav of navItems.slice(0, 3); let i = index\"\n class=\"bmb_wheel-item\"\n [ngClass]=\"getClasses(i)\"\n >\n <button (click)=\"selectNavItem(i)\" class=\"bmb_wheel-nav\">\n <svg viewBox=\"0 0 500 500\" class=\"bmb_wheel-svg\">\n <path\n id=\"circlePath{{ i }}\"\n d=\"M250,250 m-240,0 a240,240 0 1,1 480,0 a240,240 0 1,1 -480,0\"\n fill=\"none\"\n stroke=\"none\"\n />\n <text>\n <textPath\n [attr.href]=\"'#circlePath' + i\"\n startOffset=\"50%\"\n class=\"bmb_wheel-path\"\n >\n {{ nav.title }}\n </textPath>\n </text>\n </svg>\n </button>\n </li>\n </ul>\n\n <div class=\"bmb_wheel-apps\">\n <ng-container *ngFor=\"let app of activeApps\">\n <bmb-interactive-icon\n [appearance]=\"app.appearance\"\n [title]=\"app.title\"\n [icon]=\"app.icon\"\n [target]=\"app.target!\"\n [link]=\"app.link\"\n />\n </ng-container>\n </div>\n </div>\n }\n\n @if (isFull) {\n <div class=\"bmb_wheel-full\">\n <bmb-inner-header\n title=\"Inner Header\"\n (onHandleBack)=\"handleBackButton()\"\n />\n <bmb-tabs\n [tabs]=\"navItems.slice(0, 3)\"\n (selected)=\"selectFullMenuNavItem($event.id)\"\n />\n <div class=\"bmb_wheel-apps\">\n <ng-container *ngFor=\"let app of activeApps\">\n <bmb-interactive-icon\n [appearance]=\"app.appearance\"\n [title]=\"app.title\"\n [icon]=\"app.icon\"\n [horizontal]=\"false\"\n [target]=\"app.target\"\n [link]=\"app.link\"\n />\n </ng-container>\n </div>\n </div>\n }\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_wheel bmb-fab{position:absolute;z-index:30}.bmb_wheel bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_wheel bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_wheel-wrapper{background-color:RGBA(var(--color-charade-50),1);border:.25rem solid RGBA(var(--color-mariner-700),1);border-radius:50%;bottom:-16.25rem;height:43.75rem;left:50%;margin-left:-21.875rem;overflow:hidden;position:fixed;transition:all .5s ease-in;width:43.75rem;z-index:10}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:first-child{transform:translate(-.9375rem,3.75rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(3){transform:translate(1.25rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(4){transform:translate(2.1875rem,3.75rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(5){transform:translate(-.9375rem,5.625rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(6){transform:translateY(2rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:last-child{transform:translate(1.25rem,2rem)}.bmb_wheel-button{cursor:pointer;height:1.5rem;left:0;margin:auto;position:absolute;right:0;top:.625rem}.bmb_wheel-button bmb-icon{color:rgba(var(--color-charade-950),1);font-size:1.5625rem}.bmb_wheel-apps{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:flex-start;position:absolute;right:26%;top:18%;width:20rem}.bmb_wheel-menu{position:relative}.bmb_wheel-item{align-items:center;display:flex;height:3.125rem;justify-content:center;position:absolute;width:9.375rem;overflow:hidden}.bmb_wheel-item .bmb_wheel-nav{fill:rgba(var(--color-charade-500),1)}.bmb_wheel-item.previous{left:4.375rem;top:5rem;transform:rotate(-41deg)}.bmb_wheel-item.active{left:0;margin:auto;right:0;top:1.25rem}.bmb_wheel-item.active .bmb_wheel-nav{fill:rgba(var(--color-mariner-950),1)}.bmb_wheel-item.active:after{border:solid .25rem rgba(var(--color-mariner-700),1);border-color:rgba(var(--color-mariner-700),1) transparent transparent transparent;border-radius:63%;bottom:-18px;content:\"\";height:25px;left:0;margin:auto;position:absolute;right:0;width:75%}.bmb_wheel-item.next{right:4.375rem;top:5rem;transform:rotate(41deg)}.bmb_wheel-nav{font-family:Poppins-Semibold,sans-serif;font-size:1rem;height:40px;position:absolute;top:.625rem;z-index:10}.bmb_wheel-full{background-color:RGBA(var(--color-charade-200),1);bottom:0;height:100%;left:0;margin:auto;position:fixed;right:0;width:100%;z-index:30}.bmb_wheel-full .bmb_wheel-apps{padding:0 1.5rem;position:relative;right:inherit;top:inherit;width:100%}.bmb_wheel-svg{height:31.25rem;overflow:visible;pointer-events:none;rotate:270deg;width:31.25rem}.bmb_wheel-path{font-family:Poppins-Semibold,sans-serif;font-size:1rem;text-anchor:middle}[data-theme=dark] .bmb_wheel-wrapper,.storybook-dark-theme .bmb_wheel-wrapper{background-color:RGBA(var(--color-charade-950),1);border:.25rem solid RGBA(var(--color-neon-primary),1)}[data-theme=dark] .bmb_wheel-button bmb-icon,.storybook-dark-theme .bmb_wheel-button bmb-icon{color:rgba(var(--color-charade-50),1)}[data-theme=dark] .bmb_wheel-item .bmb_wheel-nav,.storybook-dark-theme .bmb_wheel-item .bmb_wheel-nav{fill:rgba(var(--color-charade-500),1)}[data-theme=dark] .bmb_wheel-item.active:after,.storybook-dark-theme .bmb_wheel-item.active:after{border-color:rgba(var(--color-neon-primary),1) transparent transparent transparent}[data-theme=dark] .bmb_wheel-item.active .bmb_wheel-nav,.storybook-dark-theme .bmb_wheel-item.active .bmb_wheel-nav{fill:rgba(var(--color-charade-50),1)}[data-theme=dark] .bmb_wheel-full,.storybook-dark-theme .bmb_wheel-full{background-color:RGBA(var(--color-charade-950),1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "text", "size", "type", "mitec"], outputs: ["fabClick"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "component", type: BmbInteractiveIconComponent, selector: "bmb-interactive-icon", inputs: ["appearanceContrast", "appearance", "title", "description", "icon", "dotNotification", "horizontal", "target", "link", "layout", "setButtonTemplate"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8483
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbWheelMenuComponent, isStandalone: true, selector: "bmb-wheel-menu", inputs: { navItems: "navItems", apps: "apps", data: "data", isLoading: "isLoading" }, outputs: { onValueChange: "onValueChange" }, viewQueries: [{ propertyName: "wheel", first: true, predicate: ["wheel"], descendants: true }, { propertyName: "wheelMenu", first: true, predicate: ["wheelMenu"], descendants: true }, { propertyName: "tabsComponent", first: true, predicate: BmbTabsComponent, descendants: true }], ngImport: i0, template: "<div class=\"bmb_wheel\">\n <bmb-fab\n [icon]=\"'apps'\"\n [text]=\"'FAB'\"\n [size]=\"'large'\"\n [type]=\"'normal'\"\n (fabClick)=\"toggleWheel()\"\n />\n\n @if (isOpen && !isFull) {\n <div #wheel class=\"bmb_wheel-wrapper\">\n <button class=\"bmb_wheel-button\" (click)=\"toggleFullWheel()\">\n <bmb-icon icon=\"keyboard_arrow_up\" />\n </button>\n <ul #wheelMenu class=\"bmb_wheel-menu\">\n <li\n *ngFor=\"let nav of navItems.slice(0, 3); let i = index\"\n class=\"bmb_wheel-item\"\n [ngClass]=\"getClasses(i)\"\n >\n <button (click)=\"selectNavItem(i)\" class=\"bmb_wheel-nav\">\n <svg viewBox=\"0 0 500 500\" class=\"bmb_wheel-svg\">\n <path\n id=\"circlePath{{ i }}\"\n d=\"M250,250 m-240,0 a240,240 0 1,1 480,0 a240,240 0 1,1 -480,0\"\n fill=\"none\"\n stroke=\"none\"\n />\n <text>\n <textPath\n [attr.href]=\"'#circlePath' + i\"\n startOffset=\"50%\"\n class=\"bmb_wheel-path\"\n >\n {{ nav.title }}\n </textPath>\n </text>\n </svg>\n </button>\n </li>\n </ul>\n\n <div class=\"bmb_wheel-apps\">\n <ng-container *ngFor=\"let app of activeApps\">\n <bmb-interactive-icon\n [appearance]=\"app.appearance\"\n [title]=\"app.title\"\n [icon]=\"app.icon\"\n [target]=\"app.target!\"\n [link]=\"app.link\"\n />\n </ng-container>\n </div>\n </div>\n }\n\n @if (isFull) {\n <div class=\"bmb_wheel-full\">\n <bmb-inner-header\n title=\"Inner Header\"\n (onHandleBack)=\"handleBackButton()\"\n />\n <bmb-tabs\n [tabs]=\"navItems.slice(0, 3)\"\n (selected)=\"selectFullMenuNavItem($event.id)\"\n />\n <div class=\"bmb_wheel-apps\">\n <ng-container *ngFor=\"let app of activeApps\">\n <bmb-interactive-icon\n [appearance]=\"app.appearance\"\n [title]=\"app.title\"\n [icon]=\"app.icon\"\n [horizontal]=\"false\"\n [target]=\"app.target\"\n [link]=\"app.link\"\n />\n </ng-container>\n </div>\n </div>\n }\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_wheel bmb-fab{position:absolute;z-index:30}.bmb_wheel bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_wheel bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_wheel-wrapper{background-color:RGBA(var(--color-charade-50),1);border:.25rem solid RGBA(var(--color-mariner-700),1);border-radius:50%;bottom:-16.25rem;height:43.75rem;left:50%;margin-left:-21.875rem;overflow:hidden;position:fixed;transition:all .5s ease-in;width:43.75rem;z-index:10}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:first-child{transform:translate(-.9375rem,3.75rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(3){transform:translate(1.25rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(4){transform:translate(2.1875rem,3.75rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(5){transform:translate(-.9375rem,5.625rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(6){transform:translateY(2rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:last-child{transform:translate(1.25rem,2rem)}.bmb_wheel-button{cursor:pointer;height:1.5rem;left:0;margin:auto;position:absolute;right:0;top:.625rem}.bmb_wheel-button bmb-icon{color:rgba(var(--color-charade-950),1);font-size:1.5625rem}.bmb_wheel-apps{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:flex-start;position:absolute;right:26%;top:18%;width:20rem}.bmb_wheel-menu{position:relative}.bmb_wheel-item{align-items:center;display:flex;height:3.125rem;justify-content:center;position:absolute;width:9.375rem;overflow:hidden}.bmb_wheel-item .bmb_wheel-nav{fill:rgba(var(--color-charade-500),1)}.bmb_wheel-item.previous{left:4.375rem;top:5rem;transform:rotate(-41deg)}.bmb_wheel-item.active{left:0;margin:auto;right:0;top:1.25rem}.bmb_wheel-item.active .bmb_wheel-nav{fill:rgba(var(--color-mariner-950),1)}.bmb_wheel-item.active:after{border:solid .25rem rgba(var(--color-mariner-700),1);border-color:rgba(var(--color-mariner-700),1) transparent transparent transparent;border-radius:63%;bottom:-18px;content:\"\";height:25px;left:0;margin:auto;position:absolute;right:0;width:75%}.bmb_wheel-item.next{right:4.375rem;top:5rem;transform:rotate(41deg)}.bmb_wheel-nav{font-family:Poppins-Semibold,sans-serif;font-size:1rem;height:40px;position:absolute;top:.625rem;z-index:10}.bmb_wheel-full{background-color:RGBA(var(--color-charade-200),1);bottom:0;height:100%;left:0;margin:auto;position:fixed;right:0;width:100%;z-index:30}.bmb_wheel-full .bmb_wheel-apps{padding:0 1.5rem;position:relative;right:inherit;top:inherit;width:100%}.bmb_wheel-svg{height:31.25rem;overflow:visible;pointer-events:none;rotate:270deg;width:31.25rem}.bmb_wheel-path{font-family:Poppins-Semibold,sans-serif;font-size:1rem;text-anchor:middle}[data-theme=dark] .bmb_wheel-wrapper,.storybook-dark-theme .bmb_wheel-wrapper{background-color:RGBA(var(--color-charade-950),1);border:.25rem solid RGBA(var(--color-neon-primary),1)}[data-theme=dark] .bmb_wheel-button bmb-icon,.storybook-dark-theme .bmb_wheel-button bmb-icon{color:rgba(var(--color-charade-50),1)}[data-theme=dark] .bmb_wheel-item .bmb_wheel-nav,.storybook-dark-theme .bmb_wheel-item .bmb_wheel-nav{fill:rgba(var(--color-charade-500),1)}[data-theme=dark] .bmb_wheel-item.active:after,.storybook-dark-theme .bmb_wheel-item.active:after{border-color:rgba(var(--color-neon-primary),1) transparent transparent transparent}[data-theme=dark] .bmb_wheel-item.active .bmb_wheel-nav,.storybook-dark-theme .bmb_wheel-item.active .bmb_wheel-nav{fill:rgba(var(--color-charade-50),1)}[data-theme=dark] .bmb_wheel-full,.storybook-dark-theme .bmb_wheel-full{background-color:RGBA(var(--color-charade-950),1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "text", "size", "type", "mitec"], outputs: ["fabClick"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "component", type: BmbInteractiveIconComponent, selector: "bmb-interactive-icon", inputs: ["appearanceContrast", "appearance", "title", "description", "icon", "dotNotification", "horizontal", "target", "link", "layout", "setButtonTemplate"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8475
8484
|
}
|
|
8476
8485
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbWheelMenuComponent, decorators: [{
|
|
8477
8486
|
type: Component,
|
|
@@ -8701,11 +8710,11 @@ class BmbTimestreamDetailsComponent {
|
|
|
8701
8710
|
this.changeSelectedEvent.emit(event);
|
|
8702
8711
|
}
|
|
8703
8712
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbTimestreamDetailsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8704
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbTimestreamDetailsComponent, isStandalone: true, selector: "bmb-timestream-detail", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, orderedEvents: { classPropertyName: "orderedEvents", publicName: "orderedEvents", isSignal: true, isRequired: false, transformFunction: null }, isMicro: { classPropertyName: "isMicro", publicName: "isMicro", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeSelectedEvent: "changeSelectedEvent" }, viewQueries: [{ propertyName: "monthList", first: true, predicate: ["monthDetailList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ul #monthDetailList class=\"bmb_timestream-detail\">\n @if (!orderedEvents().length) {\n <p>No hay eventos para mostrar.</p>\n }\n @for (dayEvent of orderedEvents(); track $index) {\n @if (!isMicro() || isTodayEvent(dayEvent)) {\n <li\n class=\"bmb_timestream-detail-item\"\n [ngClass]=\"{\n 'bmb_timestream-detail-item-current': dayEvent.selected\n }\"\n >\n <header\n class=\"bmb_timestream-detail-item-header\"\n [ngClass]=\"{\n 'bmb_timestream-detail-item-header-micro': isMicro()\n }\"\n >\n <h3 class=\"bmb_timestream-detail-item-header-title\">\n {{ getMonthTitle(dayEvent.date) }}\n </h3>\n <span class=\"bmb_timestream-detail-item-header-subtitle\"\n >{{ dayEvent.events.length }}\n {{ dayEvent.events.length > 1 ? 'HITOS' : 'HITO' }}</span\n >\n </header>\n <section\n class=\"bmb_timestream-detail-content\"\n [ngClass]=\"{\n 'bmb_timestream-detail-content-micro': isMicro()\n }\"\n >\n @for (event of dayEvent.events; track $index) {\n <bmb-hito-card\n [icon]=\"event.icon || 'app_badging'\"\n (handleClick)=\"handleEventChange(event)\"\n [title]=\"event.title\"\n [short_description]=\"!isMicro() ? event.short_description : ''\"\n [type]=\"event.type\"\n [id]=\"event.id\"\n [sub_content]=\"getDurationString(event)\"\n [enable_bullet]=\"true\"\n [is_active]=\"dayEvent.selected\"\n [isCompact]=\"isMicro()\"\n />\n }\n </section>\n </li>\n }\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_timestream-detail{padding:0 0 0 var(--bmb-spacing-m);margin:0;list-style:none;height:100%;overflow:auto}.bmb_timestream-detail:is(:empty):before{content:\"no hay eventos que mostrar\"}.bmb_timestream-detail-content{padding-right:var(--bmb-spacing-m)}.bmb_timestream-detail-content-micro>*:nth-child(n+4){display:none}.bmb_timestream-detail-item{border-left:.0625rem solid var(--general_contrasts-20);padding:0 0 0 var(--bmb-spacing-m)}.bmb_timestream-detail-item-header{padding:var(--bmb-spacing-m);position:sticky;top:0;display:flex;gap:var(--bmb-spacing-s);align-items:center;background-color:var(--containers-background-fade);z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);container-type:inline-size}.bmb_timestream-detail-item-header-micro{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_timestream-detail-item-header-title{text-transform:capitalize;font-family:Poppins-Regular,sans-serif;font-size:1rem;color:var(--general_contrasts-75)}.bmb_timestream-detail-item-header-subtitle{color:RGBA(var(--color-charade-500));font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:none}@container (min-width: 500px){.bmb_timestream-detail-item-header-subtitle{display:block}}.cdk-virtual-scrollable{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbHitoCardComponent, selector: "bmb-hito-card", inputs: ["icon", "title", "id", "short_description", "type", "sub_content", "enable_bullet", "is_active", "isCompact", "alternative_appearance"], outputs: ["handleClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8713
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbTimestreamDetailsComponent, isStandalone: true, selector: "bmb-timestream-detail", inputs: { lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, orderedEvents: { classPropertyName: "orderedEvents", publicName: "orderedEvents", isSignal: true, isRequired: false, transformFunction: null }, isMicro: { classPropertyName: "isMicro", publicName: "isMicro", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeSelectedEvent: "changeSelectedEvent" }, viewQueries: [{ propertyName: "monthList", first: true, predicate: ["monthDetailList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ul #monthDetailList class=\"bmb_timestream-detail\">\n @if (!orderedEvents().length) {\n <p>No hay eventos para mostrar.</p>\n }\n @for (dayEvent of orderedEvents(); track $index) {\n @if (!isMicro() || isTodayEvent(dayEvent)) {\n <li\n class=\"bmb_timestream-detail-item\"\n [ngClass]=\"{\n 'bmb_timestream-detail-item-current': dayEvent.selected\n }\"\n >\n <header\n class=\"bmb_timestream-detail-item-header\"\n [ngClass]=\"{\n 'bmb_timestream-detail-item-header-micro': isMicro()\n }\"\n >\n <h3 class=\"bmb_timestream-detail-item-header-title\">\n {{ getMonthTitle(dayEvent.date) }}\n </h3>\n <span class=\"bmb_timestream-detail-item-header-subtitle\"\n >{{ dayEvent.events.length }}\n {{ dayEvent.events.length > 1 ? 'HITOS' : 'HITO' }}</span\n >\n </header>\n <section\n class=\"bmb_timestream-detail-content\"\n [ngClass]=\"{\n 'bmb_timestream-detail-content-micro': isMicro()\n }\"\n >\n @for (event of dayEvent.events; track $index) {\n <bmb-hito-card\n [icon]=\"event.icon || 'app_badging'\"\n (handleClick)=\"handleEventChange(event)\"\n [title]=\"event.title\"\n [short_description]=\"!isMicro() ? event.short_description : ''\"\n [type]=\"event.type\"\n [id]=\"event.id\"\n [sub_content]=\"getDurationString(event)\"\n [enable_bullet]=\"true\"\n [is_active]=\"dayEvent.selected\"\n [isCompact]=\"isMicro()\"\n />\n }\n </section>\n </li>\n }\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_timestream-detail{padding:0 0 0 var(--bmb-spacing-m);margin:0;list-style:none;height:100%;overflow:auto}.bmb_timestream-detail:is(:empty):before{content:\"no hay eventos que mostrar\"}.bmb_timestream-detail-content{padding-right:var(--bmb-spacing-m)}.bmb_timestream-detail-content-micro>*:nth-child(n+4){display:none}.bmb_timestream-detail-item{border-left:.0625rem solid var(--general_contrasts-20);padding:0 0 0 var(--bmb-spacing-m)}.bmb_timestream-detail-item-header{padding:var(--bmb-spacing-m);position:sticky;top:0;display:flex;gap:var(--bmb-spacing-s);align-items:center;background-color:var(--containers-background-fade);z-index:1;backdrop-filter:blur(4px);container-type:inline-size}.bmb_timestream-detail-item-header-micro{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_timestream-detail-item-header-title{text-transform:capitalize;font-family:Poppins-Regular,sans-serif;font-size:1rem;color:var(--general_contrasts-75)}.bmb_timestream-detail-item-header-subtitle{color:RGBA(var(--color-charade-500));font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:none}@container (min-width: 500px){.bmb_timestream-detail-item-header-subtitle{display:block}}.cdk-virtual-scrollable{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbHitoCardComponent, selector: "bmb-hito-card", inputs: ["icon", "title", "id", "short_description", "type", "sub_content", "enable_bullet", "is_active", "isCompact", "alternative_appearance"], outputs: ["handleClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8705
8714
|
}
|
|
8706
8715
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbTimestreamDetailsComponent, decorators: [{
|
|
8707
8716
|
type: Component,
|
|
8708
|
-
args: [{ selector: 'bmb-timestream-detail', standalone: true, imports: [CommonModule, BmbHitoCardComponent, BmbTextLinkComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul #monthDetailList class=\"bmb_timestream-detail\">\n @if (!orderedEvents().length) {\n <p>No hay eventos para mostrar.</p>\n }\n @for (dayEvent of orderedEvents(); track $index) {\n @if (!isMicro() || isTodayEvent(dayEvent)) {\n <li\n class=\"bmb_timestream-detail-item\"\n [ngClass]=\"{\n 'bmb_timestream-detail-item-current': dayEvent.selected\n }\"\n >\n <header\n class=\"bmb_timestream-detail-item-header\"\n [ngClass]=\"{\n 'bmb_timestream-detail-item-header-micro': isMicro()\n }\"\n >\n <h3 class=\"bmb_timestream-detail-item-header-title\">\n {{ getMonthTitle(dayEvent.date) }}\n </h3>\n <span class=\"bmb_timestream-detail-item-header-subtitle\"\n >{{ dayEvent.events.length }}\n {{ dayEvent.events.length > 1 ? 'HITOS' : 'HITO' }}</span\n >\n </header>\n <section\n class=\"bmb_timestream-detail-content\"\n [ngClass]=\"{\n 'bmb_timestream-detail-content-micro': isMicro()\n }\"\n >\n @for (event of dayEvent.events; track $index) {\n <bmb-hito-card\n [icon]=\"event.icon || 'app_badging'\"\n (handleClick)=\"handleEventChange(event)\"\n [title]=\"event.title\"\n [short_description]=\"!isMicro() ? event.short_description : ''\"\n [type]=\"event.type\"\n [id]=\"event.id\"\n [sub_content]=\"getDurationString(event)\"\n [enable_bullet]=\"true\"\n [is_active]=\"dayEvent.selected\"\n [isCompact]=\"isMicro()\"\n />\n }\n </section>\n </li>\n }\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_timestream-detail{padding:0 0 0 var(--bmb-spacing-m);margin:0;list-style:none;height:100%;overflow:auto}.bmb_timestream-detail:is(:empty):before{content:\"no hay eventos que mostrar\"}.bmb_timestream-detail-content{padding-right:var(--bmb-spacing-m)}.bmb_timestream-detail-content-micro>*:nth-child(n+4){display:none}.bmb_timestream-detail-item{border-left:.0625rem solid var(--general_contrasts-20);padding:0 0 0 var(--bmb-spacing-m)}.bmb_timestream-detail-item-header{padding:var(--bmb-spacing-m);position:sticky;top:0;display:flex;gap:var(--bmb-spacing-s);align-items:center;background-color:var(--containers-background-fade);z-index:1
|
|
8717
|
+
args: [{ selector: 'bmb-timestream-detail', standalone: true, imports: [CommonModule, BmbHitoCardComponent, BmbTextLinkComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul #monthDetailList class=\"bmb_timestream-detail\">\n @if (!orderedEvents().length) {\n <p>No hay eventos para mostrar.</p>\n }\n @for (dayEvent of orderedEvents(); track $index) {\n @if (!isMicro() || isTodayEvent(dayEvent)) {\n <li\n class=\"bmb_timestream-detail-item\"\n [ngClass]=\"{\n 'bmb_timestream-detail-item-current': dayEvent.selected\n }\"\n >\n <header\n class=\"bmb_timestream-detail-item-header\"\n [ngClass]=\"{\n 'bmb_timestream-detail-item-header-micro': isMicro()\n }\"\n >\n <h3 class=\"bmb_timestream-detail-item-header-title\">\n {{ getMonthTitle(dayEvent.date) }}\n </h3>\n <span class=\"bmb_timestream-detail-item-header-subtitle\"\n >{{ dayEvent.events.length }}\n {{ dayEvent.events.length > 1 ? 'HITOS' : 'HITO' }}</span\n >\n </header>\n <section\n class=\"bmb_timestream-detail-content\"\n [ngClass]=\"{\n 'bmb_timestream-detail-content-micro': isMicro()\n }\"\n >\n @for (event of dayEvent.events; track $index) {\n <bmb-hito-card\n [icon]=\"event.icon || 'app_badging'\"\n (handleClick)=\"handleEventChange(event)\"\n [title]=\"event.title\"\n [short_description]=\"!isMicro() ? event.short_description : ''\"\n [type]=\"event.type\"\n [id]=\"event.id\"\n [sub_content]=\"getDurationString(event)\"\n [enable_bullet]=\"true\"\n [is_active]=\"dayEvent.selected\"\n [isCompact]=\"isMicro()\"\n />\n }\n </section>\n </li>\n }\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_timestream-detail{padding:0 0 0 var(--bmb-spacing-m);margin:0;list-style:none;height:100%;overflow:auto}.bmb_timestream-detail:is(:empty):before{content:\"no hay eventos que mostrar\"}.bmb_timestream-detail-content{padding-right:var(--bmb-spacing-m)}.bmb_timestream-detail-content-micro>*:nth-child(n+4){display:none}.bmb_timestream-detail-item{border-left:.0625rem solid var(--general_contrasts-20);padding:0 0 0 var(--bmb-spacing-m)}.bmb_timestream-detail-item-header{padding:var(--bmb-spacing-m);position:sticky;top:0;display:flex;gap:var(--bmb-spacing-s);align-items:center;background-color:var(--containers-background-fade);z-index:1;backdrop-filter:blur(4px);container-type:inline-size}.bmb_timestream-detail-item-header-micro{padding:var(--bmb-spacing-s) var(--bmb-spacing-m)}.bmb_timestream-detail-item-header-title{text-transform:capitalize;font-family:Poppins-Regular,sans-serif;font-size:1rem;color:var(--general_contrasts-75)}.bmb_timestream-detail-item-header-subtitle{color:RGBA(var(--color-charade-500));font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:none}@container (min-width: 500px){.bmb_timestream-detail-item-header-subtitle{display:block}}.cdk-virtual-scrollable{height:100%}\n"] }]
|
|
8709
8718
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { changeSelectedEvent: [{
|
|
8710
8719
|
type: Output
|
|
8711
8720
|
}], monthList: [{
|
|
@@ -10124,11 +10133,11 @@ class BmbLoginOnboardingLoginComponent {
|
|
|
10124
10133
|
this.handleContinuePage.emit();
|
|
10125
10134
|
}
|
|
10126
10135
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10127
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BmbLoginOnboardingLoginComponent, isStandalone: true, selector: "bmb-login-onboarding-login", outputs: { handleContinuePage: "handleContinuePage" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-login\">\n <section class=\"bmb_login-onboarding-login-tec_logo\">\n <img alt=\"Tecnol\u00F3gico de Monterrey\" [src]=\"tecLogoImage\" />\n </section>\n <section class=\"bmb_login-onboarding-login-mitec_logo\">\n <bmb-mitec-logo-animation label=\"\" />\n </section>\n <section class=\"bmb_login-onboarding-login-content\">\n <button\n class=\"bmb_login-onboarding-login-content-button\"\n bmbButton\n size=\"large\"\n (click)=\"_handleContinuePage()\"\n type=\"button\"\n >\n Iniciar registro\n </button>\n <p>\n Este proceso de registro se realizar\u00E1 una \u00FAnica vez\n <br />\n Tu inicio de sesi\u00F3n siempre ser\u00E1 con tus datos biom\u00E9tricos\n </p>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BmbLoginOnboardingLoginComponent, isStandalone: true, selector: "bmb-login-onboarding-login", outputs: { handleContinuePage: "handleContinuePage" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-login\">\n <section class=\"bmb_login-onboarding-login-tec_logo\">\n <img alt=\"Tecnol\u00F3gico de Monterrey\" [src]=\"tecLogoImage\" />\n </section>\n <section class=\"bmb_login-onboarding-login-mitec_logo\">\n <bmb-mitec-logo-animation label=\"\" />\n </section>\n <section class=\"bmb_login-onboarding-login-content\">\n <button\n class=\"bmb_login-onboarding-login-content-button\"\n bmbButton\n size=\"large\"\n (click)=\"_handleContinuePage()\"\n type=\"button\"\n >\n Iniciar registro\n </button>\n <p>\n Este proceso de registro se realizar\u00E1 una \u00FAnica vez\n <br />\n Tu inicio de sesi\u00F3n siempre ser\u00E1 con tus datos biom\u00E9tricos\n </p>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-login{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh}.bmb_login-onboarding-login-tec_logo{padding:var(--bmb-spacing-xl)}.bmb_login-onboarding-login-tec_logo img{width:8.75rem}.bmb_login-onboarding-login-mitec_logo{width:100%}.bmb_login-onboarding-login-content{flex:2;animation:contentAnimation 2s ease 1;margin:0 10%}.bmb_login-onboarding-login-content-button{margin:var(--bmb-spacing-xl) 0}@keyframes contentAnimation{0%,50%{opacity:0;transform:translateY(3rem)}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbMitecLogoAnimationComponent, selector: "bmb-mitec-logo-animation", inputs: ["label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10128
10137
|
}
|
|
10129
10138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingLoginComponent, decorators: [{
|
|
10130
10139
|
type: Component,
|
|
10131
|
-
args: [{ selector: 'bmb-login-onboarding-login', standalone: true, imports: [BmbButtonDirective, BmbMitecLogoAnimationComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-login\">\n <section class=\"bmb_login-onboarding-login-tec_logo\">\n <img alt=\"Tecnol\u00F3gico de Monterrey\" [src]=\"tecLogoImage\" />\n </section>\n <section class=\"bmb_login-onboarding-login-mitec_logo\">\n <bmb-mitec-logo-animation label=\"\" />\n </section>\n <section class=\"bmb_login-onboarding-login-content\">\n <button\n class=\"bmb_login-onboarding-login-content-button\"\n bmbButton\n size=\"large\"\n (click)=\"_handleContinuePage()\"\n type=\"button\"\n >\n Iniciar registro\n </button>\n <p>\n Este proceso de registro se realizar\u00E1 una \u00FAnica vez\n <br />\n Tu inicio de sesi\u00F3n siempre ser\u00E1 con tus datos biom\u00E9tricos\n </p>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10140
|
+
args: [{ selector: 'bmb-login-onboarding-login', standalone: true, imports: [BmbButtonDirective, BmbMitecLogoAnimationComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-login\">\n <section class=\"bmb_login-onboarding-login-tec_logo\">\n <img alt=\"Tecnol\u00F3gico de Monterrey\" [src]=\"tecLogoImage\" />\n </section>\n <section class=\"bmb_login-onboarding-login-mitec_logo\">\n <bmb-mitec-logo-animation label=\"\" />\n </section>\n <section class=\"bmb_login-onboarding-login-content\">\n <button\n class=\"bmb_login-onboarding-login-content-button\"\n bmbButton\n size=\"large\"\n (click)=\"_handleContinuePage()\"\n type=\"button\"\n >\n Iniciar registro\n </button>\n <p>\n Este proceso de registro se realizar\u00E1 una \u00FAnica vez\n <br />\n Tu inicio de sesi\u00F3n siempre ser\u00E1 con tus datos biom\u00E9tricos\n </p>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-login{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh}.bmb_login-onboarding-login-tec_logo{padding:var(--bmb-spacing-xl)}.bmb_login-onboarding-login-tec_logo img{width:8.75rem}.bmb_login-onboarding-login-mitec_logo{width:100%}.bmb_login-onboarding-login-content{flex:2;animation:contentAnimation 2s ease 1;margin:0 10%}.bmb_login-onboarding-login-content-button{margin:var(--bmb-spacing-xl) 0}@keyframes contentAnimation{0%,50%{opacity:0;transform:translateY(3rem)}to{opacity:1}}\n"] }]
|
|
10132
10141
|
}] });
|
|
10133
10142
|
|
|
10134
10143
|
class BmbLoginOnboardingStepperStepComponent {
|
|
@@ -10159,11 +10168,11 @@ class BmbLoginOnboardingStepperStepComponent {
|
|
|
10159
10168
|
this.handleContinue.emit(event);
|
|
10160
10169
|
}
|
|
10161
10170
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingStepperStepComponent, deps: [{ token: BmbLoginOnboardingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10162
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BmbLoginOnboardingStepperStepComponent, isStandalone: true, selector: "bmb-login-onboarding-stepper-step", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, sublabel: { classPropertyName: "sublabel", publicName: "sublabel", isSignal: true, isRequired: false, transformFunction: null }, cancelBackLabel: { classPropertyName: "cancelBackLabel", publicName: "cancelBackLabel", isSignal: true, isRequired: true, transformFunction: null }, continueLabel: { classPropertyName: "continueLabel", publicName: "continueLabel", isSignal: true, isRequired: true, transformFunction: null }, isContinueDisable: { classPropertyName: "isContinueDisable", publicName: "isContinueDisable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleContinue: "handleContinue" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-stepper-step\">\n <section class=\"bmb_login-onboarding-stepper-step-content\">\n <h1 class=\"bmb_login-onboarding-stepper-step-content-title\">\n {{ title() }}\n </h1>\n <h4>{{ subtitle() }}</h4>\n <section class=\"bmb_login-onboarding-stepper-step-content-child\">\n <ng-content />\n </section>\n <section class=\"bmb_login-onboarding-stepper-step-content-subcontent\">\n <p class=\"bmb_login-onboarding-stepper-step-content-subcontent-label\">\n {{ label() }}\n </p>\n <p class=\"bmb_login-onboarding-stepper-step-content-subcontent-sublabel\">\n {{ sublabel() }}\n </p>\n </section>\n </section>\n <section class=\"bmb_login-onboarding-stepper-step-buttons\">\n <button\n bmbButton\n appearance=\"secondary-outlined\"\n size=\"large\"\n (click)=\"handleCancelBackStep()\"\n >\n {{ cancelBackLabel() }}\n </button>\n <button\n bmbButton\n size=\"large\"\n [disabled]=\"isContinueDisable()\"\n (click)=\"handleContinueStep($event)\"\n >\n {{ continueLabel() }}\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;-webkit-backdrop-filter:blur(.0625rem);backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-stepper-step{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;height:100%}.bmb_login-onboarding-stepper-step-content{flex:1}.bmb_login-onboarding-stepper-step-content-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;margin-bottom:var(--bmb-spacing-m)}.bmb_login-onboarding-stepper-step-content-child,.bmb_login-onboarding-stepper-step-content-subcontent{margin-top:var(--bmb-spacing-xl)}.bmb_login-onboarding-stepper-step-content-subcontent-label{margin-bottom:0}.bmb_login-onboarding-stepper-step-content-subcontent-sublabel{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_login-onboarding-stepper-step-buttons{display:flex;justify-content:center;gap:var(--bmb-spacing-m)}\n"], dependencies: [{ kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10171
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BmbLoginOnboardingStepperStepComponent, isStandalone: true, selector: "bmb-login-onboarding-stepper-step", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, sublabel: { classPropertyName: "sublabel", publicName: "sublabel", isSignal: true, isRequired: false, transformFunction: null }, cancelBackLabel: { classPropertyName: "cancelBackLabel", publicName: "cancelBackLabel", isSignal: true, isRequired: true, transformFunction: null }, continueLabel: { classPropertyName: "continueLabel", publicName: "continueLabel", isSignal: true, isRequired: true, transformFunction: null }, isContinueDisable: { classPropertyName: "isContinueDisable", publicName: "isContinueDisable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleContinue: "handleContinue" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-stepper-step\">\n <section class=\"bmb_login-onboarding-stepper-step-content\">\n <h1 class=\"bmb_login-onboarding-stepper-step-content-title\">\n {{ title() }}\n </h1>\n <h4>{{ subtitle() }}</h4>\n <section class=\"bmb_login-onboarding-stepper-step-content-child\">\n <ng-content />\n </section>\n <section class=\"bmb_login-onboarding-stepper-step-content-subcontent\">\n <p class=\"bmb_login-onboarding-stepper-step-content-subcontent-label\">\n {{ label() }}\n </p>\n <p class=\"bmb_login-onboarding-stepper-step-content-subcontent-sublabel\">\n {{ sublabel() }}\n </p>\n </section>\n </section>\n <section class=\"bmb_login-onboarding-stepper-step-buttons\">\n <button\n bmbButton\n appearance=\"secondary-outlined\"\n size=\"large\"\n (click)=\"handleCancelBackStep()\"\n >\n {{ cancelBackLabel() }}\n </button>\n <button\n bmbButton\n size=\"large\"\n [disabled]=\"isContinueDisable()\"\n (click)=\"handleContinueStep($event)\"\n >\n {{ continueLabel() }}\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-stepper-step{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;height:100%}.bmb_login-onboarding-stepper-step-content{flex:1}.bmb_login-onboarding-stepper-step-content-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;margin-bottom:var(--bmb-spacing-m)}.bmb_login-onboarding-stepper-step-content-child,.bmb_login-onboarding-stepper-step-content-subcontent{margin-top:var(--bmb-spacing-xl)}.bmb_login-onboarding-stepper-step-content-subcontent-label{margin-bottom:0}.bmb_login-onboarding-stepper-step-content-subcontent-sublabel{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_login-onboarding-stepper-step-buttons{display:flex;justify-content:center;gap:var(--bmb-spacing-m)}\n"], dependencies: [{ kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10163
10172
|
}
|
|
10164
10173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingStepperStepComponent, decorators: [{
|
|
10165
10174
|
type: Component,
|
|
10166
|
-
args: [{ selector: 'bmb-login-onboarding-stepper-step', standalone: true, imports: [BmbButtonDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-stepper-step\">\n <section class=\"bmb_login-onboarding-stepper-step-content\">\n <h1 class=\"bmb_login-onboarding-stepper-step-content-title\">\n {{ title() }}\n </h1>\n <h4>{{ subtitle() }}</h4>\n <section class=\"bmb_login-onboarding-stepper-step-content-child\">\n <ng-content />\n </section>\n <section class=\"bmb_login-onboarding-stepper-step-content-subcontent\">\n <p class=\"bmb_login-onboarding-stepper-step-content-subcontent-label\">\n {{ label() }}\n </p>\n <p class=\"bmb_login-onboarding-stepper-step-content-subcontent-sublabel\">\n {{ sublabel() }}\n </p>\n </section>\n </section>\n <section class=\"bmb_login-onboarding-stepper-step-buttons\">\n <button\n bmbButton\n appearance=\"secondary-outlined\"\n size=\"large\"\n (click)=\"handleCancelBackStep()\"\n >\n {{ cancelBackLabel() }}\n </button>\n <button\n bmbButton\n size=\"large\"\n [disabled]=\"isContinueDisable()\"\n (click)=\"handleContinueStep($event)\"\n >\n {{ continueLabel() }}\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10175
|
+
args: [{ selector: 'bmb-login-onboarding-stepper-step', standalone: true, imports: [BmbButtonDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-stepper-step\">\n <section class=\"bmb_login-onboarding-stepper-step-content\">\n <h1 class=\"bmb_login-onboarding-stepper-step-content-title\">\n {{ title() }}\n </h1>\n <h4>{{ subtitle() }}</h4>\n <section class=\"bmb_login-onboarding-stepper-step-content-child\">\n <ng-content />\n </section>\n <section class=\"bmb_login-onboarding-stepper-step-content-subcontent\">\n <p class=\"bmb_login-onboarding-stepper-step-content-subcontent-label\">\n {{ label() }}\n </p>\n <p class=\"bmb_login-onboarding-stepper-step-content-subcontent-sublabel\">\n {{ sublabel() }}\n </p>\n </section>\n </section>\n <section class=\"bmb_login-onboarding-stepper-step-buttons\">\n <button\n bmbButton\n appearance=\"secondary-outlined\"\n size=\"large\"\n (click)=\"handleCancelBackStep()\"\n >\n {{ cancelBackLabel() }}\n </button>\n <button\n bmbButton\n size=\"large\"\n [disabled]=\"isContinueDisable()\"\n (click)=\"handleContinueStep($event)\"\n >\n {{ continueLabel() }}\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-stepper-step{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;height:100%}.bmb_login-onboarding-stepper-step-content{flex:1}.bmb_login-onboarding-stepper-step-content-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;margin-bottom:var(--bmb-spacing-m)}.bmb_login-onboarding-stepper-step-content-child,.bmb_login-onboarding-stepper-step-content-subcontent{margin-top:var(--bmb-spacing-xl)}.bmb_login-onboarding-stepper-step-content-subcontent-label{margin-bottom:0}.bmb_login-onboarding-stepper-step-content-subcontent-sublabel{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_login-onboarding-stepper-step-buttons{display:flex;justify-content:center;gap:var(--bmb-spacing-m)}\n"] }]
|
|
10167
10176
|
}], ctorParameters: () => [{ type: BmbLoginOnboardingService }] });
|
|
10168
10177
|
|
|
10169
10178
|
class BmbLoginContentComponent {
|
|
@@ -10553,7 +10562,7 @@ class BmbLoginOnboardingStepperComponent {
|
|
|
10553
10562
|
this.loginOnboardingService.setActiveStep(this.loginOnboardingService.getActiveStep() + 1);
|
|
10554
10563
|
}
|
|
10555
10564
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingStepperComponent, deps: [{ token: BmbLoginOnboardingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10556
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbLoginOnboardingStepperComponent, isStandalone: true, selector: "bmb-login-onboarding-stepper", outputs: { handleContinuePage: "handleContinuePage", handleRequest: "handleRequest" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-stepper\">\n <bmb-step-progress-bar\n [activeStep]=\"getActiveStep()\"\n [totalSteps]=\"getTotalSteps()\"\n [freeze]=\"true\"\n size=\"normal\"\n type=\"horizontal\"\n />\n <section class=\"bmb_login-onboarding-stepper-content\">\n @switch (getActiveStep()) {\n @case (0) {\n <bmb-login-onboarding-stepper-step-one\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n />\n }\n @case (1) {\n <bmb-login-onboarding-stepper-step-two\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n />\n }\n @case (2) {\n <bmb-login-onboarding-stepper-step-three\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n >\n <ng-content />\n </bmb-login-onboarding-stepper-step-three>\n }\n @case (3) {\n <bmb-login-onboarding-stepper-step-four\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"_handleContinuePage()\"\n />\n }\n @default {\n <p>Invalid step</p>\n }\n }\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10565
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbLoginOnboardingStepperComponent, isStandalone: true, selector: "bmb-login-onboarding-stepper", outputs: { handleContinuePage: "handleContinuePage", handleRequest: "handleRequest" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-stepper\">\n <bmb-step-progress-bar\n [activeStep]=\"getActiveStep()\"\n [totalSteps]=\"getTotalSteps()\"\n [freeze]=\"true\"\n size=\"normal\"\n type=\"horizontal\"\n />\n <section class=\"bmb_login-onboarding-stepper-content\">\n @switch (getActiveStep()) {\n @case (0) {\n <bmb-login-onboarding-stepper-step-one\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n />\n }\n @case (1) {\n <bmb-login-onboarding-stepper-step-two\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n />\n }\n @case (2) {\n <bmb-login-onboarding-stepper-step-three\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n >\n <ng-content />\n </bmb-login-onboarding-stepper-step-three>\n }\n @case (3) {\n <bmb-login-onboarding-stepper-step-four\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"_handleContinuePage()\"\n />\n }\n @default {\n <p>Invalid step</p>\n }\n }\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-stepper{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;padding:var(--bmb-spacing-m)}.bmb_login-onboarding-stepper .bmb_step-progress-bar{margin-top:var(--bmb-spacing-l)}.bmb_login-onboarding-stepper-content{flex:1}.bmb_login-onboarding-stepper-content .bmb_totp{width:100%}\n"], dependencies: [{ kind: "component", type: BmbStepProgressBarComponent, selector: "bmb-step-progress-bar", inputs: ["activeStep", "totalSteps", "size", "freeze", "type", "labelSteps", "labelComplete", "labelIncomplete", "stepTemplates"], outputs: ["activeStepChange", "onStepPress", "onStepPanelPress"] }, { kind: "component", type: BmbLoginOnboardingStepperStepOneComponent, selector: "bmb-login-onboarding-stepper-step-one", outputs: ["handleRequest", "handleContinueStep"] }, { kind: "component", type: BmbLoginOnboardingStepperStepTwoComponent, selector: "bmb-login-onboarding-stepper-step-two", outputs: ["handleRequest", "handleContinueStep"] }, { kind: "component", type: BmbLoginOnboardingStepperStepThreeComponent, selector: "bmb-login-onboarding-stepper-step-three", outputs: ["handleRequest", "handleContinueStep"] }, { kind: "component", type: BmbLoginOnboardingStepperStepFourComponent, selector: "bmb-login-onboarding-stepper-step-four", outputs: ["handleRequest", "handleContinuePage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10557
10566
|
}
|
|
10558
10567
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingStepperComponent, decorators: [{
|
|
10559
10568
|
type: Component,
|
|
@@ -10563,7 +10572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
10563
10572
|
BmbLoginOnboardingStepperStepTwoComponent,
|
|
10564
10573
|
BmbLoginOnboardingStepperStepThreeComponent,
|
|
10565
10574
|
BmbLoginOnboardingStepperStepFourComponent,
|
|
10566
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-stepper\">\n <bmb-step-progress-bar\n [activeStep]=\"getActiveStep()\"\n [totalSteps]=\"getTotalSteps()\"\n [freeze]=\"true\"\n size=\"normal\"\n type=\"horizontal\"\n />\n <section class=\"bmb_login-onboarding-stepper-content\">\n @switch (getActiveStep()) {\n @case (0) {\n <bmb-login-onboarding-stepper-step-one\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n />\n }\n @case (1) {\n <bmb-login-onboarding-stepper-step-two\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n />\n }\n @case (2) {\n <bmb-login-onboarding-stepper-step-three\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n >\n <ng-content />\n </bmb-login-onboarding-stepper-step-three>\n }\n @case (3) {\n <bmb-login-onboarding-stepper-step-four\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"_handleContinuePage()\"\n />\n }\n @default {\n <p>Invalid step</p>\n }\n }\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10575
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-stepper\">\n <bmb-step-progress-bar\n [activeStep]=\"getActiveStep()\"\n [totalSteps]=\"getTotalSteps()\"\n [freeze]=\"true\"\n size=\"normal\"\n type=\"horizontal\"\n />\n <section class=\"bmb_login-onboarding-stepper-content\">\n @switch (getActiveStep()) {\n @case (0) {\n <bmb-login-onboarding-stepper-step-one\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n />\n }\n @case (1) {\n <bmb-login-onboarding-stepper-step-two\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n />\n }\n @case (2) {\n <bmb-login-onboarding-stepper-step-three\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinueStep)=\"handleContinueStep()\"\n >\n <ng-content />\n </bmb-login-onboarding-stepper-step-three>\n }\n @case (3) {\n <bmb-login-onboarding-stepper-step-four\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"_handleContinuePage()\"\n />\n }\n @default {\n <p>Invalid step</p>\n }\n }\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-stepper{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;padding:var(--bmb-spacing-m)}.bmb_login-onboarding-stepper .bmb_step-progress-bar{margin-top:var(--bmb-spacing-l)}.bmb_login-onboarding-stepper-content{flex:1}.bmb_login-onboarding-stepper-content .bmb_totp{width:100%}\n"] }]
|
|
10567
10576
|
}], ctorParameters: () => [{ type: BmbLoginOnboardingService }] });
|
|
10568
10577
|
|
|
10569
10578
|
class BmbLoginOnboardingLogoutComponent {
|
|
@@ -10588,11 +10597,11 @@ class BmbLoginOnboardingLogoutComponent {
|
|
|
10588
10597
|
});
|
|
10589
10598
|
}
|
|
10590
10599
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingLogoutComponent, deps: [{ token: BmbLoginOnboardingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10591
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BmbLoginOnboardingLogoutComponent, isStandalone: true, selector: "bmb-login-onboarding-logout", outputs: { handleRequest: "handleRequest", handleContinuePage: "handleContinuePage" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-logout\">\n <section class=\"bmb_login-onboarding-logout-content\">\n <h1 class=\"bmb_login-onboarding-logout-content-title\">\n \u00A1Se ha completado tu registro!\n </h1>\n <img\n class=\"bmb_login-onboarding-logout-content-img\"\n alt=\"Check circle\"\n [src]=\"checkCircleImage\"\n />\n </section>\n <section>\n <button\n type=\"button\"\n bmbButton\n size=\"large\"\n (click)=\"_handleContinuePage()\"\n >\n Finalizar\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10600
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BmbLoginOnboardingLogoutComponent, isStandalone: true, selector: "bmb-login-onboarding-logout", outputs: { handleRequest: "handleRequest", handleContinuePage: "handleContinuePage" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-logout\">\n <section class=\"bmb_login-onboarding-logout-content\">\n <h1 class=\"bmb_login-onboarding-logout-content-title\">\n \u00A1Se ha completado tu registro!\n </h1>\n <img\n class=\"bmb_login-onboarding-logout-content-img\"\n alt=\"Check circle\"\n [src]=\"checkCircleImage\"\n />\n </section>\n <section>\n <button\n type=\"button\"\n bmbButton\n size=\"large\"\n (click)=\"_handleContinuePage()\"\n >\n Finalizar\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-logout{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;padding:var(--bmb-spacing-m)}.bmb_login-onboarding-logout-content{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;flex:1}.bmb_login-onboarding-logout-content-title{color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1.5rem;align-self:center;width:21.4375rem;margin-bottom:var(--bmb-spacing-xl)}.bmb_login-onboarding-logout-content-img{max-width:12.5rem;margin:0 auto}\n"], dependencies: [{ kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10592
10601
|
}
|
|
10593
10602
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingLogoutComponent, decorators: [{
|
|
10594
10603
|
type: Component,
|
|
10595
|
-
args: [{ selector: 'bmb-login-onboarding-logout', standalone: true, imports: [BmbButtonDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-logout\">\n <section class=\"bmb_login-onboarding-logout-content\">\n <h1 class=\"bmb_login-onboarding-logout-content-title\">\n \u00A1Se ha completado tu registro!\n </h1>\n <img\n class=\"bmb_login-onboarding-logout-content-img\"\n alt=\"Check circle\"\n [src]=\"checkCircleImage\"\n />\n </section>\n <section>\n <button\n type=\"button\"\n bmbButton\n size=\"large\"\n (click)=\"_handleContinuePage()\"\n >\n Finalizar\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10604
|
+
args: [{ selector: 'bmb-login-onboarding-logout', standalone: true, imports: [BmbButtonDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-logout\">\n <section class=\"bmb_login-onboarding-logout-content\">\n <h1 class=\"bmb_login-onboarding-logout-content-title\">\n \u00A1Se ha completado tu registro!\n </h1>\n <img\n class=\"bmb_login-onboarding-logout-content-img\"\n alt=\"Check circle\"\n [src]=\"checkCircleImage\"\n />\n </section>\n <section>\n <button\n type=\"button\"\n bmbButton\n size=\"large\"\n (click)=\"_handleContinuePage()\"\n >\n Finalizar\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-logout{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;padding:var(--bmb-spacing-m)}.bmb_login-onboarding-logout-content{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;flex:1}.bmb_login-onboarding-logout-content-title{color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1.5rem;align-self:center;width:21.4375rem;margin-bottom:var(--bmb-spacing-xl)}.bmb_login-onboarding-logout-content-img{max-width:12.5rem;margin:0 auto}\n"] }]
|
|
10596
10605
|
}], ctorParameters: () => [{ type: BmbLoginOnboardingService }] });
|
|
10597
10606
|
|
|
10598
10607
|
class BmbUserProfileContentComponent {
|
|
@@ -10633,7 +10642,7 @@ class BmbLoginOnboardingLoggedComponent {
|
|
|
10633
10642
|
});
|
|
10634
10643
|
}
|
|
10635
10644
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingLoggedComponent, deps: [{ token: BmbLoginOnboardingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10636
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BmbLoginOnboardingLoggedComponent, isStandalone: true, selector: "bmb-login-onboarding-logged", outputs: { handleRequest: "handleRequest" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-logged\">\n <section class=\"bmb_login-onboarding-logged-tec_logo\">\n <img alt=\"Tecnol\u00F3gico de Monterrey\" [src]=\"tecLogoImage\" />\n </section>\n <section class=\"bmb_login-onboarding-logged-mitec_logo\">\n <bmb-mitec-logo-animation label=\"\" />\n </section>\n <section class=\"bmb_login-onboarding-logged-content\">\n <bmb-user-profile-content\n [anotherAccountLabel]=\"getAnotherAccount().label\"\n [anotherAccountLink]=\"getAnotherAccount().link\"\n [anotherAccountTarget]=\"getAnotherAccount().target!\"\n [userInfo]=\"getUserInfo()\"\n />\n </section>\n <section>\n <button type=\"button\" bmbButton size=\"large\" (click)=\"_handleContinue()\">\n Ingresar\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10645
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: BmbLoginOnboardingLoggedComponent, isStandalone: true, selector: "bmb-login-onboarding-logged", outputs: { handleRequest: "handleRequest" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding-logged\">\n <section class=\"bmb_login-onboarding-logged-tec_logo\">\n <img alt=\"Tecnol\u00F3gico de Monterrey\" [src]=\"tecLogoImage\" />\n </section>\n <section class=\"bmb_login-onboarding-logged-mitec_logo\">\n <bmb-mitec-logo-animation label=\"\" />\n </section>\n <section class=\"bmb_login-onboarding-logged-content\">\n <bmb-user-profile-content\n [anotherAccountLabel]=\"getAnotherAccount().label\"\n [anotherAccountLink]=\"getAnotherAccount().link\"\n [anotherAccountTarget]=\"getAnotherAccount().target!\"\n [userInfo]=\"getUserInfo()\"\n />\n </section>\n <section>\n <button type=\"button\" bmbButton size=\"large\" (click)=\"_handleContinue()\">\n Ingresar\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-logged{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;padding:var(--bmb-spacing-m)}.bmb_login-onboarding-logged-tec_logo{padding:var(--bmb-spacing-xl)}.bmb_login-onboarding-logged-tec_logo img{width:8.75rem}.bmb_login-onboarding-logged-mitec_logo{width:100%}.bmb_login-onboarding-logged-content{flex:2;font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbUserProfileContentComponent, selector: "bmb-user-profile-content", inputs: ["anotherAccountLabel", "anotherAccountLink", "anotherAccountTarget", "userInfo"] }, { kind: "component", type: BmbMitecLogoAnimationComponent, selector: "bmb-mitec-logo-animation", inputs: ["label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10637
10646
|
}
|
|
10638
10647
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingLoggedComponent, decorators: [{
|
|
10639
10648
|
type: Component,
|
|
@@ -10641,7 +10650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
10641
10650
|
BmbButtonDirective,
|
|
10642
10651
|
BmbUserProfileContentComponent,
|
|
10643
10652
|
BmbMitecLogoAnimationComponent,
|
|
10644
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-logged\">\n <section class=\"bmb_login-onboarding-logged-tec_logo\">\n <img alt=\"Tecnol\u00F3gico de Monterrey\" [src]=\"tecLogoImage\" />\n </section>\n <section class=\"bmb_login-onboarding-logged-mitec_logo\">\n <bmb-mitec-logo-animation label=\"\" />\n </section>\n <section class=\"bmb_login-onboarding-logged-content\">\n <bmb-user-profile-content\n [anotherAccountLabel]=\"getAnotherAccount().label\"\n [anotherAccountLink]=\"getAnotherAccount().link\"\n [anotherAccountTarget]=\"getAnotherAccount().target!\"\n [userInfo]=\"getUserInfo()\"\n />\n </section>\n <section>\n <button type=\"button\" bmbButton size=\"large\" (click)=\"_handleContinue()\">\n Ingresar\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10653
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding-logged\">\n <section class=\"bmb_login-onboarding-logged-tec_logo\">\n <img alt=\"Tecnol\u00F3gico de Monterrey\" [src]=\"tecLogoImage\" />\n </section>\n <section class=\"bmb_login-onboarding-logged-mitec_logo\">\n <bmb-mitec-logo-animation label=\"\" />\n </section>\n <section class=\"bmb_login-onboarding-logged-content\">\n <bmb-user-profile-content\n [anotherAccountLabel]=\"getAnotherAccount().label\"\n [anotherAccountLink]=\"getAnotherAccount().link\"\n [anotherAccountTarget]=\"getAnotherAccount().target!\"\n [userInfo]=\"getUserInfo()\"\n />\n </section>\n <section>\n <button type=\"button\" bmbButton size=\"large\" (click)=\"_handleContinue()\">\n Ingresar\n </button>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.bmb_login-onboarding-logged{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;padding:var(--bmb-spacing-m)}.bmb_login-onboarding-logged-tec_logo{padding:var(--bmb-spacing-xl)}.bmb_login-onboarding-logged-tec_logo img{width:8.75rem}.bmb_login-onboarding-logged-mitec_logo{width:100%}.bmb_login-onboarding-logged-content{flex:2;font-family:Poppins-Regular,sans-serif;font-size:.875rem}\n"] }]
|
|
10645
10654
|
}], ctorParameters: () => [{ type: BmbLoginOnboardingService }] });
|
|
10646
10655
|
|
|
10647
10656
|
class BmbLoginOnboardingComponent {
|
|
@@ -10675,7 +10684,7 @@ class BmbLoginOnboardingComponent {
|
|
|
10675
10684
|
this.loginOnboardingService.setActivePage(this.loginOnboardingService.getActivePage() + 1);
|
|
10676
10685
|
}
|
|
10677
10686
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingComponent, deps: [{ token: BmbLoginOnboardingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10678
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbLoginOnboardingComponent, isStandalone: true, selector: "bmb-login-onboarding", inputs: { loginOnBoardingCustomization: { classPropertyName: "loginOnBoardingCustomization", publicName: "loginOnBoardingCustomization", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleRequest: "handleRequest" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding\">\n @switch (getActivePage()) {\n @case (0) {\n <bmb-login-onboarding-login (handleContinuePage)=\"handleContinuePage()\" />\n }\n @case (1) {\n <bmb-login-onboarding-stepper\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"handleContinuePage()\"\n >\n <ng-content />\n </bmb-login-onboarding-stepper>\n }\n @case (2) {\n <bmb-login-onboarding-logout\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"handleContinuePage()\"\n />\n }\n @case (3) {\n <bmb-login-onboarding-logged (handleRequest)=\"_handleRequest($event)\" />\n }\n @default {\n <p>Invalid page</p>\n }\n }\n @if (getIsLoading()) {\n <section class=\"bmb_login-onboarding-loader\">\n <div class=\"bmb_loader-loading\">\n <bmb-icon icon=\"progress_activity\" class=\"bmb_loader-icon\" />\n </div>\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_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10687
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbLoginOnboardingComponent, isStandalone: true, selector: "bmb-login-onboarding", inputs: { loginOnBoardingCustomization: { classPropertyName: "loginOnBoardingCustomization", publicName: "loginOnBoardingCustomization", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleRequest: "handleRequest" }, ngImport: i0, template: "<section class=\"bmb_login-onboarding\">\n @switch (getActivePage()) {\n @case (0) {\n <bmb-login-onboarding-login (handleContinuePage)=\"handleContinuePage()\" />\n }\n @case (1) {\n <bmb-login-onboarding-stepper\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"handleContinuePage()\"\n >\n <ng-content />\n </bmb-login-onboarding-stepper>\n }\n @case (2) {\n <bmb-login-onboarding-logout\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"handleContinuePage()\"\n />\n }\n @case (3) {\n <bmb-login-onboarding-logged (handleRequest)=\"_handleRequest($event)\" />\n }\n @default {\n <p>Invalid page</p>\n }\n }\n @if (getIsLoading()) {\n <section class=\"bmb_login-onboarding-loader\">\n <div class=\"bmb_loader-loading\">\n <bmb-icon icon=\"progress_activity\" class=\"bmb_loader-icon\" />\n </div>\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_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "component", type: BmbLoginOnboardingLoginComponent, selector: "bmb-login-onboarding-login", outputs: ["handleContinuePage"] }, { kind: "component", type: BmbLoginOnboardingStepperComponent, selector: "bmb-login-onboarding-stepper", outputs: ["handleContinuePage", "handleRequest"] }, { kind: "component", type: BmbLoginOnboardingLogoutComponent, selector: "bmb-login-onboarding-logout", outputs: ["handleRequest", "handleContinuePage"] }, { kind: "component", type: BmbLoginOnboardingLoggedComponent, selector: "bmb-login-onboarding-logged", outputs: ["handleRequest"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10679
10688
|
}
|
|
10680
10689
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbLoginOnboardingComponent, decorators: [{
|
|
10681
10690
|
type: Component,
|
|
@@ -10685,7 +10694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
10685
10694
|
BmbLoginOnboardingLogoutComponent,
|
|
10686
10695
|
BmbLoginOnboardingLoggedComponent,
|
|
10687
10696
|
BmbIconComponent,
|
|
10688
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding\">\n @switch (getActivePage()) {\n @case (0) {\n <bmb-login-onboarding-login (handleContinuePage)=\"handleContinuePage()\" />\n }\n @case (1) {\n <bmb-login-onboarding-stepper\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"handleContinuePage()\"\n >\n <ng-content />\n </bmb-login-onboarding-stepper>\n }\n @case (2) {\n <bmb-login-onboarding-logout\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"handleContinuePage()\"\n />\n }\n @case (3) {\n <bmb-login-onboarding-logged (handleRequest)=\"_handleRequest($event)\" />\n }\n @default {\n <p>Invalid page</p>\n }\n }\n @if (getIsLoading()) {\n <section class=\"bmb_login-onboarding-loader\">\n <div class=\"bmb_loader-loading\">\n <bmb-icon icon=\"progress_activity\" class=\"bmb_loader-icon\" />\n </div>\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_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1
|
|
10697
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_login-onboarding\">\n @switch (getActivePage()) {\n @case (0) {\n <bmb-login-onboarding-login (handleContinuePage)=\"handleContinuePage()\" />\n }\n @case (1) {\n <bmb-login-onboarding-stepper\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"handleContinuePage()\"\n >\n <ng-content />\n </bmb-login-onboarding-stepper>\n }\n @case (2) {\n <bmb-login-onboarding-logout\n (handleRequest)=\"_handleRequest($event)\"\n (handleContinuePage)=\"handleContinuePage()\"\n />\n }\n @case (3) {\n <bmb-login-onboarding-logged (handleRequest)=\"_handleRequest($event)\" />\n }\n @default {\n <p>Invalid page</p>\n }\n }\n @if (getIsLoading()) {\n <section class=\"bmb_login-onboarding-loader\">\n <div class=\"bmb_loader-loading\">\n <bmb-icon icon=\"progress_activity\" class=\"bmb_loader-icon\" />\n </div>\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_login-onboarding{display:flex;flex-direction:column;justify-content:center;gap:var(--bmb-spacing-m);height:100dvh;color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem;text-align:center}.bmb_login-onboarding-loader{display:flex;height:100%;position:absolute;top:0;width:100%;left:0;background-color:var(--general_contrasts-75);align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(.0625rem);font-size:8rem;color:var(--menu_select-activated-w-checkbox)}.bmb_login-onboarding-loader .bmb_loader-icon{animation:rotateAnimation 1s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
|
|
10689
10698
|
}], ctorParameters: () => [{ type: BmbLoginOnboardingService }] });
|
|
10690
10699
|
|
|
10691
10700
|
class BmbChatBubblesComponent {
|
|
@@ -10955,7 +10964,7 @@ class BmbAccountStatementComponent {
|
|
|
10955
10964
|
}
|
|
10956
10965
|
}
|
|
10957
10966
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbAccountStatementComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10958
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbAccountStatementComponent, isStandalone: true, selector: "bmb-account-statement", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, progressCircleTitle: { classPropertyName: "progressCircleTitle", publicName: "progressCircleTitle", isSignal: true, isRequired: false, transformFunction: null }, labelPrimary: { classPropertyName: "labelPrimary", publicName: "labelPrimary", isSignal: true, isRequired: false, transformFunction: null }, labelSecondary: { classPropertyName: "labelSecondary", publicName: "labelSecondary", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, progressTitle: { classPropertyName: "progressTitle", publicName: "progressTitle", isSignal: true, isRequired: false, transformFunction: null }, formatDates: { classPropertyName: "formatDates", publicName: "formatDates", isSignal: true, isRequired: false, transformFunction: null }, paymentDeadline: { classPropertyName: "paymentDeadline", publicName: "paymentDeadline", isSignal: true, isRequired: false, transformFunction: null }, cutOffDate: { classPropertyName: "cutOffDate", publicName: "cutOffDate", isSignal: true, isRequired: false, transformFunction: null }, paymentDeadlineLabel: { classPropertyName: "paymentDeadlineLabel", publicName: "paymentDeadlineLabel", isSignal: true, isRequired: false, transformFunction: null }, cutOffDateLabel: { classPropertyName: "cutOffDateLabel", publicName: "cutOffDateLabel", isSignal: true, isRequired: false, transformFunction: null }, payButtonLabel: { classPropertyName: "payButtonLabel", publicName: "payButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, backButtonLabel: { classPropertyName: "backButtonLabel", publicName: "backButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, modalSubtitle: { classPropertyName: "modalSubtitle", publicName: "modalSubtitle", isSignal: true, isRequired: false, transformFunction: null }, modalRestLabel: { classPropertyName: "modalRestLabel", publicName: "modalRestLabel", isSignal: true, isRequired: false, transformFunction: null }, modalOtherAmountLabel: { classPropertyName: "modalOtherAmountLabel", publicName: "modalOtherAmountLabel", isSignal: true, isRequired: false, transformFunction: null }, modalPrimaryButtonLabel: { classPropertyName: "modalPrimaryButtonLabel", publicName: "modalPrimaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent", backEvent: "backEvent", payEvent: "payEvent" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"bmb_account-statement\">\n <bmb-inner-header\n (onHandleClose)=\"handleClose($event)\"\n [title]=\"title()\"\n [showSearch]=\"false\"\n [showClose]=\"true\"\n />\n <main class=\"bmb_account-statement-content\">\n <div class=\"bmb_account-statement-content-balance\">\n <bmb-balance-overview\n [progressCircleTitle]=\"progressCircleTitle()\"\n [labelPrimary]=\"labelPrimary()\"\n [labelSecondary]=\"labelSecondary()\"\n [progressCircleValue]=\"getFormattedAmount(totalCount() - counter())\"\n [valuePrimary]=\"getFormattedAmount(totalCount())\"\n [valueSecondary]=\"getFormattedAmount(counter())\"\n [progressCirclePercent]=\"getProgressPercent()\"\n />\n </div>\n <bmb-card>\n <bmb-card-content padding=\"none\">\n <bmb-progress-bar\n appearance=\"info\"\n type=\"container\"\n [counter]=\"counter()\"\n [totalCount]=\"totalCount()\"\n [title]=\"progressTitle()\"\n />\n </bmb-card-content>\n </bmb-card>\n <bmb-card>\n <bmb-card-content>\n <p class=\"bmb_account-statement-content-date\">\n <span>{{ cutOffDateLabel() }}</span>\n <span>{{ getFormattedDate(cutOffDate()) }}</span>\n </p>\n <bmb-divider />\n <p class=\"bmb_account-statement-content-date\">\n <span>{{ paymentDeadlineLabel() }}</span>\n <span>{{ getFormattedDate(paymentDeadline()) }}</span>\n </p>\n </bmb-card-content>\n </bmb-card>\n </main>\n <footer class=\"bmb_account-statement-footer\">\n <button\n bmbButton\n size=\"large\"\n appearance=\"secondary-outlined\"\n (click)=\"handleBack($event)\"\n type=\"button\"\n >\n {{ backButtonLabel() }}\n </button>\n <button (click)=\"handlePay()\" bmbButton size=\"large\" type=\"button\">\n {{ payButtonLabel() }}\n </button>\n </footer>\n</div>\n\n<ng-template #modalTemplate>\n <section class=\"bmb_account-statement-modal\">\n <form [formGroup]=\"amountForm\" (ngSubmit)=\"handleSubmit()\">\n <bmb-progress-bar\n appearance=\"info\"\n type=\"container\"\n [counter]=\"counter()\"\n [totalCount]=\"totalCount()\"\n [title]=\"progressTitle()\"\n />\n <bmb-divider />\n <label\n class=\"bmb_account-statement-modal-label\"\n bmbLayout\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n >\n <bmb-radial\n id=\"modalRestInput\"\n name=\"modalAmount\"\n [checked]=\"true\"\n (change)=\"handleActiveCustomAmount($event)\"\n value=\"modalRestInput\"\n />\n <span bmbLayoutItem [colGrow]=\"1\">\n {{ modalRestLabel() }}\n <br />\n {{ getFormattedAmount(totalCount() - counter()) }}\n </span>\n </label>\n <bmb-divider />\n <label\n class=\"bmb_account-statement-modal-label\"\n bmbLayout\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n >\n <bmb-radial\n id=\"modalOtherAmountInput\"\n name=\"modalAmount\"\n (change)=\"handleActiveCustomAmount($event)\"\n value=\"modalOtherAmountInput\"\n />\n <span bmbLayoutItem [colGrow]=\"1\">\n {{ modalOtherAmountLabel() }}\n </span>\n </label>\n @if (isEnableCustomAmount) {\n <bmb-input\n type=\"number\"\n [max]=\"totalCount() - counter()\"\n [min]=\"1\"\n pattern=\"\\d*\"\n [errorMessage]=\"errorMessage()\"\n [isRequired]=\"true\"\n [control]=\"getFormControl('amount')\"\n [showError]=\"showErrors['amount']\"\n />\n }\n <footer class=\"bmb_account-statement-footer\">\n <button type=\"submit\" bmbButton size=\"large\">\n {{ modalPrimaryButtonLabel() }}\n </button>\n </footer>\n </form>\n </section>\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_account-statement{height:100dvh;display:flex;flex-flow:column}.bmb_account-statement-content{flex:1;overflow:auto}.bmb_account-statement-content-balance{max-width:18.75rem;margin:var(--bmb-spacing-xl) auto}.bmb_account-statement-content-date{text-transform:capitalize;display:flex;justify-content:space-between;margin:0}.bmb_account-statement-footer{display:flex;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_account-statement-modal{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.bmb_account-statement-modal .bmb_progress-bar-container-main{padding:0}[data-theme=dark] .bmb_account-statement-modal,.storybook-dark-theme .bmb_account-statement-modal{color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "component", type: BmbBalanceOverviewComponent, selector: "bmb-balance-overview", inputs: ["progressCirclePercent", "progressCircleValue", "showProgressCircleValue", "progressCircleTitle", "showProgressCircleTitle", "showProgressCircleBackground", "labelPrimary", "valuePrimary", "labelSecondary", "valueSecondary"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground", "setBorderRadius"] }, { kind: "component", type: BmbProgressBarComponent, selector: "bmb-progress-bar", inputs: ["type", "totalCount", "counter", "title", "appearance", "textLink", "href", "target", "textFormat"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { 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: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10967
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbAccountStatementComponent, isStandalone: true, selector: "bmb-account-statement", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, progressCircleTitle: { classPropertyName: "progressCircleTitle", publicName: "progressCircleTitle", isSignal: true, isRequired: false, transformFunction: null }, labelPrimary: { classPropertyName: "labelPrimary", publicName: "labelPrimary", isSignal: true, isRequired: false, transformFunction: null }, labelSecondary: { classPropertyName: "labelSecondary", publicName: "labelSecondary", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, progressTitle: { classPropertyName: "progressTitle", publicName: "progressTitle", isSignal: true, isRequired: false, transformFunction: null }, formatDates: { classPropertyName: "formatDates", publicName: "formatDates", isSignal: true, isRequired: false, transformFunction: null }, paymentDeadline: { classPropertyName: "paymentDeadline", publicName: "paymentDeadline", isSignal: true, isRequired: false, transformFunction: null }, cutOffDate: { classPropertyName: "cutOffDate", publicName: "cutOffDate", isSignal: true, isRequired: false, transformFunction: null }, paymentDeadlineLabel: { classPropertyName: "paymentDeadlineLabel", publicName: "paymentDeadlineLabel", isSignal: true, isRequired: false, transformFunction: null }, cutOffDateLabel: { classPropertyName: "cutOffDateLabel", publicName: "cutOffDateLabel", isSignal: true, isRequired: false, transformFunction: null }, payButtonLabel: { classPropertyName: "payButtonLabel", publicName: "payButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, backButtonLabel: { classPropertyName: "backButtonLabel", publicName: "backButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, modalSubtitle: { classPropertyName: "modalSubtitle", publicName: "modalSubtitle", isSignal: true, isRequired: false, transformFunction: null }, modalRestLabel: { classPropertyName: "modalRestLabel", publicName: "modalRestLabel", isSignal: true, isRequired: false, transformFunction: null }, modalOtherAmountLabel: { classPropertyName: "modalOtherAmountLabel", publicName: "modalOtherAmountLabel", isSignal: true, isRequired: false, transformFunction: null }, modalPrimaryButtonLabel: { classPropertyName: "modalPrimaryButtonLabel", publicName: "modalPrimaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent", backEvent: "backEvent", payEvent: "payEvent" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"bmb_account-statement\">\n <bmb-inner-header\n (onHandleClose)=\"handleClose($event)\"\n [title]=\"title()\"\n [showSearch]=\"false\"\n [showClose]=\"true\"\n />\n <main class=\"bmb_account-statement-content\">\n <div class=\"bmb_account-statement-content-balance\">\n <bmb-balance-overview\n [progressCircleTitle]=\"progressCircleTitle()\"\n [labelPrimary]=\"labelPrimary()\"\n [labelSecondary]=\"labelSecondary()\"\n [progressCircleValue]=\"getFormattedAmount(totalCount() - counter())\"\n [valuePrimary]=\"getFormattedAmount(totalCount())\"\n [valueSecondary]=\"getFormattedAmount(counter())\"\n [progressCirclePercent]=\"getProgressPercent()\"\n />\n </div>\n <bmb-card>\n <bmb-card-content padding=\"none\">\n <bmb-progress-bar\n appearance=\"info\"\n type=\"container\"\n [counter]=\"counter()\"\n [totalCount]=\"totalCount()\"\n [title]=\"progressTitle()\"\n />\n </bmb-card-content>\n </bmb-card>\n <bmb-card>\n <bmb-card-content>\n <p class=\"bmb_account-statement-content-date\">\n <span>{{ cutOffDateLabel() }}</span>\n <span>{{ getFormattedDate(cutOffDate()) }}</span>\n </p>\n <bmb-divider />\n <p class=\"bmb_account-statement-content-date\">\n <span>{{ paymentDeadlineLabel() }}</span>\n <span>{{ getFormattedDate(paymentDeadline()) }}</span>\n </p>\n </bmb-card-content>\n </bmb-card>\n </main>\n <footer class=\"bmb_account-statement-footer\">\n <button\n bmbButton\n size=\"large\"\n appearance=\"secondary-outlined\"\n (click)=\"handleBack($event)\"\n type=\"button\"\n >\n {{ backButtonLabel() }}\n </button>\n <button (click)=\"handlePay()\" bmbButton size=\"large\" type=\"button\">\n {{ payButtonLabel() }}\n </button>\n </footer>\n</div>\n\n<ng-template #modalTemplate>\n <section class=\"bmb_account-statement-modal\">\n <form [formGroup]=\"amountForm\" (ngSubmit)=\"handleSubmit()\">\n <bmb-progress-bar\n appearance=\"info\"\n type=\"container\"\n [counter]=\"counter()\"\n [totalCount]=\"totalCount()\"\n [title]=\"progressTitle()\"\n />\n <bmb-divider />\n <label\n class=\"bmb_account-statement-modal-label\"\n bmbLayout\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n >\n <bmb-radial\n id=\"modalRestInput\"\n name=\"modalAmount\"\n [checked]=\"true\"\n (change)=\"handleActiveCustomAmount($event)\"\n value=\"modalRestInput\"\n />\n <span bmbLayoutItem [colGrow]=\"1\">\n {{ modalRestLabel() }}\n <br />\n {{ getFormattedAmount(totalCount() - counter()) }}\n </span>\n </label>\n <bmb-divider />\n <label\n class=\"bmb_account-statement-modal-label\"\n bmbLayout\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n >\n <bmb-radial\n id=\"modalOtherAmountInput\"\n name=\"modalAmount\"\n (change)=\"handleActiveCustomAmount($event)\"\n value=\"modalOtherAmountInput\"\n />\n <span bmbLayoutItem [colGrow]=\"1\">\n {{ modalOtherAmountLabel() }}\n </span>\n </label>\n @if (isEnableCustomAmount) {\n <bmb-input\n type=\"number\"\n [max]=\"totalCount() - counter()\"\n [min]=\"1\"\n pattern=\"\\d*\"\n [errorMessage]=\"errorMessage()\"\n [isRequired]=\"true\"\n [control]=\"getFormControl('amount')\"\n [showError]=\"showErrors['amount']\"\n />\n }\n <footer class=\"bmb_account-statement-footer\">\n <button type=\"submit\" bmbButton size=\"large\">\n {{ modalPrimaryButtonLabel() }}\n </button>\n </footer>\n </form>\n </section>\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_account-statement{height:100dvh;display:flex;flex-flow:column}.bmb_account-statement-content{flex:1;overflow:auto}.bmb_account-statement-content-balance{max-width:18.75rem;margin:var(--bmb-spacing-xl) auto}.bmb_account-statement-content-date{text-transform:capitalize;display:flex;justify-content:space-between;margin:0}.bmb_account-statement-footer{display:flex;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_account-statement-modal{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.bmb_account-statement-modal .bmb_progress-bar-container-main{padding:0}[data-theme=dark] .bmb_account-statement-modal,.storybook-dark-theme .bmb_account-statement-modal{color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "component", type: BmbBalanceOverviewComponent, selector: "bmb-balance-overview", inputs: ["progressCirclePercent", "progressCircleValue", "showProgressCircleValue", "progressCircleTitle", "showProgressCircleTitle", "showProgressCircleBackground", "labelPrimary", "valuePrimary", "labelSecondary", "valueSecondary"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground", "setBorderRadius"] }, { kind: "component", type: BmbProgressBarComponent, selector: "bmb-progress-bar", inputs: ["type", "totalCount", "counter", "title", "appearance", "textLink", "href", "target", "textFormat"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { 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: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10959
10968
|
}
|
|
10960
10969
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbAccountStatementComponent, decorators: [{
|
|
10961
10970
|
type: Component,
|
|
@@ -11199,7 +11208,7 @@ class BmbGradesComponent {
|
|
|
11199
11208
|
}
|
|
11200
11209
|
}
|
|
11201
11210
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbGradesComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11202
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbGradesComponent, isStandalone: true, selector: "bmb-grades", inputs: { grades: { classPropertyName: "grades", publicName: "grades", isSignal: true, isRequired: false, transformFunction: null }, isMicro: { classPropertyName: "isMicro", publicName: "isMicro", isSignal: true, isRequired: false, transformFunction: null }, gradeTitle: { classPropertyName: "gradeTitle", publicName: "gradeTitle", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, accredited: { classPropertyName: "accredited", publicName: "accredited", isSignal: true, isRequired: false, transformFunction: null }, average: { classPropertyName: "average", publicName: "average", isSignal: true, isRequired: false, transformFunction: null }, summary: { classPropertyName: "summary", publicName: "summary", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeGrades: "closeGrades" }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-template #detailContent>\n <section class=\"bmb_grades-modal\">\n @for (partial of partials; track $index) {\n <section\n bmbLayout\n margin=\"none\"\n justify=\"spaceBetween\"\n [dynamicCols]=\"true\"\n >\n <h2 class=\"bmb_grades-modal-title\" bmbLayoutItem>\n {{ partial.title }}\n </h2>\n <bmb-grade-value\n [score]=\"partial.score\"\n type=\"partial-grade\"\n bmbLayoutItem\n />\n </section>\n @if ($index < partials.length - 1) {\n <bmb-divider [type]=\"'simple'\" />\n }\n }\n </section>\n</ng-template>\n\n<section class=\"bmb_grades\">\n @if (isMicro()) {\n <bmb-container appearance=\"primary-home\" class=\"bmb_grades-micro\">\n <bmb-title-content\n [title]=\"gradeTitle()!\"\n titleSize=\"4\"\n titleFontWeight=\"500\"\n [isCenterContent]=\"true\"\n />\n <bmb-title-content\n [title]=\"title()!\"\n titleSize=\"4\"\n titleFontWeight=\"400\"\n [isCenterContent]=\"true\"\n />\n <bmb-academic-progress\n [accredited]=\"accredited()!\"\n [average]=\"average()!\"\n [summary]=\"summary()!\"\n />\n </bmb-container>\n } @else {\n <bmb-inner-header\n [title]=\"getGradesTitle()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"getCalendarIcon()\"\n (onHandleBack)=\"handleLeftGradesClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightGradesClick()\"\n >\n <bmb-chevron-title-selector\n [title]=\"getTitle()\"\n leadingIcon=\"chevron_left\"\n trailingIcon=\"chevron_right\"\n (onLeadingClick)=\"handleLeftPeriodClick()\"\n (onTrailingClick)=\"handleRightPeriodClick()\"\n />\n @if (showPrincipalDetail) {\n <bmb-academic-progress\n [accredited]=\"{\n name: 'Materias Acreditadas',\n value: getAccreditedClasses()\n }\"\n [average]=\"{ name: 'Promedio Semestre', value: getPeriodAverage() }\"\n [summary]=\"{ name: 'Horas Servicio', value: getServiceHours() }\"\n />\n }\n </bmb-inner-header>\n <section class=\"bmb_grades-content\">\n @for (element of getElements(); track $index) {\n <bmb-container-button\n [title]=\"getDetailTitle(element)\"\n [subtitle]=\"getDetailSubtitle(element)\"\n [score]=\"getDetailScore(element)\"\n iconLeft=\"chevron_left\"\n iconRight=\"chevron_right\"\n [setButtonTemplate]=\"true\"\n (onButton)=\"handleDetails(element)\"\n />\n }\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_grades{height:100%;display:flex;flex-flow:column}.bmb_grades-modal-title{color:var(--general_contrasts-100);font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_grades-content{padding:1rem;flex:1;display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_grades-micro>.bmb_container{border-radius:1rem;border:.0625rem solid var(--general_contrasts-50);background:var(--containers-main)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbChevronTitleSelectorComponent, selector: "bmb-chevron-title-selector", inputs: ["title", "subtitle", "isIconSubtitle", "iconSubtitle", "leadingIcon", "trailingIcon", "isDisabledLeadingIcon", "isDisabledTrailingIcon"], outputs: ["onLeadingClick", "onTrailingClick"] }, { kind: "component", type: BmbContainerButtonComponent, selector: "bmb-container-button", inputs: ["title", "score", "square", "small", "target", "link", "subtitle", "iconLeft", "isUserImage", "iconRight", "setButtonTemplate", "badgeText", "badgeAppearance", "state", "alternative", "enableSecondaryAction", "enableBookmark", "isBookmarkActive", "dropdownMenuItems"], outputs: ["isBookmarkActiveChange", "onButton", "secondaryAction"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "component", type: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbAcademicProgressComponent, selector: "bmb-academic-progress", inputs: ["accredited", "average", "summary"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11211
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbGradesComponent, isStandalone: true, selector: "bmb-grades", inputs: { grades: { classPropertyName: "grades", publicName: "grades", isSignal: true, isRequired: false, transformFunction: null }, isMicro: { classPropertyName: "isMicro", publicName: "isMicro", isSignal: true, isRequired: false, transformFunction: null }, gradeTitle: { classPropertyName: "gradeTitle", publicName: "gradeTitle", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, accredited: { classPropertyName: "accredited", publicName: "accredited", isSignal: true, isRequired: false, transformFunction: null }, average: { classPropertyName: "average", publicName: "average", isSignal: true, isRequired: false, transformFunction: null }, summary: { classPropertyName: "summary", publicName: "summary", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeGrades: "closeGrades" }, viewQueries: [{ propertyName: "detailContent", first: true, predicate: ["detailContent"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-template #detailContent>\n <section class=\"bmb_grades-modal\">\n @for (partial of partials; track $index) {\n <section\n bmbLayout\n margin=\"none\"\n justify=\"spaceBetween\"\n [dynamicCols]=\"true\"\n >\n <h2 class=\"bmb_grades-modal-title\" bmbLayoutItem>\n {{ partial.title }}\n </h2>\n <bmb-grade-value\n [score]=\"partial.score\"\n type=\"partial-grade\"\n bmbLayoutItem\n />\n </section>\n @if ($index < partials.length - 1) {\n <bmb-divider [type]=\"'simple'\" />\n }\n }\n </section>\n</ng-template>\n\n<section class=\"bmb_grades\">\n @if (isMicro()) {\n <bmb-container appearance=\"primary-home\" class=\"bmb_grades-micro\">\n <bmb-title-content\n [title]=\"gradeTitle()!\"\n titleSize=\"4\"\n titleFontWeight=\"500\"\n [isCenterContent]=\"true\"\n />\n <bmb-title-content\n [title]=\"title()!\"\n titleSize=\"4\"\n titleFontWeight=\"400\"\n [isCenterContent]=\"true\"\n />\n <bmb-academic-progress\n [accredited]=\"accredited()!\"\n [average]=\"average()!\"\n [summary]=\"summary()!\"\n />\n </bmb-container>\n } @else {\n <bmb-inner-header\n [title]=\"getGradesTitle()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"getCalendarIcon()\"\n (onHandleBack)=\"handleLeftGradesClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightGradesClick()\"\n >\n <bmb-chevron-title-selector\n [title]=\"getTitle()\"\n leadingIcon=\"chevron_left\"\n trailingIcon=\"chevron_right\"\n (onLeadingClick)=\"handleLeftPeriodClick()\"\n (onTrailingClick)=\"handleRightPeriodClick()\"\n />\n @if (showPrincipalDetail) {\n <bmb-academic-progress\n [accredited]=\"{\n name: 'Materias Acreditadas',\n value: getAccreditedClasses()\n }\"\n [average]=\"{ name: 'Promedio Semestre', value: getPeriodAverage() }\"\n [summary]=\"{ name: 'Horas Servicio', value: getServiceHours() }\"\n />\n }\n </bmb-inner-header>\n <section class=\"bmb_grades-content\">\n @for (element of getElements(); track $index) {\n <bmb-container-button\n [title]=\"getDetailTitle(element)\"\n [subtitle]=\"getDetailSubtitle(element)\"\n [score]=\"getDetailScore(element)\"\n iconLeft=\"chevron_left\"\n iconRight=\"chevron_right\"\n [setButtonTemplate]=\"true\"\n (onButton)=\"handleDetails(element)\"\n />\n }\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_grades{height:100%;display:flex;flex-flow:column}.bmb_grades-modal-title{color:var(--general_contrasts-100);font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_grades-content{padding:1rem;flex:1;display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_grades-micro>.bmb_container{border-radius:1rem;border:.0625rem solid var(--general_contrasts-50);background:var(--containers-main)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbChevronTitleSelectorComponent, selector: "bmb-chevron-title-selector", inputs: ["title", "subtitle", "isIconSubtitle", "iconSubtitle", "leadingIcon", "trailingIcon", "isDisabledLeadingIcon", "isDisabledTrailingIcon"], outputs: ["onLeadingClick", "onTrailingClick"] }, { kind: "component", type: BmbContainerButtonComponent, selector: "bmb-container-button", inputs: ["title", "score", "square", "small", "target", "link", "subtitle", "iconLeft", "isUserImage", "iconRight", "setButtonTemplate", "badgeText", "badgeAppearance", "state", "alternative", "enableSecondaryAction", "enableBookmark", "isBookmarkActive", "dropdownMenuItems"], outputs: ["isBookmarkActiveChange", "onButton", "secondaryAction"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "component", type: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbAcademicProgressComponent, selector: "bmb-academic-progress", inputs: ["accredited", "average", "summary"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11203
11212
|
}
|
|
11204
11213
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbGradesComponent, decorators: [{
|
|
11205
11214
|
type: Component,
|
|
@@ -11424,7 +11433,7 @@ class BmbMobileTemplatesComponent {
|
|
|
11424
11433
|
this.externalLinkFooterEvent.emit(event);
|
|
11425
11434
|
}
|
|
11426
11435
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbMobileTemplatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11427
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbMobileTemplatesComponent, isStandalone: true, selector: "bmb-mobile-templates", inputs: { template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, footerActions: { classPropertyName: "footerActions", publicName: "footerActions", isSignal: true, isRequired: false, transformFunction: null }, buttonList: { classPropertyName: "buttonList", publicName: "buttonList", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, headerIconRight: { classPropertyName: "headerIconRight", publicName: "headerIconRight", 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 }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null }, externalLinkSubtitle: { classPropertyName: "externalLinkSubtitle", publicName: "externalLinkSubtitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onHeaderLeftClick: "onHeaderLeftClick", onHeaderRightClick: "onHeaderRightClick", loginHandleRequest: "loginHandleRequest", onDateChange: "onDateChange", externalLinkOnClose: "externalLinkOnClose", externalLinkMenuEvent: "externalLinkMenuEvent", externalLinkFooterEvent: "externalLinkFooterEvent" }, queries: [{ propertyName: "mainContent", first: true, predicate: ["bmbTemplateMain"], descendants: true }], ngImport: i0, template: "<section [ngClass]=\"getSectionClass()\">\n @switch (template()) {\n @case ('single-header') {\n <ng-container [ngTemplateOutlet]=\"singleHeader\" />\n }\n @case ('header-with-footer') {\n <ng-container [ngTemplateOutlet]=\"headerWithFooter\" />\n }\n @case ('card-header-with-footer') {\n <ng-container [ngTemplateOutlet]=\"cardHeaderWithFooter\" />\n }\n @case ('header-with-button-list') {\n <ng-container [ngTemplateOutlet]=\"headerWithButtonList\" />\n }\n @case ('header-with-card-list') {\n <ng-container [ngTemplateOutlet]=\"headerWithButtonList\" />\n }\n @case ('login') {\n <ng-container [ngTemplateOutlet]=\"login\" />\n }\n @case ('calendar') {\n <ng-container [ngTemplateOutlet]=\"calendar\" />\n }\n @case ('external-link') {\n <ng-container [ngTemplateOutlet]=\"externalLink\" />\n }\n }\n</section>\n\n<ng-template #singleHeader>\n <bmb-inner-header\n [title]=\"this.title()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"this.headerIconRight()\"\n (onHandleClose)=\"handleLeftClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightClick($event)\"\n (onHandleBack)=\"handleClose($event)\"\n />\n <main class=\"bmb_mobile-template-main\">\n <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n </main>\n</ng-template>\n\n<ng-template #headerWithFooter>\n <bmb-inner-header\n [title]=\"this.title()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"this.headerIconRight()\"\n (onHandleClose)=\"handleLeftClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightClick($event)\"\n />\n <main class=\"bmb_mobile-template-main\">\n <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n </main>\n <footer class=\"bmb_mobile-template-footer\">\n @for (action of footerActions(); track $index) {\n <button\n bmbButton\n [appearance]=\"action.type ?? 'secondary-outlined'\"\n (click)=\"handleAction(action)\"\n size=\"large\"\n [icon]=\"action.icon || ''\"\n >\n {{ action.title }}\n </button>\n }\n </footer>\n</ng-template>\n\n<ng-template #cardHeaderWithFooter>\n <bmb-inner-header\n [title]=\"this.title()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"this.headerIconRight()\"\n (onHandleClose)=\"handleLeftClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightClick($event)\"\n />\n <main class=\"bmb_mobile-template-main\">\n <bmb-card>\n <bmb-card-content>\n <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n </bmb-card-content>\n </bmb-card>\n </main>\n <footer class=\"bmb_mobile-template-footer\">\n @for (action of footerActions(); track $index) {\n <button\n bmbButton\n [appearance]=\"action.type ?? 'secondary-outlined'\"\n (click)=\"handleAction(action)\"\n size=\"large\"\n [icon]=\"action.icon || ''\"\n >\n {{ action.title }}\n </button>\n }\n </footer>\n</ng-template>\n\n<ng-template #headerWithButtonList>\n <bmb-inner-header\n [title]=\"this.title()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"this.headerIconRight()\"\n (onHandleClose)=\"handleLeftClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightClick($event)\"\n />\n <main class=\"bmb_mobile-template-main\">\n @for (button of buttonList(); track $index) {\n <bmb-container-button\n [title]=\"button.title\"\n [target]=\"button.target || '_blank'\"\n [link]=\"button.link || ''\"\n [subtitle]=\"button.subtitle || ''\"\n [iconLeft]=\"button.iconLeft\"\n iconRight=\"chevron_right\"\n [setButtonTemplate]=\"!!button.onButton\"\n (onButton)=\"(button.onButton)\"\n [square]=\"template() === 'header-with-card-list'\"\n />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n </main>\n</ng-template>\n\n<ng-template #login>\n <bmb-login-onboarding (handleRequest)=\"handleLoginRequest($event)\" />\n</ng-template>\n\n<ng-template #calendar>\n <bmb-calendar\n [calendarTimezone]=\"calendarTimezone()\"\n [clientTimezone]=\"clientTimezone()\"\n [lang]=\"lang()\"\n [currentDate]=\"currentDate()\"\n [height]=\"height\"\n />\n</ng-template>\n\n<ng-template #externalLink>\n <bmb-external-link\n [title]=\"title()\"\n [subtitle]=\"externalLinkSubtitle()\"\n (onClose)=\"handleClose($event)\"\n (menuEvent)=\"handleMenuEvent($event)\"\n (footerEvent)=\"handleFooterEvent($event)\"\n />\n</ng-template>\n", styles: [".bmb_mobile-template{height:100dvh;overflow:hidden;display:flex;flex-flow:column}.bmb_mobile-template-main{overflow:auto;flex:1}.bmb_mobile-template-footer{padding:var(--bmb-spacing-m);display:flex;gap:.5rem}\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: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground", "setBorderRadius"] }, { kind: "component", type: BmbContainerButtonComponent, selector: "bmb-container-button", inputs: ["title", "score", "square", "small", "target", "link", "subtitle", "iconLeft", "isUserImage", "iconRight", "setButtonTemplate", "badgeText", "badgeAppearance", "state", "alternative", "enableSecondaryAction", "enableBookmark", "isBookmarkActive", "dropdownMenuItems"], outputs: ["isBookmarkActiveChange", "onButton", "secondaryAction"] }, { kind: "component", type: BmbLoginOnboardingComponent, selector: "bmb-login-onboarding", inputs: ["loginOnBoardingCustomization"], outputs: ["handleRequest"] }, { kind: "component", type: BmbCalendarComponent, selector: "bmb-calendar", inputs: ["view", "filters", "calendarTimezone", "clientTimezone", "lang", "height", "startBusinessHour", "calendarTitle", "dateFormat", "showFilterButton", "visibleDate", "currentDate"], outputs: ["viewChange", "filtersChange", "visibleDateChange", "onDateChange", "onClose"] }, { kind: "component", type: BmbExternalLinkComponent, selector: "bmb-external-link", inputs: ["title", "subtitle", "navigationBarIcons"], outputs: ["onClose", "menuEvent", "footerEvent"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11436
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbMobileTemplatesComponent, isStandalone: true, selector: "bmb-mobile-templates", inputs: { template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, footerActions: { classPropertyName: "footerActions", publicName: "footerActions", isSignal: true, isRequired: false, transformFunction: null }, buttonList: { classPropertyName: "buttonList", publicName: "buttonList", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, headerIconRight: { classPropertyName: "headerIconRight", publicName: "headerIconRight", 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 }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: false, transformFunction: null }, externalLinkSubtitle: { classPropertyName: "externalLinkSubtitle", publicName: "externalLinkSubtitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onHeaderLeftClick: "onHeaderLeftClick", onHeaderRightClick: "onHeaderRightClick", loginHandleRequest: "loginHandleRequest", onDateChange: "onDateChange", externalLinkOnClose: "externalLinkOnClose", externalLinkMenuEvent: "externalLinkMenuEvent", externalLinkFooterEvent: "externalLinkFooterEvent" }, queries: [{ propertyName: "mainContent", first: true, predicate: ["bmbTemplateMain"], descendants: true }], ngImport: i0, template: "<section [ngClass]=\"getSectionClass()\">\n @switch (template()) {\n @case ('single-header') {\n <ng-container [ngTemplateOutlet]=\"singleHeader\" />\n }\n @case ('header-with-footer') {\n <ng-container [ngTemplateOutlet]=\"headerWithFooter\" />\n }\n @case ('card-header-with-footer') {\n <ng-container [ngTemplateOutlet]=\"cardHeaderWithFooter\" />\n }\n @case ('header-with-button-list') {\n <ng-container [ngTemplateOutlet]=\"headerWithButtonList\" />\n }\n @case ('header-with-card-list') {\n <ng-container [ngTemplateOutlet]=\"headerWithButtonList\" />\n }\n @case ('login') {\n <ng-container [ngTemplateOutlet]=\"login\" />\n }\n @case ('calendar') {\n <ng-container [ngTemplateOutlet]=\"calendar\" />\n }\n @case ('external-link') {\n <ng-container [ngTemplateOutlet]=\"externalLink\" />\n }\n }\n</section>\n\n<ng-template #singleHeader>\n <bmb-inner-header\n [title]=\"this.title()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"this.headerIconRight()\"\n (onHandleClose)=\"handleLeftClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightClick($event)\"\n (onHandleBack)=\"handleClose($event)\"\n />\n <main class=\"bmb_mobile-template-main\">\n <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n </main>\n</ng-template>\n\n<ng-template #headerWithFooter>\n <bmb-inner-header\n [title]=\"this.title()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"this.headerIconRight()\"\n (onHandleClose)=\"handleLeftClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightClick($event)\"\n />\n <main class=\"bmb_mobile-template-main\">\n <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n </main>\n <footer class=\"bmb_mobile-template-footer\">\n @for (action of footerActions(); track $index) {\n <button\n bmbButton\n [appearance]=\"action.type ?? 'secondary-outlined'\"\n (click)=\"handleAction(action)\"\n size=\"large\"\n [icon]=\"action.icon || ''\"\n >\n {{ action.title }}\n </button>\n }\n </footer>\n</ng-template>\n\n<ng-template #cardHeaderWithFooter>\n <bmb-inner-header\n [title]=\"this.title()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"this.headerIconRight()\"\n (onHandleClose)=\"handleLeftClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightClick($event)\"\n />\n <main class=\"bmb_mobile-template-main\">\n <bmb-card>\n <bmb-card-content>\n <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n </bmb-card-content>\n </bmb-card>\n </main>\n <footer class=\"bmb_mobile-template-footer\">\n @for (action of footerActions(); track $index) {\n <button\n bmbButton\n [appearance]=\"action.type ?? 'secondary-outlined'\"\n (click)=\"handleAction(action)\"\n size=\"large\"\n [icon]=\"action.icon || ''\"\n >\n {{ action.title }}\n </button>\n }\n </footer>\n</ng-template>\n\n<ng-template #headerWithButtonList>\n <bmb-inner-header\n [title]=\"this.title()\"\n [showClose]=\"true\"\n [trailingIconSecondary]=\"this.headerIconRight()\"\n (onHandleClose)=\"handleLeftClick($event)\"\n (onHandleTrailingSecondary)=\"handleRightClick($event)\"\n />\n <main class=\"bmb_mobile-template-main\">\n @for (button of buttonList(); track $index) {\n <bmb-container-button\n [title]=\"button.title\"\n [target]=\"button.target || '_blank'\"\n [link]=\"button.link || ''\"\n [subtitle]=\"button.subtitle || ''\"\n [iconLeft]=\"button.iconLeft\"\n iconRight=\"chevron_right\"\n [setButtonTemplate]=\"!!button.onButton\"\n (onButton)=\"(button.onButton)\"\n [square]=\"template() === 'header-with-card-list'\"\n />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n </main>\n</ng-template>\n\n<ng-template #login>\n <bmb-login-onboarding (handleRequest)=\"handleLoginRequest($event)\" />\n</ng-template>\n\n<ng-template #calendar>\n <bmb-calendar\n [calendarTimezone]=\"calendarTimezone()\"\n [clientTimezone]=\"clientTimezone()\"\n [lang]=\"lang()\"\n [currentDate]=\"currentDate()\"\n [height]=\"height\"\n />\n</ng-template>\n\n<ng-template #externalLink>\n <bmb-external-link\n [title]=\"title()\"\n [subtitle]=\"externalLinkSubtitle()\"\n (onClose)=\"handleClose($event)\"\n (menuEvent)=\"handleMenuEvent($event)\"\n (footerEvent)=\"handleFooterEvent($event)\"\n />\n</ng-template>\n", styles: [".bmb_mobile-template{height:100dvh;overflow:hidden;display:flex;flex-flow:column}.bmb_mobile-template-main{overflow:auto;flex:1}.bmb_mobile-template-footer{padding:var(--bmb-spacing-m);display:flex;gap:.5rem}\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: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbCardComponent, selector: "bmb-card", inputs: ["borderRadius", "margin", "type", "state", "boxShadowStyle", "borderColor", "alternative"] }, { kind: "component", type: BmbCardContentComponent, selector: "bmb-card-content", inputs: ["padding", "colorBackground", "setBorderRadius"] }, { kind: "component", type: BmbContainerButtonComponent, selector: "bmb-container-button", inputs: ["title", "score", "square", "small", "target", "link", "subtitle", "iconLeft", "isUserImage", "iconRight", "setButtonTemplate", "badgeText", "badgeAppearance", "state", "alternative", "enableSecondaryAction", "enableBookmark", "isBookmarkActive", "dropdownMenuItems"], outputs: ["isBookmarkActiveChange", "onButton", "secondaryAction"] }, { kind: "component", type: BmbLoginOnboardingComponent, selector: "bmb-login-onboarding", inputs: ["loginOnBoardingCustomization"], outputs: ["handleRequest"] }, { kind: "component", type: BmbCalendarComponent, selector: "bmb-calendar", inputs: ["view", "filters", "calendarTimezone", "clientTimezone", "lang", "height", "startBusinessHour", "calendarTitle", "dateFormat", "showFilterButton", "disableMobileFilter", "visibleDate", "currentDate"], outputs: ["viewChange", "filtersChange", "visibleDateChange", "onDateChange", "onClose"] }, { kind: "component", type: BmbExternalLinkComponent, selector: "bmb-external-link", inputs: ["title", "subtitle", "navigationBarIcons"], outputs: ["onClose", "menuEvent", "footerEvent"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11428
11437
|
}
|
|
11429
11438
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbMobileTemplatesComponent, decorators: [{
|
|
11430
11439
|
type: Component,
|
|
@@ -11992,7 +12001,7 @@ class BmbInputTagsComponent {
|
|
|
11992
12001
|
return showError(this.control());
|
|
11993
12002
|
}
|
|
11994
12003
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbInputTagsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11995
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n class=\"bmb_input-tags\"\n [name]=\"name()\"\n [value]=\"getValidInitialValues()\"\n [label]=\"label()!\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"customValidation()\"\n clickOutside\n (clickOutside)=\"closeList()\"\n [inputId]=\"inputId()\"\n>\n <section\n class=\"bmb_input-tags-container\"\n [ngClass]=\"{\n 'bmb_input-tags-container-error': shouldShowError,\n 'bmb_input-tags-container-focus': isFocused()\n }\"\n >\n <bmb-input-content\n class=\"bmb_input-tags-filter\"\n type=\"text\"\n [inputId]=\"inputId()\"\n [name]=\"getUUID('filter')\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n (click)=\"openList()\"\n (onBlur)=\"handleValidity()\"\n (keydown)=\"handleKeyDown($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n @if (!!selectedTags && !!selectedTags.length) {\n <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n @for (item of selectedTags; track $index) {\n <bmb-tag\n [text]=\"item.selectedText!\"\n [dismissible]=\"true\"\n [isDisabled]=\"disabled()\"\n (clickedTag)=\"removeTag(item)\"\n (closedTag)=\"removeTag(item)\"\n />\n }\n </div>\n }\n </section>\n <input\n hidden\n type=\"text\"\n [id]=\"name()\"\n [name]=\"name()\"\n [formControl]=\"control()\"\n />\n <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_input-tags-dialog\"\n name=\"list\"\n [selectedOption]=\"control().value\"\n [isKeyboardEvent]=\"isKeyboardEvent\"\n [(items)]=\"filteredOptions\"\n [(isOpen)]=\"showDropdown\"\n />\n </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], 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 }); }
|
|
12004
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n class=\"bmb_input-tags\"\n [name]=\"name()\"\n [value]=\"getValidInitialValues()\"\n [label]=\"label()!\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"customValidation()\"\n clickOutside\n (clickOutside)=\"closeList()\"\n [inputId]=\"inputId()\"\n>\n <section\n class=\"bmb_input-tags-container\"\n [ngClass]=\"{\n 'bmb_input-tags-container-error': shouldShowError,\n 'bmb_input-tags-container-focus': isFocused()\n }\"\n >\n <bmb-input-content\n class=\"bmb_input-tags-filter\"\n type=\"text\"\n [inputId]=\"inputId()\"\n [name]=\"getUUID('filter')\"\n [control]=\"filterControl\"\n [placeholder]=\"placeholder()\"\n (click)=\"openList()\"\n (onBlur)=\"handleValidity()\"\n (keydown)=\"handleKeyDown($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n @if (!!selectedTags && !!selectedTags.length) {\n <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n @for (item of selectedTags; track $index) {\n <bmb-tag\n [text]=\"item.selectedText!\"\n [dismissible]=\"true\"\n [isDisabled]=\"disabled()\"\n (clickedTag)=\"removeTag(item)\"\n (closedTag)=\"removeTag(item)\"\n />\n }\n </div>\n }\n </section>\n <input\n hidden\n type=\"text\"\n [id]=\"name()\"\n [name]=\"name()\"\n [formControl]=\"control()\"\n />\n <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n <bmb-dropdown-content\n class=\"bmb_input-tags-dialog\"\n name=\"list\"\n [selectedOption]=\"control().value\"\n [isKeyboardEvent]=\"isKeyboardEvent\"\n [(items)]=\"filteredOptions\"\n [(isOpen)]=\"showDropdown\"\n />\n </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11996
12005
|
}
|
|
11997
12006
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
|
|
11998
12007
|
type: Component,
|
|
@@ -12593,7 +12602,7 @@ class BmbDrawerOverlayComponent {
|
|
|
12593
12602
|
return Array.isArray(appsForCurrentNav) ? appsForCurrentNav : [];
|
|
12594
12603
|
}
|
|
12595
12604
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbDrawerOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12596
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbDrawerOverlayComponent, isStandalone: true, selector: "bmb-drawer-overlay", inputs: { menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, dataSearch: { classPropertyName: "dataSearch", publicName: "dataSearch", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, appServices: { classPropertyName: "appServices", publicName: "appServices", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", buttonClick: "buttonClick" }, host: { listeners: { "document:keydown.escape": "onEsc()" } }, ngImport: i0, template: "<section class=\"bmb_drawer\" [class.open]=\"isOpen\">\n @if (isOpen) {\n <div class=\"bmb_drawer-overlay\" (click)=\"closeDrawer($event)\"></div>\n <section class=\"bmb_drawer-menu\" (click)=\"$event.stopPropagation()\">\n @for (item of menu().slice(0, 4); track $index) {\n <bmb-interactive-icon\n [appearance]=\"item.appearance\"\n [title]=\"item.title\"\n [icon]=\"item.icon\"\n [target]=\"item?.target!\"\n [link]=\"item?.link!\"\n [layout]=\"'app_drawer'\"\n (buttonClick)=\"toggleFullDrawer($event, item)\"\n />\n }\n </section>\n }\n @if (isFull) {\n <section class=\"bmb_drawer-full\">\n <bmb-inner-header\n [title]=\"title()\"\n [showReturn]=\"true\"\n (onHandleBack)=\"toggleFullDrawer($event)\"\n (searchData)=\"handleValueChange($event)\"\n [showSearch]=\"true\"\n />\n <bmb-tabs [tabs]=\"tabs()\" (selected)=\"selectNavItem($event.id)\" />\n <section class=\"bmb_drawer-apps\">\n @for (app of appsActive; track $index) {\n <bmb-interactive-icon\n [appearance]=\"app.appearance\"\n [title]=\"app.title\"\n [icon]=\"app.icon\"\n [target]=\"app?.target!\"\n [link]=\"app?.link!\"\n [layout]=\"'regular'\"\n />\n }\n </section>\n </section>\n }\n\n <bmb-fab icon=\"apps\" size=\"large\" type=\"normal\" (fabClick)=\"toggleDrawer()\" />\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_drawer-overlay{-webkit-backdrop-filter:blur(.0625rem);backdrop-filter:blur(.0625rem);background-color:var(--color-black-tint);filter:blur(.3125rem);height:100%;left:0;position:absolute;top:0;width:100%}.bmb_drawer-menu{animation:growOut .3s ease-in-out forwards;bottom:6.25rem;display:flex;flex-flow:column;gap:1rem;align-items:end;position:absolute;right:1.125rem;transform-origin:bottom center;width:auto}.bmb_drawer.open{height:100%;left:0;margin:auto;position:fixed;right:0;top:0;width:100%;z-index:1}.bmb_drawer-apps{justify-content:space-evenly;right:0;width:100%}.bmb_drawer bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_drawer bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_drawer-full{background-color:var(--containers-background);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:210}.bmb_drawer-full .bmb_drawer-apps{display:flex;flex-wrap:wrap;gap:.625rem;padding:1.5rem}.bmb_drawer .bmb_interactive_icon-title{color:var(--white-primary)}@keyframes growOut{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "text", "size", "type", "mitec"], outputs: ["fabClick"] }, { kind: "component", type: BmbInteractiveIconComponent, selector: "bmb-interactive-icon", inputs: ["appearanceContrast", "appearance", "title", "description", "icon", "dotNotification", "horizontal", "target", "link", "layout", "setButtonTemplate"], outputs: ["buttonClick"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12605
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbDrawerOverlayComponent, isStandalone: true, selector: "bmb-drawer-overlay", inputs: { menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, dataSearch: { classPropertyName: "dataSearch", publicName: "dataSearch", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, appServices: { classPropertyName: "appServices", publicName: "appServices", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange", buttonClick: "buttonClick" }, host: { listeners: { "document:keydown.escape": "onEsc()" } }, ngImport: i0, template: "<section class=\"bmb_drawer\" [class.open]=\"isOpen\">\n @if (isOpen) {\n <div class=\"bmb_drawer-overlay\" (click)=\"closeDrawer($event)\"></div>\n <section class=\"bmb_drawer-menu\" (click)=\"$event.stopPropagation()\">\n @for (item of menu().slice(0, 4); track $index) {\n <bmb-interactive-icon\n [appearance]=\"item.appearance\"\n [title]=\"item.title\"\n [icon]=\"item.icon\"\n [target]=\"item?.target!\"\n [link]=\"item?.link!\"\n [layout]=\"'app_drawer'\"\n (buttonClick)=\"toggleFullDrawer($event, item)\"\n />\n }\n </section>\n }\n @if (isFull) {\n <section class=\"bmb_drawer-full\">\n <bmb-inner-header\n [title]=\"title()\"\n [showReturn]=\"true\"\n (onHandleBack)=\"toggleFullDrawer($event)\"\n (searchData)=\"handleValueChange($event)\"\n [showSearch]=\"true\"\n />\n <bmb-tabs [tabs]=\"tabs()\" (selected)=\"selectNavItem($event.id)\" />\n <section class=\"bmb_drawer-apps\">\n @for (app of appsActive; track $index) {\n <bmb-interactive-icon\n [appearance]=\"app.appearance\"\n [title]=\"app.title\"\n [icon]=\"app.icon\"\n [target]=\"app?.target!\"\n [link]=\"app?.link!\"\n [layout]=\"'regular'\"\n />\n }\n </section>\n </section>\n }\n\n <bmb-fab icon=\"apps\" size=\"large\" type=\"normal\" (fabClick)=\"toggleDrawer()\" />\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_drawer-overlay{backdrop-filter:blur(.0625rem);background-color:var(--color-black-tint);filter:blur(.3125rem);height:100%;left:0;position:absolute;top:0;width:100%}.bmb_drawer-menu{animation:growOut .3s ease-in-out forwards;bottom:6.25rem;display:flex;flex-flow:column;gap:1rem;align-items:end;position:absolute;right:1.125rem;transform-origin:bottom center;width:auto}.bmb_drawer.open{height:100%;left:0;margin:auto;position:fixed;right:0;top:0;width:100%;z-index:1}.bmb_drawer-apps{justify-content:space-evenly;right:0;width:100%}.bmb_drawer bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_drawer bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_drawer-full{background-color:var(--containers-background);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:210}.bmb_drawer-full .bmb_drawer-apps{display:flex;flex-wrap:wrap;gap:.625rem;padding:1.5rem}.bmb_drawer .bmb_interactive_icon-title{color:var(--white-primary)}@keyframes growOut{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "text", "size", "type", "mitec"], outputs: ["fabClick"] }, { kind: "component", type: BmbInteractiveIconComponent, selector: "bmb-interactive-icon", inputs: ["appearanceContrast", "appearance", "title", "description", "icon", "dotNotification", "horizontal", "target", "link", "layout", "setButtonTemplate"], outputs: ["buttonClick"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12597
12606
|
}
|
|
12598
12607
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbDrawerOverlayComponent, decorators: [{
|
|
12599
12608
|
type: Component,
|
|
@@ -12602,7 +12611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
12602
12611
|
BmbInteractiveIconComponent,
|
|
12603
12612
|
BmbInnerHeaderComponent,
|
|
12604
12613
|
BmbTabsComponent,
|
|
12605
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_drawer\" [class.open]=\"isOpen\">\n @if (isOpen) {\n <div class=\"bmb_drawer-overlay\" (click)=\"closeDrawer($event)\"></div>\n <section class=\"bmb_drawer-menu\" (click)=\"$event.stopPropagation()\">\n @for (item of menu().slice(0, 4); track $index) {\n <bmb-interactive-icon\n [appearance]=\"item.appearance\"\n [title]=\"item.title\"\n [icon]=\"item.icon\"\n [target]=\"item?.target!\"\n [link]=\"item?.link!\"\n [layout]=\"'app_drawer'\"\n (buttonClick)=\"toggleFullDrawer($event, item)\"\n />\n }\n </section>\n }\n @if (isFull) {\n <section class=\"bmb_drawer-full\">\n <bmb-inner-header\n [title]=\"title()\"\n [showReturn]=\"true\"\n (onHandleBack)=\"toggleFullDrawer($event)\"\n (searchData)=\"handleValueChange($event)\"\n [showSearch]=\"true\"\n />\n <bmb-tabs [tabs]=\"tabs()\" (selected)=\"selectNavItem($event.id)\" />\n <section class=\"bmb_drawer-apps\">\n @for (app of appsActive; track $index) {\n <bmb-interactive-icon\n [appearance]=\"app.appearance\"\n [title]=\"app.title\"\n [icon]=\"app.icon\"\n [target]=\"app?.target!\"\n [link]=\"app?.link!\"\n [layout]=\"'regular'\"\n />\n }\n </section>\n </section>\n }\n\n <bmb-fab icon=\"apps\" size=\"large\" type=\"normal\" (fabClick)=\"toggleDrawer()\" />\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_drawer-overlay{
|
|
12614
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_drawer\" [class.open]=\"isOpen\">\n @if (isOpen) {\n <div class=\"bmb_drawer-overlay\" (click)=\"closeDrawer($event)\"></div>\n <section class=\"bmb_drawer-menu\" (click)=\"$event.stopPropagation()\">\n @for (item of menu().slice(0, 4); track $index) {\n <bmb-interactive-icon\n [appearance]=\"item.appearance\"\n [title]=\"item.title\"\n [icon]=\"item.icon\"\n [target]=\"item?.target!\"\n [link]=\"item?.link!\"\n [layout]=\"'app_drawer'\"\n (buttonClick)=\"toggleFullDrawer($event, item)\"\n />\n }\n </section>\n }\n @if (isFull) {\n <section class=\"bmb_drawer-full\">\n <bmb-inner-header\n [title]=\"title()\"\n [showReturn]=\"true\"\n (onHandleBack)=\"toggleFullDrawer($event)\"\n (searchData)=\"handleValueChange($event)\"\n [showSearch]=\"true\"\n />\n <bmb-tabs [tabs]=\"tabs()\" (selected)=\"selectNavItem($event.id)\" />\n <section class=\"bmb_drawer-apps\">\n @for (app of appsActive; track $index) {\n <bmb-interactive-icon\n [appearance]=\"app.appearance\"\n [title]=\"app.title\"\n [icon]=\"app.icon\"\n [target]=\"app?.target!\"\n [link]=\"app?.link!\"\n [layout]=\"'regular'\"\n />\n }\n </section>\n </section>\n }\n\n <bmb-fab icon=\"apps\" size=\"large\" type=\"normal\" (fabClick)=\"toggleDrawer()\" />\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_drawer-overlay{backdrop-filter:blur(.0625rem);background-color:var(--color-black-tint);filter:blur(.3125rem);height:100%;left:0;position:absolute;top:0;width:100%}.bmb_drawer-menu{animation:growOut .3s ease-in-out forwards;bottom:6.25rem;display:flex;flex-flow:column;gap:1rem;align-items:end;position:absolute;right:1.125rem;transform-origin:bottom center;width:auto}.bmb_drawer.open{height:100%;left:0;margin:auto;position:fixed;right:0;top:0;width:100%;z-index:1}.bmb_drawer-apps{justify-content:space-evenly;right:0;width:100%}.bmb_drawer bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_drawer bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_drawer-full{background-color:var(--containers-background);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:210}.bmb_drawer-full .bmb_drawer-apps{display:flex;flex-wrap:wrap;gap:.625rem;padding:1.5rem}.bmb_drawer .bmb_interactive_icon-title{color:var(--white-primary)}@keyframes growOut{0%{transform:scale(0)}80%{transform:scale(1.1)}to{transform:scale(1)}}\n"] }]
|
|
12606
12615
|
}], propDecorators: { onEsc: [{
|
|
12607
12616
|
type: HostListener,
|
|
12608
12617
|
args: ['document:keydown.escape']
|
|
@@ -13333,6 +13342,558 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
13333
13342
|
args: [BmbSwitchComponent, { descendants: true }]
|
|
13334
13343
|
}] } });
|
|
13335
13344
|
|
|
13345
|
+
class BmbTableLiteComponent {
|
|
13346
|
+
// -----------------------------------------------------------------------------
|
|
13347
|
+
// 🧠 CICLO DE VIDA Y EFECTOS REACTIVOS
|
|
13348
|
+
// -----------------------------------------------------------------------------
|
|
13349
|
+
constructor(cdr) {
|
|
13350
|
+
this.cdr = cdr;
|
|
13351
|
+
// -----------------------------------------------------------------------------
|
|
13352
|
+
// 🔧 CONFIGURACIÓN INTERNA (no visible desde el template)
|
|
13353
|
+
// -----------------------------------------------------------------------------
|
|
13354
|
+
this._rawColumns = [];
|
|
13355
|
+
this._rawConfig = {
|
|
13356
|
+
isSelectable: false,
|
|
13357
|
+
isExpandible: false,
|
|
13358
|
+
isPaginable: false,
|
|
13359
|
+
showActions: false,
|
|
13360
|
+
};
|
|
13361
|
+
// -----------------------------------------------------------------------------
|
|
13362
|
+
// 📊 DATOS Y ESTADO DE LA TABLA
|
|
13363
|
+
// -----------------------------------------------------------------------------
|
|
13364
|
+
this.originalData = []; // Datos originales sin filtros
|
|
13365
|
+
this.filteredData = []; // Datos tras aplicar filtros
|
|
13366
|
+
this.pageSlice = []; // Página actual que se muestra
|
|
13367
|
+
this.selection = new SelectionModel(true, []); // Selección de filas
|
|
13368
|
+
// -----------------------------------------------------------------------------
|
|
13369
|
+
// 🔍 FORMULARIO DE FILTROS Y BÚSQUEDA
|
|
13370
|
+
// -----------------------------------------------------------------------------
|
|
13371
|
+
this.filterForm = new FormGroup({}); // Controles dinámicos de filtros
|
|
13372
|
+
this.searchControl = new FormControl(''); // Control de búsqueda (texto)
|
|
13373
|
+
// -----------------------------------------------------------------------------
|
|
13374
|
+
// 🧩 COLUMNAS Y ESTRUCTURA DE LA TABLA
|
|
13375
|
+
// -----------------------------------------------------------------------------
|
|
13376
|
+
this.tableColumns = []; // Columnas renderizadas en la tabla
|
|
13377
|
+
// -----------------------------------------------------------------------------
|
|
13378
|
+
// ⚙️ INPUTS (configuración externa del componente)
|
|
13379
|
+
// -----------------------------------------------------------------------------
|
|
13380
|
+
this.showSearch = input(false); // Muestra u oculta el buscador
|
|
13381
|
+
this.pageSize = input(); // Tamaño de página
|
|
13382
|
+
this.totalItems = input(0); // Total de elementos (server)
|
|
13383
|
+
this.data = input([]); // Data recibida
|
|
13384
|
+
this.columns = input([]); // Definición de columnas
|
|
13385
|
+
this.config = input(); // Configuración general
|
|
13386
|
+
this.truncate = input(false); // Activa truncado de texto
|
|
13387
|
+
this.lang = input('es'); // Idioma ('es' | 'en')
|
|
13388
|
+
this.serverSide = input(false); // Modo servidor o cliente
|
|
13389
|
+
this.filtersPosition = input('top'); // Posición filtros
|
|
13390
|
+
this.initialTableSelection = input([]); // Selección inicial de filas
|
|
13391
|
+
this.actionTemplate = input(null); // Template de acciones
|
|
13392
|
+
this.detailTemplate = input(null); // Template de detalle
|
|
13393
|
+
// -----------------------------------------------------------------------------
|
|
13394
|
+
// ⚡ MODELOS REACTIVOS (usando signals)
|
|
13395
|
+
// -----------------------------------------------------------------------------
|
|
13396
|
+
this.clearSelection = model(false); // Limpia selección desde fuera
|
|
13397
|
+
this.currentPage = model(0); // Página actual
|
|
13398
|
+
this.filtersVisible = model(false); // Estado visible/oculto de filtros
|
|
13399
|
+
// -----------------------------------------------------------------------------
|
|
13400
|
+
// 📤 OUTPUTS (eventos que emite la tabla)
|
|
13401
|
+
// -----------------------------------------------------------------------------
|
|
13402
|
+
this.select = new EventEmitter(); // Cambio de selección
|
|
13403
|
+
this.clickedRow = new EventEmitter(); // Click en una fila
|
|
13404
|
+
this.searchChange = new EventEmitter(); // Texto del buscador
|
|
13405
|
+
this.filtersChange = new EventEmitter(); // Filtros aplicados
|
|
13406
|
+
this.searchModeChange = new EventEmitter(); // Modo de búsqueda
|
|
13407
|
+
this.pageChange = new EventEmitter(); // Cambio de página
|
|
13408
|
+
// -----------------------------------------------------------------------------
|
|
13409
|
+
// 🧮 PROPIEDADES COMPUTADAS
|
|
13410
|
+
// -----------------------------------------------------------------------------
|
|
13411
|
+
this.parsedFiltersColumns = computed(() => this.columns().filter((column) => column.isFilterable !== false));
|
|
13412
|
+
// 🧩 Efecto: controla la página actual en modo servidor, asegurando que
|
|
13413
|
+
// no exceda los límites (0 → lastPage)
|
|
13414
|
+
effect(() => {
|
|
13415
|
+
if (!this.serverSide())
|
|
13416
|
+
return;
|
|
13417
|
+
const last = this.lastPage();
|
|
13418
|
+
if (this.currentPage() < 0) {
|
|
13419
|
+
this.currentPage.set(0);
|
|
13420
|
+
this.cdr.detectChanges();
|
|
13421
|
+
}
|
|
13422
|
+
else if (this.currentPage() > last) {
|
|
13423
|
+
this.currentPage.set(last);
|
|
13424
|
+
this.cdr.detectChanges();
|
|
13425
|
+
}
|
|
13426
|
+
});
|
|
13427
|
+
// 🧩 Efecto: limpia la selección de filas si se activa `clearSelection`
|
|
13428
|
+
effect(() => {
|
|
13429
|
+
if (this.clearSelection()) {
|
|
13430
|
+
this.selection.clear();
|
|
13431
|
+
this.clearSelection.set(false);
|
|
13432
|
+
this.select.emit(this.selection.selected);
|
|
13433
|
+
}
|
|
13434
|
+
}, { allowSignalWrites: true });
|
|
13435
|
+
}
|
|
13436
|
+
// 🧩 Detecta cambios en inputs reactivos (data, columns, config)
|
|
13437
|
+
ngOnChanges(changes) {
|
|
13438
|
+
if (changes['data'])
|
|
13439
|
+
this.parseData(changes['data'].currentValue || []);
|
|
13440
|
+
if (changes['columns'])
|
|
13441
|
+
this.parseColumns(changes['columns'].currentValue || []);
|
|
13442
|
+
if (changes['config'])
|
|
13443
|
+
this.setConfig(changes['config'].currentValue || {});
|
|
13444
|
+
}
|
|
13445
|
+
// 🧩 Inicializa filtros y suscripciones del buscador
|
|
13446
|
+
ngOnInit() {
|
|
13447
|
+
this.searchControl.valueChanges.subscribe((value) => {
|
|
13448
|
+
const search = (value || '').trim().toLowerCase();
|
|
13449
|
+
if (this.serverSide()) {
|
|
13450
|
+
this.searchModeChange.emit('server');
|
|
13451
|
+
this.searchChange.emit(search);
|
|
13452
|
+
}
|
|
13453
|
+
else {
|
|
13454
|
+
this.searchModeChange.emit('client');
|
|
13455
|
+
this.applyFilters();
|
|
13456
|
+
}
|
|
13457
|
+
this.cdr.markForCheck();
|
|
13458
|
+
});
|
|
13459
|
+
this._rawConfig = this.config() || {};
|
|
13460
|
+
this.parseData(this.data());
|
|
13461
|
+
this.parseColumns(this.columns());
|
|
13462
|
+
// 👇 importante: recrear filtros una vez que todo esté listo
|
|
13463
|
+
setTimeout(() => {
|
|
13464
|
+
this.setupDynamicFilters();
|
|
13465
|
+
this.cdr.markForCheck();
|
|
13466
|
+
});
|
|
13467
|
+
}
|
|
13468
|
+
// -----------------------------------------------------------------------------
|
|
13469
|
+
// 🧩 MANEJO DE DATOS Y COLUMNAS
|
|
13470
|
+
// -----------------------------------------------------------------------------
|
|
13471
|
+
// 🔹 Normaliza y aplica los datos iniciales según el modo (server/client)
|
|
13472
|
+
parseData(data) {
|
|
13473
|
+
this.originalData = Array.isArray(data) ? data : [];
|
|
13474
|
+
if (!this.serverSide()) {
|
|
13475
|
+
this.applyFilters();
|
|
13476
|
+
this.applyClientPagination();
|
|
13477
|
+
}
|
|
13478
|
+
else {
|
|
13479
|
+
this.filteredData = [...this.originalData];
|
|
13480
|
+
this.pageSlice = [...this.filteredData];
|
|
13481
|
+
}
|
|
13482
|
+
// 🧩 Aplica selección inicial si está configurada
|
|
13483
|
+
const selectedRows = this.initialTableSelection() ?? [];
|
|
13484
|
+
if (selectedRows.length && this.filteredData.length) {
|
|
13485
|
+
this.selection.clear();
|
|
13486
|
+
selectedRows.forEach((idx) => {
|
|
13487
|
+
if (this.filteredData[idx]) {
|
|
13488
|
+
this.selection.select(this.filteredData[idx]);
|
|
13489
|
+
}
|
|
13490
|
+
});
|
|
13491
|
+
}
|
|
13492
|
+
}
|
|
13493
|
+
// 🔹 Estandariza las columnas y genera sus filtros dinámicos
|
|
13494
|
+
parseColumns(columns) {
|
|
13495
|
+
const normalized = (columns || []).map((col) => ({
|
|
13496
|
+
type: 'string',
|
|
13497
|
+
labelEn: col.labelEn,
|
|
13498
|
+
...col,
|
|
13499
|
+
}));
|
|
13500
|
+
this._rawColumns = normalized;
|
|
13501
|
+
this.applyColumnsAndConfig(normalized);
|
|
13502
|
+
this.setupDynamicFilters();
|
|
13503
|
+
this.applyFilters();
|
|
13504
|
+
this.applyClientPagination();
|
|
13505
|
+
}
|
|
13506
|
+
// 🔹 Fusiona la configuración por defecto con la recibida vía input
|
|
13507
|
+
setConfig(cfg) {
|
|
13508
|
+
this.tableConfig = { ...this._rawConfig, ...cfg };
|
|
13509
|
+
this.applyColumnsAndConfig(this._rawColumns);
|
|
13510
|
+
}
|
|
13511
|
+
// 🔹 Aplica columnas visibles y configura las especiales (select/expand/actions)
|
|
13512
|
+
applyColumnsAndConfig(newColumns = []) {
|
|
13513
|
+
if (!newColumns.length)
|
|
13514
|
+
return;
|
|
13515
|
+
const displayColumns = [...newColumns.map((c) => c.def)];
|
|
13516
|
+
if (this._rawConfig.isExpandible)
|
|
13517
|
+
displayColumns.unshift('expand');
|
|
13518
|
+
if (this._rawConfig.isSelectable)
|
|
13519
|
+
displayColumns.unshift('select');
|
|
13520
|
+
if (this._rawConfig.showActions)
|
|
13521
|
+
displayColumns.push('actions');
|
|
13522
|
+
this.tableColumns = newColumns;
|
|
13523
|
+
this.tableConfig = this._rawConfig;
|
|
13524
|
+
}
|
|
13525
|
+
// -----------------------------------------------------------------------------
|
|
13526
|
+
// 🎛️ FILTROS Y BÚSQUEDA
|
|
13527
|
+
// -----------------------------------------------------------------------------
|
|
13528
|
+
// 🔹 Crea dinámicamente los controles del formulario de filtros
|
|
13529
|
+
setupDynamicFilters() {
|
|
13530
|
+
Object.keys(this.filterForm.controls).forEach((k) => this.filterForm.removeControl(k));
|
|
13531
|
+
this._rawColumns.forEach((column) => {
|
|
13532
|
+
const key = column.dataKey;
|
|
13533
|
+
switch (column.type) {
|
|
13534
|
+
case 'number':
|
|
13535
|
+
this.filterForm.addControl(`${key}_min`, new FormControl());
|
|
13536
|
+
this.filterForm.addControl(`${key}_max`, new FormControl());
|
|
13537
|
+
break;
|
|
13538
|
+
case 'date':
|
|
13539
|
+
this.filterForm.addControl(`${key}_from`, new FormControl());
|
|
13540
|
+
this.filterForm.addControl(`${key}_to`, new FormControl());
|
|
13541
|
+
break;
|
|
13542
|
+
default:
|
|
13543
|
+
this.filterForm.addControl(`${key}_contains`, new FormControl(''));
|
|
13544
|
+
}
|
|
13545
|
+
});
|
|
13546
|
+
this.filterForm.valueChanges.subscribe(() => {
|
|
13547
|
+
if (this.serverSide()) {
|
|
13548
|
+
this.filtersChange.emit(this.filterForm.value);
|
|
13549
|
+
}
|
|
13550
|
+
else {
|
|
13551
|
+
this.applyFilters();
|
|
13552
|
+
}
|
|
13553
|
+
this.cdr.markForCheck();
|
|
13554
|
+
});
|
|
13555
|
+
}
|
|
13556
|
+
// 🔹 Aplica los filtros, búsqueda y paginación según el modo activo
|
|
13557
|
+
applyFilters() {
|
|
13558
|
+
const values = this.filterForm.value;
|
|
13559
|
+
if (this.serverSide()) {
|
|
13560
|
+
this.filtersChange.emit(values);
|
|
13561
|
+
return;
|
|
13562
|
+
}
|
|
13563
|
+
if (!this._rawColumns || this._rawColumns.length === 0) {
|
|
13564
|
+
this.filteredData = [...this.originalData];
|
|
13565
|
+
this.applyClientPagination();
|
|
13566
|
+
this.cdr.markForCheck();
|
|
13567
|
+
return;
|
|
13568
|
+
}
|
|
13569
|
+
const searchText = (this.searchControl.value || '').toLowerCase().trim();
|
|
13570
|
+
let filtered = [...this.originalData];
|
|
13571
|
+
// 🔹 Aplica filtros numéricos, de fecha y texto
|
|
13572
|
+
this._rawColumns.forEach((column) => {
|
|
13573
|
+
const key = column.dataKey;
|
|
13574
|
+
const type = column.type || 'string';
|
|
13575
|
+
if (type === 'number') {
|
|
13576
|
+
const rawMin = values[`${key}_min`];
|
|
13577
|
+
const rawMax = values[`${key}_max`];
|
|
13578
|
+
const min = rawMin === null || rawMin === undefined || rawMin === ''
|
|
13579
|
+
? null
|
|
13580
|
+
: Number(rawMin);
|
|
13581
|
+
const max = rawMax === null || rawMax === undefined || rawMax === ''
|
|
13582
|
+
? null
|
|
13583
|
+
: Number(rawMax);
|
|
13584
|
+
filtered = filtered.filter((row) => {
|
|
13585
|
+
const v = Number(row[key]);
|
|
13586
|
+
if (Number.isNaN(v))
|
|
13587
|
+
return false;
|
|
13588
|
+
return (min === null || v >= min) && (max === null || v <= max);
|
|
13589
|
+
});
|
|
13590
|
+
}
|
|
13591
|
+
if (type === 'date') {
|
|
13592
|
+
const dateFormat = column.dateFormat || 'yyyy-MM-dd';
|
|
13593
|
+
const rawFrom = values[`${key}_from`];
|
|
13594
|
+
const rawTo = values[`${key}_to`];
|
|
13595
|
+
const from = rawFrom
|
|
13596
|
+
? DateTime.fromFormat(String(rawFrom), dateFormat)
|
|
13597
|
+
: null;
|
|
13598
|
+
const to = rawTo
|
|
13599
|
+
? DateTime.fromFormat(String(rawTo), dateFormat)
|
|
13600
|
+
: null;
|
|
13601
|
+
filtered = filtered.filter((row) => {
|
|
13602
|
+
const raw = row[key];
|
|
13603
|
+
if (!raw)
|
|
13604
|
+
return true;
|
|
13605
|
+
const dateVal = DateTime.fromFormat(String(raw), dateFormat);
|
|
13606
|
+
if (!dateVal.isValid)
|
|
13607
|
+
return true;
|
|
13608
|
+
const gte = !from || (from.isValid && dateVal >= from);
|
|
13609
|
+
const lte = !to || (to.isValid && dateVal <= to);
|
|
13610
|
+
return gte && lte;
|
|
13611
|
+
});
|
|
13612
|
+
}
|
|
13613
|
+
if (type === 'string') {
|
|
13614
|
+
const contains = (values[`${key}_contains`] || '').toLowerCase().trim();
|
|
13615
|
+
if (contains) {
|
|
13616
|
+
filtered = filtered.filter((row) => (row[key] ?? '').toString().toLowerCase().includes(contains));
|
|
13617
|
+
}
|
|
13618
|
+
}
|
|
13619
|
+
});
|
|
13620
|
+
// 🔹 Aplica búsqueda global
|
|
13621
|
+
if (searchText) {
|
|
13622
|
+
filtered = filtered.filter((row) => this._rawColumns.some((col) => ((row[col.dataKey] ?? '') + '').toLowerCase().includes(searchText)));
|
|
13623
|
+
}
|
|
13624
|
+
this.filteredData = filtered;
|
|
13625
|
+
this.applyClientPagination();
|
|
13626
|
+
this.cdr.markForCheck();
|
|
13627
|
+
}
|
|
13628
|
+
// -----------------------------------------------------------------------------
|
|
13629
|
+
// 📄 PAGINACIÓN (CLIENTE Y SERVIDOR)
|
|
13630
|
+
// -----------------------------------------------------------------------------
|
|
13631
|
+
// 🔹 Determina el tamaño actual de página
|
|
13632
|
+
get resolvedPageSize() {
|
|
13633
|
+
return this.pageSize() ?? 10;
|
|
13634
|
+
}
|
|
13635
|
+
// 🔹 Aplica la paginación del lado del cliente
|
|
13636
|
+
applyClientPagination() {
|
|
13637
|
+
if (this.serverSide() || !this.tableConfig?.isPaginable) {
|
|
13638
|
+
this.pageSlice = [...this.filteredData];
|
|
13639
|
+
return;
|
|
13640
|
+
}
|
|
13641
|
+
const start = this.currentPage() * this.resolvedPageSize;
|
|
13642
|
+
const end = start + this.resolvedPageSize;
|
|
13643
|
+
this.pageSlice = this.filteredData.slice(start, end);
|
|
13644
|
+
}
|
|
13645
|
+
// 🔹 Evento de cambio de página (client/server)
|
|
13646
|
+
onPageEvent(pageIndex) {
|
|
13647
|
+
this.currentPage.set(pageIndex);
|
|
13648
|
+
if (this.serverSide()) {
|
|
13649
|
+
this.pageChange.emit({
|
|
13650
|
+
pageIndex: pageIndex + 1,
|
|
13651
|
+
pageSize: this.resolvedPageSize,
|
|
13652
|
+
});
|
|
13653
|
+
}
|
|
13654
|
+
else {
|
|
13655
|
+
this.applyClientPagination();
|
|
13656
|
+
}
|
|
13657
|
+
}
|
|
13658
|
+
// 🔹 Helpers de control de página
|
|
13659
|
+
isFirstPage() {
|
|
13660
|
+
return this.currentPage() <= 0;
|
|
13661
|
+
}
|
|
13662
|
+
isLastPage() {
|
|
13663
|
+
return this.currentPage() >= this.lastPage();
|
|
13664
|
+
}
|
|
13665
|
+
isSinglePage() {
|
|
13666
|
+
const totalItems = this.serverSide()
|
|
13667
|
+
? this.totalItems() ?? 0
|
|
13668
|
+
: this.filteredData.length;
|
|
13669
|
+
return totalItems <= this.resolvedPageSize;
|
|
13670
|
+
}
|
|
13671
|
+
// 🔹 Calcula la última página disponible
|
|
13672
|
+
lastPage() {
|
|
13673
|
+
const total = this.serverSide()
|
|
13674
|
+
? this.totalItems() ?? 0
|
|
13675
|
+
: this.filteredData.length;
|
|
13676
|
+
const size = this.resolvedPageSize;
|
|
13677
|
+
const result = size === 0 ? 0 : Math.ceil(total / size) - 1;
|
|
13678
|
+
return Math.max(0, result);
|
|
13679
|
+
}
|
|
13680
|
+
// 🔹 Navegación entre páginas
|
|
13681
|
+
goToFirstPage() {
|
|
13682
|
+
if (this.currentPage() > 0)
|
|
13683
|
+
this.onPageEvent(0);
|
|
13684
|
+
}
|
|
13685
|
+
goToPreviousPage() {
|
|
13686
|
+
if (this.currentPage() > 0)
|
|
13687
|
+
this.onPageEvent(this.currentPage() - 1);
|
|
13688
|
+
}
|
|
13689
|
+
goToNextPage() {
|
|
13690
|
+
if (this.currentPage() < this.lastPage())
|
|
13691
|
+
this.onPageEvent(this.currentPage() + 1);
|
|
13692
|
+
}
|
|
13693
|
+
goToLastPage() {
|
|
13694
|
+
this.onPageEvent(this.lastPage());
|
|
13695
|
+
}
|
|
13696
|
+
// 🔹 Texto descriptivo del rango paginado (ej. "1 - 5 de 20")
|
|
13697
|
+
getPaginationText() {
|
|
13698
|
+
const total = this.serverSide()
|
|
13699
|
+
? this.totalItems?.() ?? 0
|
|
13700
|
+
: this.filteredData.length;
|
|
13701
|
+
const pageIndex = this.currentPage?.() ?? 0;
|
|
13702
|
+
const pageSize = this.resolvedPageSize;
|
|
13703
|
+
if (total === 0 || pageSize === 0)
|
|
13704
|
+
return `0 de ${total}`;
|
|
13705
|
+
const startIndex = pageIndex * pageSize + 1;
|
|
13706
|
+
const endIndex = Math.min((pageIndex + 1) * pageSize, total);
|
|
13707
|
+
return `${startIndex} - ${endIndex} de ${total}`;
|
|
13708
|
+
}
|
|
13709
|
+
// -----------------------------------------------------------------------------
|
|
13710
|
+
// 🖱️ INTERACCIÓN DE FILAS Y SELECCIÓN
|
|
13711
|
+
// -----------------------------------------------------------------------------
|
|
13712
|
+
// 🔹 Emite el evento de click en fila
|
|
13713
|
+
onSelectRow(row) {
|
|
13714
|
+
this.clickedRow.emit(row);
|
|
13715
|
+
}
|
|
13716
|
+
// 🔹 Emite el evento cuando cambia la selección
|
|
13717
|
+
onSelect() {
|
|
13718
|
+
console.log(this.selection.selected);
|
|
13719
|
+
this.select.emit(this.selection.selected);
|
|
13720
|
+
}
|
|
13721
|
+
// 🔹 Comprueba si todas las filas visibles están seleccionadas
|
|
13722
|
+
isAllSelected() {
|
|
13723
|
+
const numSelected = this.selection.selected.length;
|
|
13724
|
+
const numRows = this.pageSlice.length;
|
|
13725
|
+
return numRows > 0 && numSelected === numRows;
|
|
13726
|
+
}
|
|
13727
|
+
// 🔹 Alterna la selección de todas las filas visibles
|
|
13728
|
+
toggleAllRows() {
|
|
13729
|
+
if (this.isAllSelected()) {
|
|
13730
|
+
this.selection.clear();
|
|
13731
|
+
this.onSelect();
|
|
13732
|
+
return;
|
|
13733
|
+
}
|
|
13734
|
+
this.selection.select(...this.pageSlice);
|
|
13735
|
+
this.onSelect();
|
|
13736
|
+
}
|
|
13737
|
+
// 🔹 Etiqueta accesible del checkbox (usada por ARIA)
|
|
13738
|
+
checkboxLabel(row) {
|
|
13739
|
+
if (!row)
|
|
13740
|
+
return `${this.isAllSelected() ? 'deselect' : 'select'} all`;
|
|
13741
|
+
const idx = this.pageSlice.indexOf(row);
|
|
13742
|
+
return `${this.selection.isSelected(row) ? 'deselect' : 'select'} row ${idx + 1}`;
|
|
13743
|
+
}
|
|
13744
|
+
// -----------------------------------------------------------------------------
|
|
13745
|
+
// 🎨 UTILIDADES DE RENDERIZADO Y CLASES
|
|
13746
|
+
// -----------------------------------------------------------------------------
|
|
13747
|
+
isEven(rowIndex) {
|
|
13748
|
+
return rowIndex % 2 === 0;
|
|
13749
|
+
}
|
|
13750
|
+
isOdd(rowIndex) {
|
|
13751
|
+
return !this.isEven(rowIndex);
|
|
13752
|
+
}
|
|
13753
|
+
isTemplateRef(value) {
|
|
13754
|
+
return value instanceof TemplateRef;
|
|
13755
|
+
}
|
|
13756
|
+
// 🔹 Define clases dinámicas para celdas de datos
|
|
13757
|
+
getCellClasses(row, columnKey, index) {
|
|
13758
|
+
const semanticType = row[columnKey + 'Type'];
|
|
13759
|
+
return {
|
|
13760
|
+
'bmb_table_lite-sticky': index === 0,
|
|
13761
|
+
truncated: this.truncate(),
|
|
13762
|
+
['bmb_table_lite-' + semanticType]: !!semanticType,
|
|
13763
|
+
};
|
|
13764
|
+
}
|
|
13765
|
+
// 🔹 Define clases dinámicas para encabezados
|
|
13766
|
+
getHeaderCellClasses(i) {
|
|
13767
|
+
return {
|
|
13768
|
+
'bmb_table_lite-sticky': i === 0,
|
|
13769
|
+
truncated: this.truncate(),
|
|
13770
|
+
};
|
|
13771
|
+
}
|
|
13772
|
+
// 🔹 Determina clases principales del contenedor según posición de filtros
|
|
13773
|
+
getTableClasses() {
|
|
13774
|
+
const classList = ['bmb_table_lite'];
|
|
13775
|
+
switch (this.filtersPosition()) {
|
|
13776
|
+
case 'right':
|
|
13777
|
+
classList.push('bmb_table_lite-filters-right');
|
|
13778
|
+
break;
|
|
13779
|
+
case 'bottom':
|
|
13780
|
+
classList.push('bmb_table_lite-filters-bottom');
|
|
13781
|
+
break;
|
|
13782
|
+
case 'left':
|
|
13783
|
+
classList.push('bmb_table_lite-filters-left');
|
|
13784
|
+
break;
|
|
13785
|
+
default:
|
|
13786
|
+
classList.push('bmb_table_lite-filters-top');
|
|
13787
|
+
}
|
|
13788
|
+
return classList;
|
|
13789
|
+
}
|
|
13790
|
+
// 🔹 Obtiene un control del formulario de filtros
|
|
13791
|
+
getFormControl(name) {
|
|
13792
|
+
return this.filterForm.get(name);
|
|
13793
|
+
}
|
|
13794
|
+
// 🔹 Alterna la visibilidad del panel de filtros
|
|
13795
|
+
toggleFilters() {
|
|
13796
|
+
this.filtersVisible.set(!this.filtersVisible());
|
|
13797
|
+
}
|
|
13798
|
+
// -----------------------------------------------------------------------------
|
|
13799
|
+
// 🧮 VARIABLES CSS Y BINDINGS DINÁMICOS
|
|
13800
|
+
// -----------------------------------------------------------------------------
|
|
13801
|
+
get colCount() {
|
|
13802
|
+
return this.tableColumns.length;
|
|
13803
|
+
}
|
|
13804
|
+
get colCheckbox() {
|
|
13805
|
+
return this.tableConfig?.isSelectable ? '62px' : '0px';
|
|
13806
|
+
}
|
|
13807
|
+
get colExpand() {
|
|
13808
|
+
return this.tableConfig?.isExpandible ? '40px' : '0px';
|
|
13809
|
+
}
|
|
13810
|
+
get colActions() {
|
|
13811
|
+
return this.tableConfig?.showActions ? '80px' : '0px';
|
|
13812
|
+
}
|
|
13813
|
+
get hasCheckbox() {
|
|
13814
|
+
return this.tableConfig?.isSelectable ? 1 : 0;
|
|
13815
|
+
}
|
|
13816
|
+
get hasExpand() {
|
|
13817
|
+
return this.tableConfig?.isExpandible ? 1 : 0;
|
|
13818
|
+
}
|
|
13819
|
+
get hasActions() {
|
|
13820
|
+
return this.tableConfig?.showActions ? 1 : 0;
|
|
13821
|
+
}
|
|
13822
|
+
// 🔹 Expone las variables CSS usadas para el grid dinámico
|
|
13823
|
+
get cssVars() {
|
|
13824
|
+
const hasSelect = this.tableConfig?.isSelectable;
|
|
13825
|
+
const hasExpand = this.tableConfig?.isExpandible;
|
|
13826
|
+
const hasActions = this.tableConfig?.showActions;
|
|
13827
|
+
const columnTemplate = `repeat(${this.tableColumns.length}, minmax(120px, 1fr))`;
|
|
13828
|
+
const parts = [
|
|
13829
|
+
hasSelect ? 'var(--col-checkbox, 62px)' : '',
|
|
13830
|
+
hasExpand ? 'var(--col-expand, 40px)' : '',
|
|
13831
|
+
columnTemplate,
|
|
13832
|
+
hasActions ? 'var(--col-actions, 80px)' : '',
|
|
13833
|
+
].filter(Boolean);
|
|
13834
|
+
return {
|
|
13835
|
+
'--col-count': this.tableColumns.length,
|
|
13836
|
+
'--col-checkbox': hasSelect ? '62px' : '0px',
|
|
13837
|
+
'--col-expand': hasExpand ? '40px' : '0px',
|
|
13838
|
+
'--col-actions': hasActions ? '80px' : '0px',
|
|
13839
|
+
'--grid-template': parts.join(' '),
|
|
13840
|
+
};
|
|
13841
|
+
}
|
|
13842
|
+
trackByColumn(column) {
|
|
13843
|
+
return column.def || column.label;
|
|
13844
|
+
}
|
|
13845
|
+
trackByRow(row) {
|
|
13846
|
+
return row.id || row.sociedad;
|
|
13847
|
+
}
|
|
13848
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbTableLiteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13849
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BmbTableLiteComponent, isStandalone: true, selector: "bmb-table-lite", inputs: { showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null }, filtersPosition: { classPropertyName: "filtersPosition", publicName: "filtersPosition", isSignal: true, isRequired: false, transformFunction: null }, initialTableSelection: { classPropertyName: "initialTableSelection", publicName: "initialTableSelection", isSignal: true, isRequired: false, transformFunction: null }, actionTemplate: { classPropertyName: "actionTemplate", publicName: "actionTemplate", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, clearSelection: { classPropertyName: "clearSelection", publicName: "clearSelection", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, filtersVisible: { classPropertyName: "filtersVisible", publicName: "filtersVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", select: "select", clickedRow: "clickedRow", searchChange: "searchChange", filtersChange: "filtersChange", searchModeChange: "searchModeChange", pageChange: "pageChange" }, host: { properties: { "style.--col-count": "this.colCount", "style.--col-checkbox": "this.colCheckbox", "style.--col-expand": "this.colExpand", "style.--col-actions": "this.colActions", "style.--has-checkbox": "this.hasCheckbox", "style.--has-expand": "this.hasExpand", "style.--has-actions": "this.hasActions" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"getTableClasses()\" [ngStyle]=\"cssVars\">\n @if (showSearch() || filtersVisible()) {\n <header class=\"bmb_table_lite-header\">\n @if (showSearch()) {\n <section class=\"bmb_table_lite-search\">\n <bmb-input\n class=\"bmb_table_lite-input\"\n [type]=\"'text'\"\n [placeholder]=\"'Buscar'\"\n [disabled]=\"false\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"searchControl\"\n ></bmb-input>\n <bmb-action-icon\n [idElement]=\"''\"\n [icon]=\"'filter_list'\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleFilters()\"\n ></bmb-action-icon>\n </section>\n }\n <div class=\"bmb_table_lite-filter\">\n @if (filtersVisible()) {\n @for (column of parsedFiltersColumns(); track $index) {\n <section class=\"bmb_table_lite-filter-item\">\n @switch (column.type) {\n @case ('number') {\n <div class=\"bmb_table_lite-filter-item-number\">\n <bmb-input\n [label]=\"column.label + ' m\u00EDnimo'\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00EDn'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_min')\"\n />\n <bmb-input\n [label]=\"column.label + ' m\u00E1ximo'\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00E1x'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_max')\"\n />\n </div>\n }\n @case ('date') {\n <bmb-date-range\n [label]=\"column.label\"\n [placeholderStartDate]=\"'Desde'\"\n [placeholderEndDate]=\"'Hasta'\"\n [icon]=\"'calendar_month'\"\n [appearance]=\"'normal'\"\n [dateFormat]=\"'dd/MM/yyyy'\"\n [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n (startDateChange)=\"\n getFormControl(column.dataKey + '_from').setValue($event)\n \"\n (endDateChange)=\"\n getFormControl(column.dataKey + '_to').setValue($event)\n \"\n />\n }\n @default {\n <bmb-input\n [label]=\"column.label\"\n [placeholder]=\"'Filtrar'\"\n [control]=\"getFormControl(column.dataKey + '_contains')\"\n />\n }\n }\n </section>\n }\n }\n </div>\n </header>\n }\n\n <div class=\"bmb_table_lite-container\">\n <section class=\"bmb_table_lite-container-table\">\n <div class=\"bmb_table_lite-row bmb_table_lite-row--header\">\n @if (tableConfig?.isSelectable) {\n <div class=\"bmb_table_lite-th bmb_table_lite-checkbox\">\n <bmb-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n [ariaLabel]=\"checkboxLabel()\"\n [disabled]=\"false\"\n />\n </div>\n }\n\n @if (tableConfig?.isExpandible) {\n <div class=\"bmb_table_lite-th bmb_table_lite-expand\"> </div>\n }\n\n @for (\n column of tableColumns;\n track trackByColumn(column);\n let i = $index\n ) {\n <div\n class=\"bmb_table_lite-th\"\n [ngClass]=\"getHeaderCellClasses(i)\"\n [title]=\"\n lang() === 'es' ? column.label : column.labelEn || column.label\n \"\n >\n <ng-container *ngIf=\"column.icon\">\n <bmb-icon [icon]=\"column.icon\"></bmb-icon>\n </ng-container>\n\n @if (column.htmlLabel) {\n <ng-template\n [ngTemplateOutlet]=\"column.htmlLabel\"\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n ></ng-template>\n } @else {\n <span class=\"bmb_table_lite-th-text\">\n {{\n lang() === 'es'\n ? column.label\n : column.labelEn || column.label\n }}\n </span>\n }\n </div>\n }\n\n @if (tableConfig?.showActions) {\n <div class=\"bmb_table_lite-th bmb_table_lite-actions\"></div>\n }\n </div>\n\n @for (row of pageSlice; track trackByRow(row); let rIndex = $index) {\n <div\n class=\"bmb_table_lite-row\"\n (click)=\"onSelectRow(row)\"\n [ngClass]=\"{\n 'bmb_table_lite-even': isEven(rIndex),\n 'bmb_table_lite-odd': isOdd(rIndex),\n 'bmb_table_lite-expandible': expandedElement === row\n }\"\n >\n @if (tableConfig?.isSelectable) {\n <div class=\"bmb_table_lite-td bmb_table_lite-checkbox\">\n <bmb-checkbox\n (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n [checked]=\"selection.isSelected(row)\"\n [ariaLabel]=\"checkboxLabel(row)\"\n [disabled]=\"false\"\n onkeypress=\"$event.stopPropagation()\"\n />\n </div>\n }\n\n @if (tableConfig?.isExpandible) {\n <div class=\"bmb_table_lite-td bmb_table_lite-expand\">\n <button\n type=\"button\"\n class=\"bmb_btn-icon\"\n aria-label=\"expand row\"\n (click)=\"\n expandedElement = expandedElement === row ? null : row;\n $event.stopPropagation()\n \"\n >\n <bmb-icon\n [icon]=\"\n expandedElement === row ? 'expand_less' : 'expand_more'\n \"\n ></bmb-icon>\n </button>\n </div>\n }\n\n @for (\n column of tableColumns;\n track trackByColumn(column);\n let i = $index\n ) {\n <div\n class=\"bmb_table_lite-td\"\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n [title]=\"row[column.dataKey]?.propertyName || row[column.dataKey]\"\n >\n @if (isTemplateRef(row[column.dataKey + 'Template'])) {\n <ng-template\n [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n ></ng-template>\n } @else {\n <span>\n {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n </span>\n }\n </div>\n }\n\n @if (tableConfig?.showActions) {\n <div class=\"bmb_table_lite-td bmb_table_lite-actions\">\n @if (\n tableColumns.length &&\n tableColumns[tableColumns.length - 1].templateActions\n ) {\n <ng-template\n [ngTemplateOutlet]=\"\n tableColumns[tableColumns.length - 1].templateActions!\n \"\n [ngTemplateOutletContext]=\"{ row: row }\"\n ></ng-template>\n } @else {\n <ng-template\n [ngTemplateOutlet]=\"actionTemplate()!\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n ></ng-template>\n }\n </div>\n }\n </div>\n\n @if (tableConfig?.isExpandible) {\n <div\n class=\"bmb_table_lite-row bmb_table_lite-details\"\n [class.bmb_table_lite-expanded]=\"expandedElement === row\"\n >\n <div class=\"bmb_table_lite-detail\" *ngIf=\"expandedElement === row\">\n <ng-container\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n ></ng-container>\n </div>\n </div>\n }\n }\n </section>\n\n @if (tableConfig?.isPaginable) {\n <div class=\"bmb_table_lite-paginator\">\n <span class=\"bmb_table_lite-paginator-text\">\n {{ getPaginationText() }}\n </span>\n\n <button\n class=\"bmb_table_lite-paginator-btn\"\n [disabled]=\"isFirstPage() || isSinglePage()\"\n (click)=\"goToFirstPage()\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_left\"\n class=\"bmb_table_lite-paginator-icon\"\n />\n </button>\n\n <button\n class=\"bmb_table_lite-paginator-btn\"\n [disabled]=\"isFirstPage() || isSinglePage()\"\n (click)=\"goToPreviousPage()\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_left\"\n class=\"bmb_table_lite-paginator-icon\"\n />\n </button>\n\n <button\n class=\"bmb_table_lite-paginator-btn\"\n [disabled]=\"isLastPage() || isSinglePage()\"\n (click)=\"goToNextPage()\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_right\"\n class=\"bmb_table_lite-paginator-icon\"\n />\n </button>\n\n <button\n class=\"bmb_table_lite-paginator-btn\"\n [disabled]=\"isLastPage() || isSinglePage()\"\n (click)=\"goToLastPage()\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_right\"\n class=\"bmb_table_lite-paginator-icon\"\n />\n </button>\n </div>\n }\n </div>\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_table_lite{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);box-sizing:border-box;container-type:inline-size;padding:1.5rem 1rem;width:100%}.bmb_table_lite-filters-top,.bmb_table_lite-filters-left{display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_table_lite-filters-bottom,.bmb_table_lite-filters-right{align-items:flex-start;display:flex;flex-flow:column;gap:1rem;overflow:auto;flex-direction:column-reverse}@media (min-width: 1000px){.bmb_table_lite-filters-top .bmb_table_lite-header,.bmb_table_lite-filters-bottom .bmb_table_lite-header{height:30%;width:100%}.bmb_table_lite-filters-top .bmb_table_lite-container,.bmb_table_lite-filters-bottom .bmb_table_lite-container{flex:1}}@media (min-width: 1000px){.bmb_table_lite-filters-left,.bmb_table_lite-filters-right{flex-flow:row}.bmb_table_lite-filters-left .bmb_table_lite-header,.bmb_table_lite-filters-right .bmb_table_lite-header{width:30%}.bmb_table_lite-filters-left .bmb_table_lite-container,.bmb_table_lite-filters-right .bmb_table_lite-container{flex:1}}@media (min-width: 1000px){.bmb_table_lite-filters-right{flex-flow:row-reverse}}.bmb_table_lite-header{container-type:inline-size;max-height:100%;overflow:auto}.bmb_table_lite-header .bmb_table_lite-filter{display:flex;flex-flow:column;gap:1rem;overflow:auto;width:100%}@container (min-width: 600px){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 600px){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 699px){.bmb_table_lite-filter-item-number{flex-flow:column}}.bmb_table_lite-filter-item-number>*{flex:1}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{border-top:.125rem solid;content:\"\";display:inline-block;height:0;margin:0 .625rem;width:1rem}@media (max-width: 699px){.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table_lite-search{align-items:center;display:flex;gap:1rem}.bmb_table_lite-input{flex:1}.bmb_table_lite-filters{width:100%}.bmb_table_lite-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.bmb_table_lite-container-table{display:block;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.bmb_table_lite-content{width:100%}.bmb_table_lite-row{align-items:stretch;border-bottom:1px dashed var(--general_contrasts-25);display:grid;grid-template-columns:var(--grid-template);min-height:2.875rem;padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 767px){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:RGBA(var(--color-charade-500));text-transform:uppercase;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table_lite-th,.bmb_table_lite-td{align-items:center;display:flex;gap:.375rem;min-width:0;overflow:hidden;padding:0 .5rem;position:relative}@media (max-width: 767px){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 767px){.bmb_table_lite-th.truncated,.bmb_table_lite-td.truncated{max-width:6.25rem;min-width:5rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated>*,.bmb_table_lite-td.truncated>*{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated bmb-icon,.bmb_table_lite-th.truncated button,.bmb_table_lite-td.truncated bmb-icon,.bmb_table_lite-td.truncated button{flex:0 0 auto;margin-right:.25rem}}.bmb_table_lite-th.bmb_table_lite-checkbox,.bmb_table_lite-td.bmb_table_lite-checkbox{background:inherit;left:0;padding-right:0;position:sticky;text-align:center;width:3.875rem;z-index:2}.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{background:inherit;left:var(--col-checkbox, 0px);position:sticky;width:2.5rem;z-index:2}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{left:max(var(--col-checkbox, 0px),0px)}}.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{background:inherit;border-right:.0625rem solid var(--buttons-inactive-step);position:sticky;z-index:2;left:calc(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand))}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{left:max(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand),0px)}}.bmb_table_lite-th.bmb_table_lite-actions,.bmb_table_lite-td.bmb_table_lite-actions{background:inherit;border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;color:var(--color-table-90);cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container{display:flex}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table_lite-row>.bmb_table_lite-td .bmb_btn-icon bmb-icon{font-size:1.5rem}.bmb_table_lite-even{background-color:var(--containers-modal);color:var(--menu_select-label-menu-inactive)}.bmb_table_lite-even.bmb_table_lite-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table_lite-odd{background-color:var(--general_contrasts-15);color:var(--vertical-step-active-color)}.bmb_table_lite-odd.bmb_table_lite-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table_lite-details{background-color:var(--menu_select-on-surface-hovered-w-checkbox);height:auto}.bmb_table_lite-details:empty{display:none}.bmb_table_lite-details.bmb_table_lite-expanded{border-bottom:.0625rem dashed var(--general_contrasts-25)}.bmb_table_lite-details.bmb_table_lite-expanded .bmb_table_lite-detail{grid-column:1/-1}.bmb_table_lite-details>.bmb_table_lite-td{border:0;padding:0 1rem}.bmb_table_lite-detail{color:var(--general_contrasts-75);display:flex;overflow:hidden}.bmb_table_lite-detail>bmb-table-lite{width:100%}.bmb_table_lite-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table_lite-paginator-text{color:var(--general_contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table_lite-paginator-btn{align-items:center;background:transparent;border:0;color:var(--color-table-btn-900);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;width:3rem}.bmb_table_lite-paginator-btn[disabled]{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table_lite-paginator-icon{font-size:1.5rem}.bmb_table_lite bmb-checkbox{display:block;height:1.5rem}.bmb_table_lite bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table_lite-success{color:var(--semantic-success)}.bmb_table_lite-error{color:var(--semantic-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { 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: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "label", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "appearance", "disabled", "isRequired", "isClearable", "controlStart", "controlEnd", "dateFormat", "placeholderStartDate", "placeholderEndDate", "stepYearPicker", "name", "multipleRow", "customValidation", "errorMessage"], outputs: ["controlStartChange", "controlEndChange"] }, { 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 }); }
|
|
13850
|
+
}
|
|
13851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BmbTableLiteComponent, decorators: [{
|
|
13852
|
+
type: Component,
|
|
13853
|
+
args: [{ selector: 'bmb-table-lite', standalone: true, imports: [
|
|
13854
|
+
CommonModule,
|
|
13855
|
+
ReactiveFormsModule,
|
|
13856
|
+
BmbIconComponent,
|
|
13857
|
+
BmbCheckboxComponent,
|
|
13858
|
+
BmbInputComponent,
|
|
13859
|
+
BmbDateRangeComponent,
|
|
13860
|
+
BmbActionIconComponent,
|
|
13861
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getTableClasses()\" [ngStyle]=\"cssVars\">\n @if (showSearch() || filtersVisible()) {\n <header class=\"bmb_table_lite-header\">\n @if (showSearch()) {\n <section class=\"bmb_table_lite-search\">\n <bmb-input\n class=\"bmb_table_lite-input\"\n [type]=\"'text'\"\n [placeholder]=\"'Buscar'\"\n [disabled]=\"false\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"searchControl\"\n ></bmb-input>\n <bmb-action-icon\n [idElement]=\"''\"\n [icon]=\"'filter_list'\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleFilters()\"\n ></bmb-action-icon>\n </section>\n }\n <div class=\"bmb_table_lite-filter\">\n @if (filtersVisible()) {\n @for (column of parsedFiltersColumns(); track $index) {\n <section class=\"bmb_table_lite-filter-item\">\n @switch (column.type) {\n @case ('number') {\n <div class=\"bmb_table_lite-filter-item-number\">\n <bmb-input\n [label]=\"column.label + ' m\u00EDnimo'\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00EDn'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_min')\"\n />\n <bmb-input\n [label]=\"column.label + ' m\u00E1ximo'\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00E1x'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_max')\"\n />\n </div>\n }\n @case ('date') {\n <bmb-date-range\n [label]=\"column.label\"\n [placeholderStartDate]=\"'Desde'\"\n [placeholderEndDate]=\"'Hasta'\"\n [icon]=\"'calendar_month'\"\n [appearance]=\"'normal'\"\n [dateFormat]=\"'dd/MM/yyyy'\"\n [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n (startDateChange)=\"\n getFormControl(column.dataKey + '_from').setValue($event)\n \"\n (endDateChange)=\"\n getFormControl(column.dataKey + '_to').setValue($event)\n \"\n />\n }\n @default {\n <bmb-input\n [label]=\"column.label\"\n [placeholder]=\"'Filtrar'\"\n [control]=\"getFormControl(column.dataKey + '_contains')\"\n />\n }\n }\n </section>\n }\n }\n </div>\n </header>\n }\n\n <div class=\"bmb_table_lite-container\">\n <section class=\"bmb_table_lite-container-table\">\n <div class=\"bmb_table_lite-row bmb_table_lite-row--header\">\n @if (tableConfig?.isSelectable) {\n <div class=\"bmb_table_lite-th bmb_table_lite-checkbox\">\n <bmb-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n [ariaLabel]=\"checkboxLabel()\"\n [disabled]=\"false\"\n />\n </div>\n }\n\n @if (tableConfig?.isExpandible) {\n <div class=\"bmb_table_lite-th bmb_table_lite-expand\"> </div>\n }\n\n @for (\n column of tableColumns;\n track trackByColumn(column);\n let i = $index\n ) {\n <div\n class=\"bmb_table_lite-th\"\n [ngClass]=\"getHeaderCellClasses(i)\"\n [title]=\"\n lang() === 'es' ? column.label : column.labelEn || column.label\n \"\n >\n <ng-container *ngIf=\"column.icon\">\n <bmb-icon [icon]=\"column.icon\"></bmb-icon>\n </ng-container>\n\n @if (column.htmlLabel) {\n <ng-template\n [ngTemplateOutlet]=\"column.htmlLabel\"\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n ></ng-template>\n } @else {\n <span class=\"bmb_table_lite-th-text\">\n {{\n lang() === 'es'\n ? column.label\n : column.labelEn || column.label\n }}\n </span>\n }\n </div>\n }\n\n @if (tableConfig?.showActions) {\n <div class=\"bmb_table_lite-th bmb_table_lite-actions\"></div>\n }\n </div>\n\n @for (row of pageSlice; track trackByRow(row); let rIndex = $index) {\n <div\n class=\"bmb_table_lite-row\"\n (click)=\"onSelectRow(row)\"\n [ngClass]=\"{\n 'bmb_table_lite-even': isEven(rIndex),\n 'bmb_table_lite-odd': isOdd(rIndex),\n 'bmb_table_lite-expandible': expandedElement === row\n }\"\n >\n @if (tableConfig?.isSelectable) {\n <div class=\"bmb_table_lite-td bmb_table_lite-checkbox\">\n <bmb-checkbox\n (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n [checked]=\"selection.isSelected(row)\"\n [ariaLabel]=\"checkboxLabel(row)\"\n [disabled]=\"false\"\n onkeypress=\"$event.stopPropagation()\"\n />\n </div>\n }\n\n @if (tableConfig?.isExpandible) {\n <div class=\"bmb_table_lite-td bmb_table_lite-expand\">\n <button\n type=\"button\"\n class=\"bmb_btn-icon\"\n aria-label=\"expand row\"\n (click)=\"\n expandedElement = expandedElement === row ? null : row;\n $event.stopPropagation()\n \"\n >\n <bmb-icon\n [icon]=\"\n expandedElement === row ? 'expand_less' : 'expand_more'\n \"\n ></bmb-icon>\n </button>\n </div>\n }\n\n @for (\n column of tableColumns;\n track trackByColumn(column);\n let i = $index\n ) {\n <div\n class=\"bmb_table_lite-td\"\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n [title]=\"row[column.dataKey]?.propertyName || row[column.dataKey]\"\n >\n @if (isTemplateRef(row[column.dataKey + 'Template'])) {\n <ng-template\n [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n ></ng-template>\n } @else {\n <span>\n {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n </span>\n }\n </div>\n }\n\n @if (tableConfig?.showActions) {\n <div class=\"bmb_table_lite-td bmb_table_lite-actions\">\n @if (\n tableColumns.length &&\n tableColumns[tableColumns.length - 1].templateActions\n ) {\n <ng-template\n [ngTemplateOutlet]=\"\n tableColumns[tableColumns.length - 1].templateActions!\n \"\n [ngTemplateOutletContext]=\"{ row: row }\"\n ></ng-template>\n } @else {\n <ng-template\n [ngTemplateOutlet]=\"actionTemplate()!\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n ></ng-template>\n }\n </div>\n }\n </div>\n\n @if (tableConfig?.isExpandible) {\n <div\n class=\"bmb_table_lite-row bmb_table_lite-details\"\n [class.bmb_table_lite-expanded]=\"expandedElement === row\"\n >\n <div class=\"bmb_table_lite-detail\" *ngIf=\"expandedElement === row\">\n <ng-container\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n ></ng-container>\n </div>\n </div>\n }\n }\n </section>\n\n @if (tableConfig?.isPaginable) {\n <div class=\"bmb_table_lite-paginator\">\n <span class=\"bmb_table_lite-paginator-text\">\n {{ getPaginationText() }}\n </span>\n\n <button\n class=\"bmb_table_lite-paginator-btn\"\n [disabled]=\"isFirstPage() || isSinglePage()\"\n (click)=\"goToFirstPage()\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_left\"\n class=\"bmb_table_lite-paginator-icon\"\n />\n </button>\n\n <button\n class=\"bmb_table_lite-paginator-btn\"\n [disabled]=\"isFirstPage() || isSinglePage()\"\n (click)=\"goToPreviousPage()\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_left\"\n class=\"bmb_table_lite-paginator-icon\"\n />\n </button>\n\n <button\n class=\"bmb_table_lite-paginator-btn\"\n [disabled]=\"isLastPage() || isSinglePage()\"\n (click)=\"goToNextPage()\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_right\"\n class=\"bmb_table_lite-paginator-icon\"\n />\n </button>\n\n <button\n class=\"bmb_table_lite-paginator-btn\"\n [disabled]=\"isLastPage() || isSinglePage()\"\n (click)=\"goToLastPage()\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_right\"\n class=\"bmb_table_lite-paginator-icon\"\n />\n </button>\n </div>\n }\n </div>\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_table_lite{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);box-sizing:border-box;container-type:inline-size;padding:1.5rem 1rem;width:100%}.bmb_table_lite-filters-top,.bmb_table_lite-filters-left{display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_table_lite-filters-bottom,.bmb_table_lite-filters-right{align-items:flex-start;display:flex;flex-flow:column;gap:1rem;overflow:auto;flex-direction:column-reverse}@media (min-width: 1000px){.bmb_table_lite-filters-top .bmb_table_lite-header,.bmb_table_lite-filters-bottom .bmb_table_lite-header{height:30%;width:100%}.bmb_table_lite-filters-top .bmb_table_lite-container,.bmb_table_lite-filters-bottom .bmb_table_lite-container{flex:1}}@media (min-width: 1000px){.bmb_table_lite-filters-left,.bmb_table_lite-filters-right{flex-flow:row}.bmb_table_lite-filters-left .bmb_table_lite-header,.bmb_table_lite-filters-right .bmb_table_lite-header{width:30%}.bmb_table_lite-filters-left .bmb_table_lite-container,.bmb_table_lite-filters-right .bmb_table_lite-container{flex:1}}@media (min-width: 1000px){.bmb_table_lite-filters-right{flex-flow:row-reverse}}.bmb_table_lite-header{container-type:inline-size;max-height:100%;overflow:auto}.bmb_table_lite-header .bmb_table_lite-filter{display:flex;flex-flow:column;gap:1rem;overflow:auto;width:100%}@container (min-width: 600px){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 600px){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 699px){.bmb_table_lite-filter-item-number{flex-flow:column}}.bmb_table_lite-filter-item-number>*{flex:1}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{border-top:.125rem solid;content:\"\";display:inline-block;height:0;margin:0 .625rem;width:1rem}@media (max-width: 699px){.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table_lite-search{align-items:center;display:flex;gap:1rem}.bmb_table_lite-input{flex:1}.bmb_table_lite-filters{width:100%}.bmb_table_lite-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.bmb_table_lite-container-table{display:block;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.bmb_table_lite-content{width:100%}.bmb_table_lite-row{align-items:stretch;border-bottom:1px dashed var(--general_contrasts-25);display:grid;grid-template-columns:var(--grid-template);min-height:2.875rem;padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 767px){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:RGBA(var(--color-charade-500));text-transform:uppercase;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table_lite-th,.bmb_table_lite-td{align-items:center;display:flex;gap:.375rem;min-width:0;overflow:hidden;padding:0 .5rem;position:relative}@media (max-width: 767px){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 767px){.bmb_table_lite-th.truncated,.bmb_table_lite-td.truncated{max-width:6.25rem;min-width:5rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated>*,.bmb_table_lite-td.truncated>*{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated bmb-icon,.bmb_table_lite-th.truncated button,.bmb_table_lite-td.truncated bmb-icon,.bmb_table_lite-td.truncated button{flex:0 0 auto;margin-right:.25rem}}.bmb_table_lite-th.bmb_table_lite-checkbox,.bmb_table_lite-td.bmb_table_lite-checkbox{background:inherit;left:0;padding-right:0;position:sticky;text-align:center;width:3.875rem;z-index:2}.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{background:inherit;left:var(--col-checkbox, 0px);position:sticky;width:2.5rem;z-index:2}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{left:max(var(--col-checkbox, 0px),0px)}}.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{background:inherit;border-right:.0625rem solid var(--buttons-inactive-step);position:sticky;z-index:2;left:calc(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand))}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{left:max(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand),0px)}}.bmb_table_lite-th.bmb_table_lite-actions,.bmb_table_lite-td.bmb_table_lite-actions{background:inherit;border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;color:var(--color-table-90);cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container{display:flex}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table_lite-row>.bmb_table_lite-td .bmb_btn-icon bmb-icon{font-size:1.5rem}.bmb_table_lite-even{background-color:var(--containers-modal);color:var(--menu_select-label-menu-inactive)}.bmb_table_lite-even.bmb_table_lite-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table_lite-odd{background-color:var(--general_contrasts-15);color:var(--vertical-step-active-color)}.bmb_table_lite-odd.bmb_table_lite-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table_lite-details{background-color:var(--menu_select-on-surface-hovered-w-checkbox);height:auto}.bmb_table_lite-details:empty{display:none}.bmb_table_lite-details.bmb_table_lite-expanded{border-bottom:.0625rem dashed var(--general_contrasts-25)}.bmb_table_lite-details.bmb_table_lite-expanded .bmb_table_lite-detail{grid-column:1/-1}.bmb_table_lite-details>.bmb_table_lite-td{border:0;padding:0 1rem}.bmb_table_lite-detail{color:var(--general_contrasts-75);display:flex;overflow:hidden}.bmb_table_lite-detail>bmb-table-lite{width:100%}.bmb_table_lite-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table_lite-paginator-text{color:var(--general_contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table_lite-paginator-btn{align-items:center;background:transparent;border:0;color:var(--color-table-btn-900);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;width:3rem}.bmb_table_lite-paginator-btn[disabled]{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table_lite-paginator-icon{font-size:1.5rem}.bmb_table_lite bmb-checkbox{display:block;height:1.5rem}.bmb_table_lite bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table_lite-success{color:var(--semantic-success)}.bmb_table_lite-error{color:var(--semantic-error)}\n"] }]
|
|
13862
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { select: [{
|
|
13863
|
+
type: Output
|
|
13864
|
+
}], clickedRow: [{
|
|
13865
|
+
type: Output
|
|
13866
|
+
}], searchChange: [{
|
|
13867
|
+
type: Output
|
|
13868
|
+
}], filtersChange: [{
|
|
13869
|
+
type: Output
|
|
13870
|
+
}], searchModeChange: [{
|
|
13871
|
+
type: Output
|
|
13872
|
+
}], pageChange: [{
|
|
13873
|
+
type: Output
|
|
13874
|
+
}], colCount: [{
|
|
13875
|
+
type: HostBinding,
|
|
13876
|
+
args: ['style.--col-count']
|
|
13877
|
+
}], colCheckbox: [{
|
|
13878
|
+
type: HostBinding,
|
|
13879
|
+
args: ['style.--col-checkbox']
|
|
13880
|
+
}], colExpand: [{
|
|
13881
|
+
type: HostBinding,
|
|
13882
|
+
args: ['style.--col-expand']
|
|
13883
|
+
}], colActions: [{
|
|
13884
|
+
type: HostBinding,
|
|
13885
|
+
args: ['style.--col-actions']
|
|
13886
|
+
}], hasCheckbox: [{
|
|
13887
|
+
type: HostBinding,
|
|
13888
|
+
args: ['style.--has-checkbox']
|
|
13889
|
+
}], hasExpand: [{
|
|
13890
|
+
type: HostBinding,
|
|
13891
|
+
args: ['style.--has-expand']
|
|
13892
|
+
}], hasActions: [{
|
|
13893
|
+
type: HostBinding,
|
|
13894
|
+
args: ['style.--has-actions']
|
|
13895
|
+
}] } });
|
|
13896
|
+
|
|
13336
13897
|
/*
|
|
13337
13898
|
* Public API Surface of ds-ng
|
|
13338
13899
|
*/
|
|
@@ -13342,5 +13903,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
13342
13903
|
* Generated bundle index. Do not edit.
|
|
13343
13904
|
*/
|
|
13344
13905
|
|
|
13345
|
-
export { BmbAcademicProgressComponent, BmbAccordionComponent, BmbAccordionControlDirective, BmbAccountStatementComponent, BmbActionIconComponent, BmbActionMenuComponent, BmbAdvertisementCardComponent, BmbAlertCenterComponent, BmbAlertCenterService, BmbBadgeComponent, BmbBalanceOverviewComponent, BmbBookmarkComponent, BmbBottomNavigationBarComponent, BmbBreadcrumbComponent, BmbButtonDirective, BmbButtonGroupDirective, BmbButtonIconComponent, BmbCalendarComponent, BmbCalendarService, BmbCardButtonComponent, BmbCardComponent, BmbCardContentComponent, BmbCardFooterComponent, BmbCardHeaderComponent, BmbCarouselComponent, BmbChatBarComponent, BmbChatBubblesComponent, BmbCheckboxComponent, BmbChevronTitleSelectorComponent, BmbContainerButtonComponent, BmbContainerComponent, BmbDateRangeComponent, BmbDatepickerComponent, BmbDigitalIdComponent, BmbDividerComponent, BmbDotPaginatorComponent, BmbDrawerOverlayComponent, BmbDropdownComponent, BmbDropdownMenuComponent, BmbDropzoneComponent, BmbEvaluationRubricComponent, BmbExternalLinkComponent, BmbFabComponent, BmbFilterCardComponent, BmbFocusElementComponent, BmbFormValidatorComponent, BmbFrequentAppsSelectorComponent, BmbGradeValueComponent, BmbGradesComponent, BmbHeaderMobileComponent, BmbHitoCardComponent, BmbHitoListComponent, BmbHomeCardChatComponent, BmbHomeCardComponent, BmbHomeSectionComponent, BmbIconComponent, BmbIconItemComponent, BmbIconStatusComponent, BmbIframeComponent, BmbImageComponent, BmbInnerHeaderComponent, BmbInputComponent, BmbInputPhoneNumberComponent, BmbInputTagsComponent, BmbInteractiveIconComponent, BmbInvoiceComponent, BmbItemComponent, BmbLayoutDirective, BmbLayoutGridDirective, BmbLayoutGridItemDirective, BmbLayoutItemDirective, BmbLegendComponent, BmbListGroupComponent, BmbListGroupItemComponent, BmbListItemsComponent, BmbLoaderComponent, BmbLoginComponent, BmbLoginOnboardingComponent, BmbLoginOnboardingService, BmbLogoComponent, BmbMediaCardComponent, BmbMitecLogoAnimationComponent, BmbMobileTemplatesComponent, BmbModalComponent, BmbMultiDotPaginatorComponent, BmbMultiDotPaginatorItemComponent, BmbNativeModalComponent, BmbNativeModalService, BmbNavigationBarComponent, BmbNoticeCardComponent, BmbNotificationCardComponent, BmbNotificationService, BmbOverlayComponent, BmbPaginatorComponent, BmbPortalComponent, BmbProfileComponent, BmbProgressBarComponent, BmbProgressCircleComponent, BmbProjectionContentService, BmbPullWedgeComponent, BmbPushNotificationComponent, BmbRadialComponent, BmbSearchInputComponent, BmbServerTableComponent, BmbSidebarComponent, BmbSimpleHeaderComponent, BmbSkeletonComponent, BmbSoundsCardComponent, BmbStatCounterComponent, BmbStepProgressBarComponent, BmbStudentActivityCardComponent, BmbSwitchComponent, BmbTabStudentActivityComponent, BmbTablesComponent, BmbTabsComponent, BmbTagComponent, BmbTextEditorComponent, BmbTextLinkComponent, BmbThemeComponent, BmbThreeColsComponent, BmbTimestreamCardComponent, BmbTimestreamComponent, BmbTitleContentComponent, BmbToastComponent, BmbTooltipComponent, BmbTopBarComponent, BmbTopBarItemComponent, BmbTotpComponent, BmbUserImageComponent, BmbUserProfileComponent, BmbUserProfileService, BmbUserSummaryComponent, BmbValueCounterComponent, BmbVerticalLayoutDirective, BmbVerticalLayoutItemDirective, BmbWebTemplatesComponent, BmbWheelMenuComponent, CircleProgressOptions, DsNgComponent, DsNgService, TabsService, defaultActionList, defaultBotList };
|
|
13906
|
+
export { BmbAcademicProgressComponent, BmbAccordionComponent, BmbAccordionControlDirective, BmbAccountStatementComponent, BmbActionIconComponent, BmbActionMenuComponent, BmbAdvertisementCardComponent, BmbAlertCenterComponent, BmbAlertCenterService, BmbBadgeComponent, BmbBalanceOverviewComponent, BmbBookmarkComponent, BmbBottomNavigationBarComponent, BmbBreadcrumbComponent, BmbButtonDirective, BmbButtonGroupDirective, BmbButtonIconComponent, BmbCalendarComponent, BmbCalendarService, BmbCardButtonComponent, BmbCardComponent, BmbCardContentComponent, BmbCardFooterComponent, BmbCardHeaderComponent, BmbCarouselComponent, BmbChatBarComponent, BmbChatBubblesComponent, BmbCheckboxComponent, BmbChevronTitleSelectorComponent, BmbContainerButtonComponent, BmbContainerComponent, BmbDateRangeComponent, BmbDatepickerComponent, BmbDigitalIdComponent, BmbDividerComponent, BmbDotPaginatorComponent, BmbDrawerOverlayComponent, BmbDropdownComponent, BmbDropdownMenuComponent, BmbDropzoneComponent, BmbEvaluationRubricComponent, BmbExternalLinkComponent, BmbFabComponent, BmbFilterCardComponent, BmbFocusElementComponent, BmbFormValidatorComponent, BmbFrequentAppsSelectorComponent, BmbGradeValueComponent, BmbGradesComponent, BmbHeaderMobileComponent, BmbHitoCardComponent, BmbHitoListComponent, BmbHomeCardChatComponent, BmbHomeCardComponent, BmbHomeSectionComponent, BmbIconComponent, BmbIconItemComponent, BmbIconStatusComponent, BmbIframeComponent, BmbImageComponent, BmbInnerHeaderComponent, BmbInputComponent, BmbInputPhoneNumberComponent, BmbInputTagsComponent, BmbInteractiveIconComponent, BmbInvoiceComponent, BmbItemComponent, BmbLayoutDirective, BmbLayoutGridDirective, BmbLayoutGridItemDirective, BmbLayoutItemDirective, BmbLegendComponent, BmbListGroupComponent, BmbListGroupItemComponent, BmbListItemsComponent, BmbLoaderComponent, BmbLoginComponent, BmbLoginOnboardingComponent, BmbLoginOnboardingService, BmbLogoComponent, BmbMediaCardComponent, BmbMitecLogoAnimationComponent, BmbMobileTemplatesComponent, BmbModalComponent, BmbMultiDotPaginatorComponent, BmbMultiDotPaginatorItemComponent, BmbNativeModalComponent, BmbNativeModalService, BmbNavigationBarComponent, BmbNoticeCardComponent, BmbNotificationCardComponent, BmbNotificationService, BmbOverlayComponent, BmbPaginatorComponent, BmbPortalComponent, BmbProfileComponent, BmbProgressBarComponent, BmbProgressCircleComponent, BmbProjectionContentService, BmbPullWedgeComponent, BmbPushNotificationComponent, BmbRadialComponent, BmbSearchInputComponent, BmbServerTableComponent, BmbSidebarComponent, BmbSimpleHeaderComponent, BmbSkeletonComponent, BmbSoundsCardComponent, BmbStatCounterComponent, BmbStepProgressBarComponent, BmbStudentActivityCardComponent, BmbSwitchComponent, BmbTabStudentActivityComponent, BmbTableLiteComponent, BmbTablesComponent, BmbTabsComponent, BmbTagComponent, BmbTextEditorComponent, BmbTextLinkComponent, BmbThemeComponent, BmbThreeColsComponent, BmbTimestreamCardComponent, BmbTimestreamComponent, BmbTitleContentComponent, BmbToastComponent, BmbTooltipComponent, BmbTopBarComponent, BmbTopBarItemComponent, BmbTotpComponent, BmbUserImageComponent, BmbUserProfileComponent, BmbUserProfileService, BmbUserSummaryComponent, BmbValueCounterComponent, BmbVerticalLayoutDirective, BmbVerticalLayoutItemDirective, BmbWebTemplatesComponent, BmbWheelMenuComponent, CircleProgressOptions, DsNgComponent, DsNgService, TabsService, defaultActionList, defaultBotList };
|
|
13346
13907
|
//# sourceMappingURL=ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map
|