@ti-tecnologico-de-monterrey-oficial/ds-ng 1.6.19-d → 1.6.19-e
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/assets/i18n/es.json +2 -2
- package/assets/styles/mainGED.min.css +1 -1
- package/assets/styles/mainGED.min.css.map +1 -1
- package/assets/styles/mainTEC.min.css +1 -1
- package/assets/styles/mainTEC.min.css.map +1 -1
- package/assets/styles/mainTECMI.min.css +1 -1
- package/assets/styles/mainTECMI.min.css.map +1 -1
- package/assets/styles/micro.min.css +1 -1
- package/assets/styles/micro.min.css.map +1 -1
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs +128 -78
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map +1 -1
- package/lib/components/bmb-action-menu/bmb-action-menu.component.d.ts +2 -2
- package/lib/components/bmb-bookmark/bmb-bookmark.component.d.ts +0 -1
- package/lib/components/bmb-card-button/bmb-card-button.component.d.ts +1 -0
- package/lib/components/bmb-chat-bubbles/types.d.ts +9 -1
- package/lib/components/bmb-fab/bmb-fab.component.d.ts +8 -7
- package/lib/components/bmb-media-card/bmb-media-card.component.d.ts +1 -1
- package/lib/components/bmb-notification-card/bmb-notification-card.component.d.ts +2 -1
- package/lib/components/bmb-top-bar/bmb-top-bar-user-section/bmb-top-bar-user-section.component.d.ts +4 -1
- package/lib/components/bmb-top-bar/bmb-top-bar.component.d.ts +4 -1
- package/lib/utils/botIcon.d.ts +1 -0
- package/package.json +1 -1
|
@@ -147,8 +147,9 @@ const getRGBColorKeyValue = (color) => {
|
|
|
147
147
|
color === 'black-min' ||
|
|
148
148
|
color === 'white-tint' ||
|
|
149
149
|
color === 'white-light' ||
|
|
150
|
-
color === 'white-min'
|
|
151
|
-
`var(--${color})`
|
|
150
|
+
color === 'white-min'
|
|
151
|
+
? `var(--${color})`
|
|
152
|
+
: `rgb(var(--${color}))`;
|
|
152
153
|
return {
|
|
153
154
|
'background-color': newColor,
|
|
154
155
|
};
|
|
@@ -357,11 +358,11 @@ class BmbCheckExternalLinkButtonComponent {
|
|
|
357
358
|
this.buttonKeyPress.emit(event);
|
|
358
359
|
}
|
|
359
360
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbCheckExternalLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
360
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbCheckExternalLinkButtonComponent, isStandalone: true, selector: "bmb-check-external-link-button", inputs: { idElement: { classPropertyName: "idElement", publicName: "idElement", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, buttonName: { classPropertyName: "buttonName", publicName: "buttonName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonPress: "buttonPress", buttonClick: "buttonClick", buttonKeyPress: "buttonKeyPress" }, queries: [{ propertyName: "commonTemplate", first: true, predicate: ["commonTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #commonTemplate>\n <ng-content />\n</ng-template>\n\n<span class=\"bmb_check-external-link-button\">\n @if (isButton(!!link())) {\n <button\n type=\"button\"\n role=\"button\"\n [name]=\"buttonName()\"\n [attr.aria-label]=\"buttonName()\"\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n (click)=\"handleClick($event)\"\n (mousedown)=\"handlePress($event)\"\n [ngClass]=\"{\n 'bmb_check-external-link-button-element-disabled': disabled()\n }\"\n [disabled]=\"disabled()\"\n type=\"button\"\n (keypress)=\"handleKeyPress($event)\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </button>\n } @else if (isExternalLink(link())) {\n <a\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </a>\n } @else {\n <a\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n [routerLink]=\"link()\"\n routerLinkActive=\"bmb-active-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </a>\n }\n</span>\n", styles: [".bmb_check-external-link-button{display:inline-block}.bmb_check-external-link-button:has(.bmb_icon-figure){display:inline-block
|
|
361
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbCheckExternalLinkButtonComponent, isStandalone: true, selector: "bmb-check-external-link-button", inputs: { idElement: { classPropertyName: "idElement", publicName: "idElement", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, buttonName: { classPropertyName: "buttonName", publicName: "buttonName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonPress: "buttonPress", buttonClick: "buttonClick", buttonKeyPress: "buttonKeyPress" }, queries: [{ propertyName: "commonTemplate", first: true, predicate: ["commonTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #commonTemplate>\n <ng-content />\n</ng-template>\n\n<span class=\"bmb_check-external-link-button\">\n @if (isButton(!!link())) {\n <button\n type=\"button\"\n role=\"button\"\n [name]=\"buttonName()\"\n [attr.aria-label]=\"buttonName()\"\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n (click)=\"handleClick($event)\"\n (mousedown)=\"handlePress($event)\"\n [ngClass]=\"{\n 'bmb_check-external-link-button-element-disabled': disabled()\n }\"\n [disabled]=\"disabled()\"\n type=\"button\"\n (keypress)=\"handleKeyPress($event)\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </button>\n } @else if (isExternalLink(link())) {\n <a\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n [href]=\"link()\"\n [target]=\"target() || '_blank'\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </a>\n } @else {\n <a\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n [routerLink]=\"link()\"\n routerLinkActive=\"bmb-active-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </a>\n }\n</span>\n", styles: [".bmb_check-external-link-button{display:inline-block}.bmb_check-external-link-button:has(.bmb_icon-figure){display:inline-block}.bmb_check-external-link-button-element{padding:0;text-decoration:none;cursor:pointer;display:inline-flex;color:currentColor;align-items:center}.bmb_check-external-link-button-element-disabled{cursor:not-allowed;opacity:.5}.bmb_check-external-link-button-element:has(img){height:100%;width:100%}.bmb_check-external-link-button-element:focus,.bmb_check-external-link-button-element:focus-visible{outline:0 none}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
361
362
|
}
|
|
362
363
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbCheckExternalLinkButtonComponent, decorators: [{
|
|
363
364
|
type: Component,
|
|
364
|
-
args: [{ selector: 'bmb-check-external-link-button', standalone: true, imports: [RouterModule, CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #commonTemplate>\n <ng-content />\n</ng-template>\n\n<span class=\"bmb_check-external-link-button\">\n @if (isButton(!!link())) {\n <button\n type=\"button\"\n role=\"button\"\n [name]=\"buttonName()\"\n [attr.aria-label]=\"buttonName()\"\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n (click)=\"handleClick($event)\"\n (mousedown)=\"handlePress($event)\"\n [ngClass]=\"{\n 'bmb_check-external-link-button-element-disabled': disabled()\n }\"\n [disabled]=\"disabled()\"\n type=\"button\"\n (keypress)=\"handleKeyPress($event)\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </button>\n } @else if (isExternalLink(link())) {\n <a\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </a>\n } @else {\n <a\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n [routerLink]=\"link()\"\n routerLinkActive=\"bmb-active-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </a>\n }\n</span>\n", styles: [".bmb_check-external-link-button{display:inline-block}.bmb_check-external-link-button:has(.bmb_icon-figure){display:inline-block
|
|
365
|
+
args: [{ selector: 'bmb-check-external-link-button', standalone: true, imports: [RouterModule, CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #commonTemplate>\n <ng-content />\n</ng-template>\n\n<span class=\"bmb_check-external-link-button\">\n @if (isButton(!!link())) {\n <button\n type=\"button\"\n role=\"button\"\n [name]=\"buttonName()\"\n [attr.aria-label]=\"buttonName()\"\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n (click)=\"handleClick($event)\"\n (mousedown)=\"handlePress($event)\"\n [ngClass]=\"{\n 'bmb_check-external-link-button-element-disabled': disabled()\n }\"\n [disabled]=\"disabled()\"\n type=\"button\"\n (keypress)=\"handleKeyPress($event)\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </button>\n } @else if (isExternalLink(link())) {\n <a\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n [href]=\"link()\"\n [target]=\"target() || '_blank'\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </a>\n } @else {\n <a\n class=\"bmb_check-external-link-button-element\"\n [id]=\"idElement()\"\n [routerLink]=\"link()\"\n routerLinkActive=\"bmb-active-link\"\n [routerLinkActiveOptions]=\"{ exact: true }\"\n >\n <ng-container [ngTemplateOutlet]=\"commonTemplate\" />\n </a>\n }\n</span>\n", styles: [".bmb_check-external-link-button{display:inline-block}.bmb_check-external-link-button:has(.bmb_icon-figure){display:inline-block}.bmb_check-external-link-button-element{padding:0;text-decoration:none;cursor:pointer;display:inline-flex;color:currentColor;align-items:center}.bmb_check-external-link-button-element-disabled{cursor:not-allowed;opacity:.5}.bmb_check-external-link-button-element:has(img){height:100%;width:100%}.bmb_check-external-link-button-element:focus,.bmb_check-external-link-button-element:focus-visible{outline:0 none}\n"] }]
|
|
365
366
|
}] });
|
|
366
367
|
|
|
367
368
|
class BmbUserImageComponent {
|
|
@@ -602,11 +603,11 @@ class BmbInputValidatorComponent {
|
|
|
602
603
|
return '';
|
|
603
604
|
}
|
|
604
605
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbInputValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
605
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbInputValidatorComponent, isStandalone: true, selector: "bmb-input-validator", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", 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 }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, jsonFormat: { classPropertyName: "jsonFormat", publicName: "jsonFormat", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, showMaxTextLength: { classPropertyName: "showMaxTextLength", publicName: "showMaxTextLength", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, isMultipleFile: { classPropertyName: "isMultipleFile", publicName: "isMultipleFile", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange" }, ngImport: i0, template: "<section\n #inputValidation\n class=\"bmb_input-validator\"\n [ngClass]=\"{ disabled: control()?.disabled }\"\n>\n <span\n class=\"bmb_input-validator-wrapper\"\n [ngClass]=\"getClasses('bmb_input-validator')\"\n >\n @if (\n !!label() ||\n isRequired() ||\n !!tooltip() ||\n (type() === 'text-area' && showMaxTextLength())\n ) {\n <label class=\"bmb_input-validator-label\" [htmlFor]=\"inputId()\">\n {{ label() }}\n @if (isFieldRequired()) {\n <small class=\"bmb_input-validator-label-required\">*</small>\n }\n @if (!!tooltip()) {\n <bmb-tooltip\n class=\"bmb_input-validator-label-tooltip\"\n [text]=\"tooltip()\"\n [align]=\"tooltipPosition().align\"\n [justify]=\"tooltipPosition().justify\"\n [icon]=\"'help'\"\n [size]=\"20\"\n />\n }\n @if (type() === 'text-area' && showMaxTextLength()) {\n <span class=\"bmb_input-validator-label-max\">\n {{ control()?.value?.toString().length }}/{{ maxLength() || '-' }}\n </span>\n }\n </label>\n }\n <ng-content />\n </span>\n @if (!!helperMessage() || showError()) {\n <div class=\"bmb_input-validator-support\">\n @if (showError()) {\n <p class=\"bmb_input-validator-support-error\">\n {{ getErrorMessage() }}\n </p>\n } @else if (!!helperMessage()) {\n <p [class]=\"'bmb_input-validator-support-helper-' + appearance()\">\n {{ helperMessage() }}\n </p>\n }\n </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-validator{-webkit-user-select:none;user-select:none}.bmb_input-validator-wrapper{display:block;position:relative}.bmb_input-validator-direction-before{display:inline-flex;flex-direction:row;cursor:pointer}.bmb_input-validator-direction-after{display:inline-flex;flex-direction:row-reverse;cursor:pointer;align-items:center}.bmb_input-validator-label{display:flex;position:relative;padding:var(--bmb-spacing-s);gap:var(--bmb-spacing-s);font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_input-validator-label-required{color:rgb(var(--red-light))}.bmb_input-validator-label-tooltip{color:var(--general-contrasts-50)}.bmb_input-validator-label-max{margin-left:auto;padding-right:var(--bmb-spacing-s)}.bmb_input-validator-support{display:flex;padding:var(--bmb-spacing-s)}.bmb_input-validator-support-helper-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_input-validator-support-helper-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-50)}.bmb_input-validator-support-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}.bmb_input-validator.disabled{pointer-events:none;opacity:.5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbTooltipComponent, selector: "bmb-tooltip", inputs: ["text", "title", "icon", "size", "align", "justify", "isFill"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
606
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbInputValidatorComponent, isStandalone: true, selector: "bmb-input-validator", inputs: { inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", 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 }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, jsonFormat: { classPropertyName: "jsonFormat", publicName: "jsonFormat", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, showMaxTextLength: { classPropertyName: "showMaxTextLength", publicName: "showMaxTextLength", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, isMultipleFile: { classPropertyName: "isMultipleFile", publicName: "isMultipleFile", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showError: "showErrorChange", control: "controlChange" }, ngImport: i0, template: "<section\n #inputValidation\n class=\"bmb_input-validator\"\n [ngClass]=\"{ disabled: control()?.disabled }\"\n>\n <span\n class=\"bmb_input-validator-wrapper\"\n [ngClass]=\"getClasses('bmb_input-validator')\"\n >\n @if (\n !!label() ||\n isRequired() ||\n !!tooltip() ||\n (type() === 'text-area' && showMaxTextLength())\n ) {\n <label class=\"bmb_input-validator-label\" [htmlFor]=\"inputId()\">\n {{ label() }}\n @if (isFieldRequired()) {\n <small class=\"bmb_input-validator-label-required\">*</small>\n }\n @if (!!tooltip()) {\n <bmb-tooltip\n class=\"bmb_input-validator-label-tooltip\"\n [text]=\"tooltip()\"\n [align]=\"tooltipPosition().align\"\n [justify]=\"tooltipPosition().justify\"\n [icon]=\"'help'\"\n [size]=\"20\"\n />\n }\n @if (type() === 'text-area' && showMaxTextLength()) {\n <span class=\"bmb_input-validator-label-max\">\n {{ control()?.value?.toString().length }}/{{ maxLength() || '-' }}\n </span>\n }\n </label>\n }\n <ng-content />\n </span>\n @if (!!helperMessage() || showError()) {\n <div class=\"bmb_input-validator-support\">\n @if (showError()) {\n <p class=\"bmb_input-validator-support-error\">\n {{ getErrorMessage() }}\n </p>\n } @else if (!!helperMessage()) {\n <p [class]=\"'bmb_input-validator-support-helper-' + appearance()\">\n {{ helperMessage() }}\n </p>\n }\n </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-validator{-webkit-user-select:none;user-select:none}.bmb_input-validator-wrapper{display:block;position:relative}.bmb_input-validator-direction-before{display:inline-flex;flex-direction:row;cursor:pointer}.bmb_input-validator-direction-after{display:inline-flex;flex-direction:row-reverse;cursor:pointer;align-items:center}.bmb_input-validator-label{display:flex;position:relative;padding:var(--bmb-spacing-s);gap:var(--bmb-spacing-s);font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_input-validator-label-required{color:rgb(var(--red-light))}.bmb_input-validator-label-tooltip{color:var(--general-contrasts-50)}.bmb_input-validator-label-max{margin-left:auto;padding-right:var(--bmb-spacing-s)}.bmb_input-validator-support{display:flex;padding:var(--bmb-spacing-s)}.bmb_input-validator-support-helper-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-input-outline)}.bmb_input-validator-support-helper-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-50)}.bmb_input-validator-support-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}.bmb_input-validator.disabled{pointer-events:none;opacity:.5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbTooltipComponent, selector: "bmb-tooltip", inputs: ["text", "title", "icon", "size", "align", "justify", "isFill"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
606
607
|
}
|
|
607
608
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbInputValidatorComponent, decorators: [{
|
|
608
609
|
type: Component,
|
|
609
|
-
args: [{ selector: 'bmb-input-validator', standalone: true, imports: [CommonModule, ReactiveFormsModule, BmbTooltipComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n #inputValidation\n class=\"bmb_input-validator\"\n [ngClass]=\"{ disabled: control()?.disabled }\"\n>\n <span\n class=\"bmb_input-validator-wrapper\"\n [ngClass]=\"getClasses('bmb_input-validator')\"\n >\n @if (\n !!label() ||\n isRequired() ||\n !!tooltip() ||\n (type() === 'text-area' && showMaxTextLength())\n ) {\n <label class=\"bmb_input-validator-label\" [htmlFor]=\"inputId()\">\n {{ label() }}\n @if (isFieldRequired()) {\n <small class=\"bmb_input-validator-label-required\">*</small>\n }\n @if (!!tooltip()) {\n <bmb-tooltip\n class=\"bmb_input-validator-label-tooltip\"\n [text]=\"tooltip()\"\n [align]=\"tooltipPosition().align\"\n [justify]=\"tooltipPosition().justify\"\n [icon]=\"'help'\"\n [size]=\"20\"\n />\n }\n @if (type() === 'text-area' && showMaxTextLength()) {\n <span class=\"bmb_input-validator-label-max\">\n {{ control()?.value?.toString().length }}/{{ maxLength() || '-' }}\n </span>\n }\n </label>\n }\n <ng-content />\n </span>\n @if (!!helperMessage() || showError()) {\n <div class=\"bmb_input-validator-support\">\n @if (showError()) {\n <p class=\"bmb_input-validator-support-error\">\n {{ getErrorMessage() }}\n </p>\n } @else if (!!helperMessage()) {\n <p [class]=\"'bmb_input-validator-support-helper-' + appearance()\">\n {{ helperMessage() }}\n </p>\n }\n </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-validator{-webkit-user-select:none;user-select:none}.bmb_input-validator-wrapper{display:block;position:relative}.bmb_input-validator-direction-before{display:inline-flex;flex-direction:row;cursor:pointer}.bmb_input-validator-direction-after{display:inline-flex;flex-direction:row-reverse;cursor:pointer;align-items:center}.bmb_input-validator-label{display:flex;position:relative;padding:var(--bmb-spacing-s);gap:var(--bmb-spacing-s);font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_input-validator-label-required{color:rgb(var(--red-light))}.bmb_input-validator-label-tooltip{color:var(--general-contrasts-50)}.bmb_input-validator-label-max{margin-left:auto;padding-right:var(--bmb-spacing-s)}.bmb_input-validator-support{display:flex;padding:var(--bmb-spacing-s)}.bmb_input-validator-support-helper-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--
|
|
610
|
+
args: [{ selector: 'bmb-input-validator', standalone: true, imports: [CommonModule, ReactiveFormsModule, BmbTooltipComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n #inputValidation\n class=\"bmb_input-validator\"\n [ngClass]=\"{ disabled: control()?.disabled }\"\n>\n <span\n class=\"bmb_input-validator-wrapper\"\n [ngClass]=\"getClasses('bmb_input-validator')\"\n >\n @if (\n !!label() ||\n isRequired() ||\n !!tooltip() ||\n (type() === 'text-area' && showMaxTextLength())\n ) {\n <label class=\"bmb_input-validator-label\" [htmlFor]=\"inputId()\">\n {{ label() }}\n @if (isFieldRequired()) {\n <small class=\"bmb_input-validator-label-required\">*</small>\n }\n @if (!!tooltip()) {\n <bmb-tooltip\n class=\"bmb_input-validator-label-tooltip\"\n [text]=\"tooltip()\"\n [align]=\"tooltipPosition().align\"\n [justify]=\"tooltipPosition().justify\"\n [icon]=\"'help'\"\n [size]=\"20\"\n />\n }\n @if (type() === 'text-area' && showMaxTextLength()) {\n <span class=\"bmb_input-validator-label-max\">\n {{ control()?.value?.toString().length }}/{{ maxLength() || '-' }}\n </span>\n }\n </label>\n }\n <ng-content />\n </span>\n @if (!!helperMessage() || showError()) {\n <div class=\"bmb_input-validator-support\">\n @if (showError()) {\n <p class=\"bmb_input-validator-support-error\">\n {{ getErrorMessage() }}\n </p>\n } @else if (!!helperMessage()) {\n <p [class]=\"'bmb_input-validator-support-helper-' + appearance()\">\n {{ helperMessage() }}\n </p>\n }\n </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-validator{-webkit-user-select:none;user-select:none}.bmb_input-validator-wrapper{display:block;position:relative}.bmb_input-validator-direction-before{display:inline-flex;flex-direction:row;cursor:pointer}.bmb_input-validator-direction-after{display:inline-flex;flex-direction:row-reverse;cursor:pointer;align-items:center}.bmb_input-validator-label{display:flex;position:relative;padding:var(--bmb-spacing-s);gap:var(--bmb-spacing-s);font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_input-validator-label-required{color:rgb(var(--red-light))}.bmb_input-validator-label-tooltip{color:var(--general-contrasts-50)}.bmb_input-validator-label-max{margin-left:auto;padding-right:var(--bmb-spacing-s)}.bmb_input-validator-support{display:flex;padding:var(--bmb-spacing-s)}.bmb_input-validator-support-helper-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-input-outline)}.bmb_input-validator-support-helper-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-50)}.bmb_input-validator-support-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}.bmb_input-validator.disabled{pointer-events:none;opacity:.5}\n"] }]
|
|
610
611
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
611
612
|
|
|
612
613
|
const showError = (control) => {
|
|
@@ -1187,9 +1188,9 @@ var dropdown$1 = {
|
|
|
1187
1188
|
};
|
|
1188
1189
|
var table$1 = {
|
|
1189
1190
|
filters: {
|
|
1190
|
-
startDate: "
|
|
1191
|
+
startDate: "Fecha de inicio",
|
|
1191
1192
|
startDatePlaceholder: "Fecha de inicio",
|
|
1192
|
-
endDate: "
|
|
1193
|
+
endDate: "Fecha de fin",
|
|
1193
1194
|
endDatePlaceholder: "Fecha de fin",
|
|
1194
1195
|
min: " mínimo",
|
|
1195
1196
|
max: " máximo",
|
|
@@ -3062,11 +3063,11 @@ class BmbBadgeComponent {
|
|
|
3062
3063
|
return classes;
|
|
3063
3064
|
}
|
|
3064
3065
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3065
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: BmbBadgeComponent, isStandalone: true, selector: "bmb-badge", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section [ngClass]=\"getClasses()\">\n <span class=\"bmb_badge-bullet\"></span>\n <span class=\"bmb_badge-content\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_badge{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;display:inline-flex;justify-content:center;min-height:1.25rem;width:fit-content}.bmb_badge-content{display:inline-block;color:var(--general-contrasts-100);flex:1}.bmb_badge-bullet{border-radius:var(--bmb-radius-full);display:inline-block;height:.5rem;margin-right:.5rem;vertical-align:middle;width:.5rem}.bmb_badge-normal .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--blue-mariner-500))}.bmb_badge-success .bmb_badge-bullet{background-color:var(--semantic-success)}.bmb_badge-info .bmb_badge-bullet{background-color:var(--semantic-info-event)}.bmb_badge-warning .bmb_badge-bullet{background-color:var(--semantic-warning)}.bmb_badge-error .bmb_badge-bullet{background-color:var(--semantic-error)}.bmb_badge-brand .bmb_badge-bullet{background-color:var(--semantic-brand)}.bmb_badge-alert .bmb_badge-bullet{background-color:var(--semantic-alert)}.bmb_badge-background .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-mitec_blue .bmb_badge-bullet{background-color:var(--mitec-blue)}.bmb_badge-mitec_red .bmb_badge-bullet{background-color:var(--mitec-red)}.bmb_badge-mitec_green .bmb_badge-bullet{background-color:var(--mitec-green)}.bmb_badge-mitec_orange .bmb_badge-bullet{background-color:var(--mitec-orange)}.bmb_badge-mitec_purple .bmb_badge-bullet{background-color:var(--mitec-purple)}.bmb_badge-creative_violet .bmb_badge-bullet{background-color:var(--creative-use-violet)}.bmb_badge-creative_indigo .bmb_badge-bullet{background-color:var(--creative-use-indigo)}.bmb_badge-creative_emerald .bmb_badge-bullet{background-color:var(--creative-use-emerald)}.bmb_badge-creative_licorice .bmb_badge-bullet{background-color:var(--creative-use-licorice)}.bmb_badge-creative_darkteal .bmb_badge-bullet{background-color:var(--creative-use-dark-teal)}.bmb_badge-creative_peach .bmb_badge-bullet{background-color:var(--creative-use-peach)}.bmb_badge-creative_sepia .bmb_badge-bullet{background-color:var(--creative-use-sepia)}.bmb_badge-creative_softred .bmb_badge-bullet{background-color:var(--creative-use-soft-red)}.bmb_badge-creative_wattle .bmb_badge-bullet{background-color:var(--creative-use-wattle)}.bmb_badge-creative_shipcove .bmb_badge-bullet{background-color:var(--creative-use-ship-cove)}.bmb_badge-creative_plantation .bmb_badge-bullet{background-color:var(--creative-use-plantation)}.bmb_badge-creative_rum .bmb_badge-bullet{background-color:var(--creative-use-rum)}.bmb_badge-creative_hibiscus .bmb_badge-bullet{background-color:var(--creative-use-hibiscus)}.bmb_badge-creative_ripelemon .bmb_badge-bullet{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container{border-radius:2.5rem;min-height:1.5rem;padding:0 .75rem}.bmb_badge-container .bmb_badge-bullet{background-color:var(--general-contrasts-5)}.bmb_badge-container .bmb_badge-content{color:var(--general-contrasts-5)}.bmb_badge-container.bmb_badge-normal{background-color:var(--general_contrasts-50)}.bmb_badge-container.bmb_badge-strong{background-color:rgb(var(--blue-mariner-200))}.bmb_badge-container.bmb_badge-success{background-color:var(--semantic-success)}.bmb_badge-container.bmb_badge-info{background-color:var(--semantic-info-event)}.bmb_badge-container.bmb_badge-warning{background-color:var(--semantic-warning)}.bmb_badge-container.bmb_badge-error{background-color:var(--semantic-error)}.bmb_badge-container.bmb_badge-brand{background-color:var(--semantic-brand)}.bmb_badge-container.bmb_badge-alert{background-color:var(--semantic-alert)}.bmb_badge-container.bmb_badge-background,.bmb_badge-container.bmb_badge-disabled{background-color:transparent}.bmb_badge-container.bmb_badge-mitec_blue{background-color:var(--mitec-blue)}.bmb_badge-container.bmb_badge-mitec_red{background-color:var(--mitec-red)}.bmb_badge-container.bmb_badge-mitec_green{background-color:var(--mitec-green)}.bmb_badge-container.bmb_badge-mitec_orange{background-color:var(--mitec-orange)}.bmb_badge-container.bmb_badge-mitec_purple{background-color:var(--mitec-purple)}.bmb_badge-container.bmb_badge-creative_violet{background-color:var(--creative-use-violet)}.bmb_badge-container.bmb_badge-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_badge-container.bmb_badge-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_badge-container.bmb_badge-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_badge-container.bmb_badge-creative_darkteal{background-color:var(--creative-use-dark-teal)}.bmb_badge-container.bmb_badge-creative_peach{background-color:var(--creative-use-peach)}.bmb_badge-container.bmb_badge-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_badge-container.bmb_badge-creative_softred{background-color:var(--creative-use-soft-red)}.bmb_badge-container.bmb_badge-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_badge-container.bmb_badge-creative_shipcove{background-color:var(--creative-use-ship-cove)}.bmb_badge-container.bmb_badge-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_badge-container.bmb_badge-creative_rum{background-color:var(--creative-use-rum)}.bmb_badge-container.bmb_badge-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_badge-container.bmb_badge-creative_ripelemon{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-container.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-strong .bmb_badge-content{color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-normal .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-bullet{background-color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-normal .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-content{color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-disabled{background-color:var(--general-contrasts-15)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-background .bmb_badge-bullet,.bmb_badge-container.bmb_badge-background .bmb_badge-content{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3066
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: BmbBadgeComponent, isStandalone: true, selector: "bmb-badge", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section [ngClass]=\"getClasses()\">\n <span class=\"bmb_badge-bullet\"></span>\n <span class=\"bmb_badge-content\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_badge{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;display:inline-flex;justify-content:center;min-height:1.25rem;width:fit-content}.bmb_badge-content{display:inline-block;color:var(--general-contrasts-100);flex:1}.bmb_badge-bullet{border-radius:var(--bmb-radius-full);display:inline-block;height:.5rem;margin-right:.5rem;vertical-align:middle;width:.5rem}.bmb_badge-normal .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--blue-mariner-500))}.bmb_badge-success .bmb_badge-bullet{background-color:var(--semantic-success)}.bmb_badge-info .bmb_badge-bullet{background-color:var(--semantic-info-event)}.bmb_badge-warning .bmb_badge-bullet{background-color:var(--semantic-warning)}.bmb_badge-error .bmb_badge-bullet{background-color:var(--semantic-error)}.bmb_badge-brand .bmb_badge-bullet{background-color:var(--semantic-brand)}.bmb_badge-alert .bmb_badge-bullet{background-color:var(--semantic-alert)}.bmb_badge-background .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-mitec_blue .bmb_badge-bullet{background-color:var(--mitec-blue)}.bmb_badge-mitec_red .bmb_badge-bullet{background-color:var(--mitec-red)}.bmb_badge-mitec_green .bmb_badge-bullet{background-color:var(--mitec-green)}.bmb_badge-mitec_orange .bmb_badge-bullet{background-color:var(--mitec-orange)}.bmb_badge-mitec_purple .bmb_badge-bullet{background-color:var(--mitec-purple)}.bmb_badge-creative_violet .bmb_badge-bullet{background-color:var(--creative-use-violet)}.bmb_badge-creative_indigo .bmb_badge-bullet{background-color:var(--creative-use-indigo)}.bmb_badge-creative_emerald .bmb_badge-bullet{background-color:var(--creative-use-emerald)}.bmb_badge-creative_licorice .bmb_badge-bullet{background-color:var(--creative-use-licorice)}.bmb_badge-creative_darkteal .bmb_badge-bullet{background-color:var(--creative-use-dark-teal)}.bmb_badge-creative_peach .bmb_badge-bullet{background-color:var(--creative-use-peach)}.bmb_badge-creative_sepia .bmb_badge-bullet{background-color:var(--creative-use-sepia)}.bmb_badge-creative_softred .bmb_badge-bullet{background-color:var(--creative-use-soft-red)}.bmb_badge-creative_wattle .bmb_badge-bullet{background-color:var(--creative-use-wattle)}.bmb_badge-creative_shipcove .bmb_badge-bullet{background-color:var(--creative-use-ship-cove)}.bmb_badge-creative_plantation .bmb_badge-bullet{background-color:var(--creative-use-plantation)}.bmb_badge-creative_rum .bmb_badge-bullet{background-color:var(--creative-use-rum)}.bmb_badge-creative_hibiscus .bmb_badge-bullet{background-color:var(--creative-use-hibiscus)}.bmb_badge-creative_ripelemon .bmb_badge-bullet{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container{border-radius:2.5rem;min-height:1.5rem;padding:0 .75rem}.bmb_badge-container .bmb_badge-bullet{background-color:var(--general-contrasts-5)}.bmb_badge-container .bmb_badge-content{color:var(--general-contrasts-5)}.bmb_badge-container.bmb_badge-normal{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-strong{background-color:rgb(var(--blue-mariner-200))}.bmb_badge-container.bmb_badge-success{background-color:var(--semantic-success)}.bmb_badge-container.bmb_badge-info{background-color:var(--semantic-info-event)}.bmb_badge-container.bmb_badge-warning{background-color:var(--semantic-warning)}.bmb_badge-container.bmb_badge-error{background-color:var(--semantic-error)}.bmb_badge-container.bmb_badge-brand{background-color:var(--semantic-brand)}.bmb_badge-container.bmb_badge-alert{background-color:var(--semantic-alert)}.bmb_badge-container.bmb_badge-background,.bmb_badge-container.bmb_badge-disabled{background-color:transparent}.bmb_badge-container.bmb_badge-mitec_blue{background-color:var(--mitec-blue)}.bmb_badge-container.bmb_badge-mitec_red{background-color:var(--mitec-red)}.bmb_badge-container.bmb_badge-mitec_green{background-color:var(--mitec-green)}.bmb_badge-container.bmb_badge-mitec_orange{background-color:var(--mitec-orange)}.bmb_badge-container.bmb_badge-mitec_purple{background-color:var(--mitec-purple)}.bmb_badge-container.bmb_badge-creative_violet{background-color:var(--creative-use-violet)}.bmb_badge-container.bmb_badge-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_badge-container.bmb_badge-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_badge-container.bmb_badge-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_badge-container.bmb_badge-creative_darkteal{background-color:var(--creative-use-dark-teal)}.bmb_badge-container.bmb_badge-creative_peach{background-color:var(--creative-use-peach)}.bmb_badge-container.bmb_badge-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_badge-container.bmb_badge-creative_softred{background-color:var(--creative-use-soft-red)}.bmb_badge-container.bmb_badge-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_badge-container.bmb_badge-creative_shipcove{background-color:var(--creative-use-ship-cove)}.bmb_badge-container.bmb_badge-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_badge-container.bmb_badge-creative_rum{background-color:var(--creative-use-rum)}.bmb_badge-container.bmb_badge-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_badge-container.bmb_badge-creative_ripelemon{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-container.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-strong .bmb_badge-content{color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-normal .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-bullet{background-color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-normal .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-content{color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-disabled{background-color:var(--general-contrasts-15)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-background .bmb_badge-bullet,.bmb_badge-container.bmb_badge-background .bmb_badge-content{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3066
3067
|
}
|
|
3067
3068
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbBadgeComponent, decorators: [{
|
|
3068
3069
|
type: Component,
|
|
3069
|
-
args: [{ selector: 'bmb-badge', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section [ngClass]=\"getClasses()\">\n <span class=\"bmb_badge-bullet\"></span>\n <span class=\"bmb_badge-content\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_badge{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;display:inline-flex;justify-content:center;min-height:1.25rem;width:fit-content}.bmb_badge-content{display:inline-block;color:var(--general-contrasts-100);flex:1}.bmb_badge-bullet{border-radius:var(--bmb-radius-full);display:inline-block;height:.5rem;margin-right:.5rem;vertical-align:middle;width:.5rem}.bmb_badge-normal .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--blue-mariner-500))}.bmb_badge-success .bmb_badge-bullet{background-color:var(--semantic-success)}.bmb_badge-info .bmb_badge-bullet{background-color:var(--semantic-info-event)}.bmb_badge-warning .bmb_badge-bullet{background-color:var(--semantic-warning)}.bmb_badge-error .bmb_badge-bullet{background-color:var(--semantic-error)}.bmb_badge-brand .bmb_badge-bullet{background-color:var(--semantic-brand)}.bmb_badge-alert .bmb_badge-bullet{background-color:var(--semantic-alert)}.bmb_badge-background .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-mitec_blue .bmb_badge-bullet{background-color:var(--mitec-blue)}.bmb_badge-mitec_red .bmb_badge-bullet{background-color:var(--mitec-red)}.bmb_badge-mitec_green .bmb_badge-bullet{background-color:var(--mitec-green)}.bmb_badge-mitec_orange .bmb_badge-bullet{background-color:var(--mitec-orange)}.bmb_badge-mitec_purple .bmb_badge-bullet{background-color:var(--mitec-purple)}.bmb_badge-creative_violet .bmb_badge-bullet{background-color:var(--creative-use-violet)}.bmb_badge-creative_indigo .bmb_badge-bullet{background-color:var(--creative-use-indigo)}.bmb_badge-creative_emerald .bmb_badge-bullet{background-color:var(--creative-use-emerald)}.bmb_badge-creative_licorice .bmb_badge-bullet{background-color:var(--creative-use-licorice)}.bmb_badge-creative_darkteal .bmb_badge-bullet{background-color:var(--creative-use-dark-teal)}.bmb_badge-creative_peach .bmb_badge-bullet{background-color:var(--creative-use-peach)}.bmb_badge-creative_sepia .bmb_badge-bullet{background-color:var(--creative-use-sepia)}.bmb_badge-creative_softred .bmb_badge-bullet{background-color:var(--creative-use-soft-red)}.bmb_badge-creative_wattle .bmb_badge-bullet{background-color:var(--creative-use-wattle)}.bmb_badge-creative_shipcove .bmb_badge-bullet{background-color:var(--creative-use-ship-cove)}.bmb_badge-creative_plantation .bmb_badge-bullet{background-color:var(--creative-use-plantation)}.bmb_badge-creative_rum .bmb_badge-bullet{background-color:var(--creative-use-rum)}.bmb_badge-creative_hibiscus .bmb_badge-bullet{background-color:var(--creative-use-hibiscus)}.bmb_badge-creative_ripelemon .bmb_badge-bullet{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container{border-radius:2.5rem;min-height:1.5rem;padding:0 .75rem}.bmb_badge-container .bmb_badge-bullet{background-color:var(--general-contrasts-5)}.bmb_badge-container .bmb_badge-content{color:var(--general-contrasts-5)}.bmb_badge-container.bmb_badge-normal{background-color:var(--general_contrasts-50)}.bmb_badge-container.bmb_badge-strong{background-color:rgb(var(--blue-mariner-200))}.bmb_badge-container.bmb_badge-success{background-color:var(--semantic-success)}.bmb_badge-container.bmb_badge-info{background-color:var(--semantic-info-event)}.bmb_badge-container.bmb_badge-warning{background-color:var(--semantic-warning)}.bmb_badge-container.bmb_badge-error{background-color:var(--semantic-error)}.bmb_badge-container.bmb_badge-brand{background-color:var(--semantic-brand)}.bmb_badge-container.bmb_badge-alert{background-color:var(--semantic-alert)}.bmb_badge-container.bmb_badge-background,.bmb_badge-container.bmb_badge-disabled{background-color:transparent}.bmb_badge-container.bmb_badge-mitec_blue{background-color:var(--mitec-blue)}.bmb_badge-container.bmb_badge-mitec_red{background-color:var(--mitec-red)}.bmb_badge-container.bmb_badge-mitec_green{background-color:var(--mitec-green)}.bmb_badge-container.bmb_badge-mitec_orange{background-color:var(--mitec-orange)}.bmb_badge-container.bmb_badge-mitec_purple{background-color:var(--mitec-purple)}.bmb_badge-container.bmb_badge-creative_violet{background-color:var(--creative-use-violet)}.bmb_badge-container.bmb_badge-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_badge-container.bmb_badge-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_badge-container.bmb_badge-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_badge-container.bmb_badge-creative_darkteal{background-color:var(--creative-use-dark-teal)}.bmb_badge-container.bmb_badge-creative_peach{background-color:var(--creative-use-peach)}.bmb_badge-container.bmb_badge-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_badge-container.bmb_badge-creative_softred{background-color:var(--creative-use-soft-red)}.bmb_badge-container.bmb_badge-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_badge-container.bmb_badge-creative_shipcove{background-color:var(--creative-use-ship-cove)}.bmb_badge-container.bmb_badge-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_badge-container.bmb_badge-creative_rum{background-color:var(--creative-use-rum)}.bmb_badge-container.bmb_badge-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_badge-container.bmb_badge-creative_ripelemon{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-container.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-strong .bmb_badge-content{color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-normal .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-bullet{background-color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-normal .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-content{color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-disabled{background-color:var(--general-contrasts-15)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-background .bmb_badge-bullet,.bmb_badge-container.bmb_badge-background .bmb_badge-content{display:none}\n"] }]
|
|
3070
|
+
args: [{ selector: 'bmb-badge', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section [ngClass]=\"getClasses()\">\n <span class=\"bmb_badge-bullet\"></span>\n <span class=\"bmb_badge-content\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_badge{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;display:inline-flex;justify-content:center;min-height:1.25rem;width:fit-content}.bmb_badge-content{display:inline-block;color:var(--general-contrasts-100);flex:1}.bmb_badge-bullet{border-radius:var(--bmb-radius-full);display:inline-block;height:.5rem;margin-right:.5rem;vertical-align:middle;width:.5rem}.bmb_badge-normal .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--blue-mariner-500))}.bmb_badge-success .bmb_badge-bullet{background-color:var(--semantic-success)}.bmb_badge-info .bmb_badge-bullet{background-color:var(--semantic-info-event)}.bmb_badge-warning .bmb_badge-bullet{background-color:var(--semantic-warning)}.bmb_badge-error .bmb_badge-bullet{background-color:var(--semantic-error)}.bmb_badge-brand .bmb_badge-bullet{background-color:var(--semantic-brand)}.bmb_badge-alert .bmb_badge-bullet{background-color:var(--semantic-alert)}.bmb_badge-background .bmb_badge-bullet{background-color:var(--general-contrasts-100)}.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-mitec_blue .bmb_badge-bullet{background-color:var(--mitec-blue)}.bmb_badge-mitec_red .bmb_badge-bullet{background-color:var(--mitec-red)}.bmb_badge-mitec_green .bmb_badge-bullet{background-color:var(--mitec-green)}.bmb_badge-mitec_orange .bmb_badge-bullet{background-color:var(--mitec-orange)}.bmb_badge-mitec_purple .bmb_badge-bullet{background-color:var(--mitec-purple)}.bmb_badge-creative_violet .bmb_badge-bullet{background-color:var(--creative-use-violet)}.bmb_badge-creative_indigo .bmb_badge-bullet{background-color:var(--creative-use-indigo)}.bmb_badge-creative_emerald .bmb_badge-bullet{background-color:var(--creative-use-emerald)}.bmb_badge-creative_licorice .bmb_badge-bullet{background-color:var(--creative-use-licorice)}.bmb_badge-creative_darkteal .bmb_badge-bullet{background-color:var(--creative-use-dark-teal)}.bmb_badge-creative_peach .bmb_badge-bullet{background-color:var(--creative-use-peach)}.bmb_badge-creative_sepia .bmb_badge-bullet{background-color:var(--creative-use-sepia)}.bmb_badge-creative_softred .bmb_badge-bullet{background-color:var(--creative-use-soft-red)}.bmb_badge-creative_wattle .bmb_badge-bullet{background-color:var(--creative-use-wattle)}.bmb_badge-creative_shipcove .bmb_badge-bullet{background-color:var(--creative-use-ship-cove)}.bmb_badge-creative_plantation .bmb_badge-bullet{background-color:var(--creative-use-plantation)}.bmb_badge-creative_rum .bmb_badge-bullet{background-color:var(--creative-use-rum)}.bmb_badge-creative_hibiscus .bmb_badge-bullet{background-color:var(--creative-use-hibiscus)}.bmb_badge-creative_ripelemon .bmb_badge-bullet{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container{border-radius:2.5rem;min-height:1.5rem;padding:0 .75rem}.bmb_badge-container .bmb_badge-bullet{background-color:var(--general-contrasts-5)}.bmb_badge-container .bmb_badge-content{color:var(--general-contrasts-5)}.bmb_badge-container.bmb_badge-normal{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-strong{background-color:rgb(var(--blue-mariner-200))}.bmb_badge-container.bmb_badge-success{background-color:var(--semantic-success)}.bmb_badge-container.bmb_badge-info{background-color:var(--semantic-info-event)}.bmb_badge-container.bmb_badge-warning{background-color:var(--semantic-warning)}.bmb_badge-container.bmb_badge-error{background-color:var(--semantic-error)}.bmb_badge-container.bmb_badge-brand{background-color:var(--semantic-brand)}.bmb_badge-container.bmb_badge-alert{background-color:var(--semantic-alert)}.bmb_badge-container.bmb_badge-background,.bmb_badge-container.bmb_badge-disabled{background-color:transparent}.bmb_badge-container.bmb_badge-mitec_blue{background-color:var(--mitec-blue)}.bmb_badge-container.bmb_badge-mitec_red{background-color:var(--mitec-red)}.bmb_badge-container.bmb_badge-mitec_green{background-color:var(--mitec-green)}.bmb_badge-container.bmb_badge-mitec_orange{background-color:var(--mitec-orange)}.bmb_badge-container.bmb_badge-mitec_purple{background-color:var(--mitec-purple)}.bmb_badge-container.bmb_badge-creative_violet{background-color:var(--creative-use-violet)}.bmb_badge-container.bmb_badge-creative_indigo{background-color:var(--creative-use-indigo)}.bmb_badge-container.bmb_badge-creative_emerald{background-color:var(--creative-use-emerald)}.bmb_badge-container.bmb_badge-creative_licorice{background-color:var(--creative-use-licorice)}.bmb_badge-container.bmb_badge-creative_darkteal{background-color:var(--creative-use-dark-teal)}.bmb_badge-container.bmb_badge-creative_peach{background-color:var(--creative-use-peach)}.bmb_badge-container.bmb_badge-creative_sepia{background-color:var(--creative-use-sepia)}.bmb_badge-container.bmb_badge-creative_softred{background-color:var(--creative-use-soft-red)}.bmb_badge-container.bmb_badge-creative_wattle{background-color:var(--creative-use-wattle)}.bmb_badge-container.bmb_badge-creative_shipcove{background-color:var(--creative-use-ship-cove)}.bmb_badge-container.bmb_badge-creative_plantation{background-color:var(--creative-use-plantation)}.bmb_badge-container.bmb_badge-creative_rum{background-color:var(--creative-use-rum)}.bmb_badge-container.bmb_badge-creative_hibiscus{background-color:var(--creative-use-hibiscus)}.bmb_badge-container.bmb_badge-creative_ripelemon{background-color:var(--creative-use-ripe-lemon)}.bmb_badge-container.bmb_badge-strong .bmb_badge-bullet{background-color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-strong .bmb_badge-content{color:rgb(var(--gray-charade-900))}.bmb_badge-container.bmb_badge-normal .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-bullet,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-bullet{background-color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-normal .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_blue .bmb_badge-content,.bmb_badge-container.bmb_badge-mitec_red .bmb_badge-content{color:rgb(var(--white-primary))}.bmb_badge-container.bmb_badge-disabled{background-color:var(--general-contrasts-15)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-bullet{background-color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-disabled .bmb_badge-content{color:var(--general-contrasts-50)}.bmb_badge-container.bmb_badge-background .bmb_badge-bullet,.bmb_badge-container.bmb_badge-background .bmb_badge-content{display:none}\n"] }]
|
|
3070
3071
|
}], ctorParameters: () => [] });
|
|
3071
3072
|
|
|
3072
3073
|
class BmbDropdownContentComponent {
|
|
@@ -3155,6 +3156,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
3155
3156
|
args: ['contentDiv', { static: true }]
|
|
3156
3157
|
}] } });
|
|
3157
3158
|
|
|
3159
|
+
const isABotIcon = (iconName) => {
|
|
3160
|
+
const botIcons = [
|
|
3161
|
+
'bot_tecStandar',
|
|
3162
|
+
'bot_chatGPT',
|
|
3163
|
+
'bot_tecGPT',
|
|
3164
|
+
'comment',
|
|
3165
|
+
'new',
|
|
3166
|
+
'bot_tecSchool',
|
|
3167
|
+
'bot_tecTech',
|
|
3168
|
+
'bot_tecSport',
|
|
3169
|
+
'bot_tecPhone',
|
|
3170
|
+
'bot_health',
|
|
3171
|
+
'bot_tecScience',
|
|
3172
|
+
'empty',
|
|
3173
|
+
'anthropic',
|
|
3174
|
+
'meta',
|
|
3175
|
+
'google',
|
|
3176
|
+
'xai',
|
|
3177
|
+
];
|
|
3178
|
+
return botIcons.includes(iconName);
|
|
3179
|
+
};
|
|
3180
|
+
|
|
3158
3181
|
class BmbTextLinkComponent {
|
|
3159
3182
|
constructor() {
|
|
3160
3183
|
this.textLink = input.required();
|
|
@@ -3177,8 +3200,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
3177
3200
|
type: Component,
|
|
3178
3201
|
args: [{ selector: 'bmb-text-link', standalone: true, imports: [
|
|
3179
3202
|
CommonModule,
|
|
3180
|
-
BmbLayoutDirective,
|
|
3181
|
-
BmbLayoutItemDirective,
|
|
3182
3203
|
BmbCheckExternalLinkButtonComponent,
|
|
3183
3204
|
BmbIconComponent,
|
|
3184
3205
|
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span\n class=\"bmb_text-link\"\n [ngClass]=\"{\n 'bmb_text-link-underlined': textLinkStyle() === 'underlined',\n 'bmb_text-link-disabled': disabled()\n }\"\n>\n <bmb-check-external-link-button [link]=\"link()\" [target]=\"target()\">\n <span\n class=\"bmb_text-link-item\"\n [ngClass]=\"{\n 'bmb_text-link-item-reverse':\n textLinkStyle() === 'icon' && iconPosition() === 'right'\n }\"\n >\n @if (textLinkStyle() === 'icon' && !!icon()) {\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"20\"\n [alt]=\"textLink()\"\n class=\"bmb_text-link-item-icon\"\n />\n }\n <span class=\"bmb_text-link-item-text\">\n {{ textLink() }}\n </span>\n </span>\n </bmb-check-external-link-button>\n</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_text-link{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--buttons-text-link);line-height:2}.bmb_text-link-underlined{text-decoration:underline}.bmb_text-link{display:inline-block}.bmb_text-link-disabled{opacity:.5;pointer-events:none}.bmb_text-link-underlined .bmb_text-link-item{translate:0}.bmb_text-link-underlined .bmb_text-link-item:after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:.0625rem;background:var(--buttons-text-link);transform:scaleX(0);transition:transform .2s ease}.bmb_text-link-underlined .bmb_text-link-item:hover:after{transform:scaleX(1)}.bmb_text-link-item{display:flex;position:relative;flex-flow:row;align-items:center;line-height:1rem;translate:0 .3125rem}.bmb_text-link-item-reverse{flex-direction:row-reverse;translate:0}.bmb_text-link-item-text{line-height:1rem}.bmb_text-link>bmb-check-external-link-button{display:inline-block}bmb-text-link{display:inline-block}\n"] }]
|
|
@@ -3251,8 +3272,11 @@ class BmbCardButtonComponent {
|
|
|
3251
3272
|
!this.isFullInteractive())
|
|
3252
3273
|
this.onAddContentClick.emit(event);
|
|
3253
3274
|
}
|
|
3275
|
+
isABotTemplate(icon) {
|
|
3276
|
+
return isABotIcon(icon);
|
|
3277
|
+
}
|
|
3254
3278
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbCardButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3255
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbCardButtonComponent, isStandalone: true, selector: "bmb-card-button", inputs: { isFullInteractive: { classPropertyName: "isFullInteractive", publicName: "isFullInteractive", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, leftContentIcon: { classPropertyName: "leftContentIcon", publicName: "leftContentIcon", isSignal: true, isRequired: false, transformFunction: null }, leftContentImage: { classPropertyName: "leftContentImage", publicName: "leftContentImage", isSignal: true, isRequired: false, transformFunction: null }, leftContent: { classPropertyName: "leftContent", publicName: "leftContent", isSignal: true, isRequired: false, transformFunction: null }, hasMenu: { classPropertyName: "hasMenu", publicName: "hasMenu", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, isTemplate: { classPropertyName: "isTemplate", publicName: "isTemplate", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, isSmall: { classPropertyName: "isSmall", publicName: "isSmall", isSignal: true, isRequired: false, transformFunction: null }, botIcon: { classPropertyName: "botIcon", publicName: "botIcon", isSignal: true, isRequired: false, transformFunction: null }, botImage: { classPropertyName: "botImage", publicName: "botImage", isSignal: true, isRequired: false, transformFunction: null }, smallIcon: { classPropertyName: "smallIcon", publicName: "smallIcon", isSignal: true, isRequired: false, transformFunction: null }, smallTitle: { classPropertyName: "smallTitle", publicName: "smallTitle", isSignal: true, isRequired: false, transformFunction: null }, smallDescription: { classPropertyName: "smallDescription", publicName: "smallDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAddContentClick: "onAddContentClick", onTitleClick: "onTitleClick", onSmallClick: "onSmallClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_card_button\">\n @if (isSmall()) {\n <button\n type=\"button\"\n class=\"bmb_card_button-small\"\n [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n (click)=\"handleSmallClick($event)\"\n >\n <div class=\"bmb_card_button-small-front\">\n <bmb-icon\n [icon]=\"smallIcon()\"\n [size]=\"24\"\n class=\"bmb_card_button-small-top-icon\"\n alt=\"Small icon\"\n />\n <bmb-icon [size]=\"48\" [alt]=\"botImage()?.alt!\" [isSVGTemplate]=\"true\">\n <ng-template #customIcon>\n <bmb-bot-icon [iconName]=\"botImage()?.src!\" />\n </ng-template>\n </bmb-icon>\n <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n </div>\n <div class=\"bmb_card_button-small-back\">\n <bmb-icon\n icon=\"close\"\n [size]=\"24\"\n class=\"bmb_card_button-small-close-icon\"\n />\n <div class=\"bmb_card_button-small-text\">\n {{ smallDescription() }}\n </div>\n </div>\n </button>\n } @else if (isFullInteractive()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-wrapper\"\n [ngClass]=\"{\n 'bmb_card_button-wrapper-button':\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n !textLink(),\n disabled: isDisabled()\n }\"\n aria-label=\"button\"\n (click)=\"handleAddContent($event)\"\n (keypress)=\"handleAddContent($event)\"\n >\n @if (leftContent() || isTemplate() || hasMenu()) {\n <section class=\"bmb_card_button-box\">\n @if (leftContent()) {\n <section\n class=\"bmb_card_button-left\"\n [ngClass]=\"{\n 'bmb_card_button-top-header': !leftContentIcon(),\n 'bmb_card_button-top-header-start':\n !leftContentIcon() && !!badge()\n }\"\n >\n @if (!!leftContentIcon()) {\n <div class=\"bmb_card_button-circle\">\n <bmb-icon\n [icon]=\"leftContentIcon()\"\n [size]=\"32\"\n class=\"bmb_card_button-circle-icon\"\n [alt]=\"title()\"\n />\n </div>\n } @else {\n <img\n class=\"bmb_card_button-top-header-image\"\n [src]=\"leftContentImage()?.src\"\n [alt]=\"leftContentImage()?.alt\"\n />\n <section class=\"bmb_card_button-top-header-container\">\n @if (!!badge()) {\n <bmb-badge\n class=\"bmb_card_button-top-header-container-title\"\n [text]=\"badge()?.text!\"\n [appearance]=\"badge()?.appearance ?? 'normal'\"\n [container]=\"badge()?.container ?? true\"\n />\n }\n <h2 class=\"bmb_card_button-top-header-container-title\">\n {{ title() }}\n </h2>\n </section>\n }\n </section>\n }\n <section class=\"bmb_card_button-leading\">\n @if (isTemplate()) {\n <div class=\"bmb_card_button-template\">\n <ng-content />\n </div>\n }\n\n @if (hasMenu()) {\n <bmb-dropdown-menu\n class=\"bmb_card_button-menu\"\n [items]=\"menuItems()\"\n />\n }\n </section>\n </section>\n }\n @if (!!leftContentIcon() && !leftContentImage()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-header\"\n (click)=\"handleTitleClick($event)\"\n aria-label=\"button\"\n (keypress)=\"handleTitleClick($event)\"\n >\n <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"16\"\n class=\"bmb_card_button-header-icon\"\n />\n </section>\n }\n\n @if (\n (leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()) ||\n body()\n ) {\n <section class=\"bmb_card_button-body\">\n {{ body() }}\n\n @if (\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()\n ) {\n <bmb-text-link\n [textLink]=\"textLink()?.label!\"\n icon=\"\"\n [link]=\"textLink()?.link!\"\n [target]=\"textLink()?.target!\"\n />\n }\n </section>\n }\n <div class=\"bmb_card_button-custom-content\">\n <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\n </div>\n </section>\n } @else {\n <button\n type=\"button\"\n class=\"bmb_card_button-add\"\n [disabled]=\"isDisabled()\"\n (click)=\"handleAddContent($event)\"\n >\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"48\"\n class=\"bmb_card_button-add-icon\"\n [isFill]=\"false\"\n [alt]=\"title()\"\n />\n <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n </button>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-4);height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:var(--bmb-radius-4);border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general-contrasts-15)}.bmb_card_button-wrapper:hover:not(:disabled) .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-400))}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general-contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-wrapper.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general-contrasts-100);border-radius:var(--bmb-radius-full);color:var(--general-contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:var(--bmb-radius-3);height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general-contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general-contrasts-100)}.bmb_card_button-header-icon{color:rgb(var(--gray-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general-contrasts-80)}.bmb_card_button-body .bmb_text-link-item-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general-contrasts-75)}.bmb_card_button-add{background-color:var(--buttons-primary-normal);outline:0 solid transparent;color:var(--buttons-alternative-normal);width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-card-hover-background);color:var(--buttons-card-hover-text)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled),.bmb_card_button-add:focus-visible:not(:disabled),.bmb_card_button-add:hover:active:not(:disabled){background-color:var(--buttons-primary-select);outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow);color:var(--buttons-alternative-normal)}.bmb_card_button-add:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general-contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:var(--bmb-radius-2);background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:var(--bmb-radius-2);display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-container-outline);color:var(--general-contrasts-75);border-radius:var(--bmb-radius-2);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general-contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general-contrasts-75)}.bmb_card_button-small-title{font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general-contrasts-50);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general-contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-500))}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--blue-mariner-400))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbBotIconComponent, selector: "bmb-bot-icon", inputs: ["iconName"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbCardButtonComponent, isStandalone: true, selector: "bmb-card-button", inputs: { isFullInteractive: { classPropertyName: "isFullInteractive", publicName: "isFullInteractive", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, leftContentIcon: { classPropertyName: "leftContentIcon", publicName: "leftContentIcon", isSignal: true, isRequired: false, transformFunction: null }, leftContentImage: { classPropertyName: "leftContentImage", publicName: "leftContentImage", isSignal: true, isRequired: false, transformFunction: null }, leftContent: { classPropertyName: "leftContent", publicName: "leftContent", isSignal: true, isRequired: false, transformFunction: null }, hasMenu: { classPropertyName: "hasMenu", publicName: "hasMenu", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, isTemplate: { classPropertyName: "isTemplate", publicName: "isTemplate", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, textLink: { classPropertyName: "textLink", publicName: "textLink", isSignal: true, isRequired: false, transformFunction: null }, isSmall: { classPropertyName: "isSmall", publicName: "isSmall", isSignal: true, isRequired: false, transformFunction: null }, botIcon: { classPropertyName: "botIcon", publicName: "botIcon", isSignal: true, isRequired: false, transformFunction: null }, botImage: { classPropertyName: "botImage", publicName: "botImage", isSignal: true, isRequired: false, transformFunction: null }, smallIcon: { classPropertyName: "smallIcon", publicName: "smallIcon", isSignal: true, isRequired: false, transformFunction: null }, smallTitle: { classPropertyName: "smallTitle", publicName: "smallTitle", isSignal: true, isRequired: false, transformFunction: null }, smallDescription: { classPropertyName: "smallDescription", publicName: "smallDescription", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAddContentClick: "onAddContentClick", onTitleClick: "onTitleClick", onSmallClick: "onSmallClick" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_card_button\">\n @if (isSmall()) {\n <button\n type=\"button\"\n class=\"bmb_card_button-small\"\n [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n (click)=\"handleSmallClick($event)\"\n >\n <div class=\"bmb_card_button-small-front\">\n <bmb-icon\n [icon]=\"smallIcon()\"\n [size]=\"24\"\n class=\"bmb_card_button-small-top-icon\"\n alt=\"Small icon\"\n />\n @if (isABotTemplate(botImage()?.src!)) {\n <bmb-icon [size]=\"48\" [alt]=\"botImage()?.alt!\" [isSVGTemplate]=\"true\">\n <ng-template #customIcon>\n <bmb-bot-icon [iconName]=\"botImage()?.src!\" />\n </ng-template>\n </bmb-icon>\n } @else {\n <bmb-icon\n [size]=\"48\"\n [alt]=\"botImage()?.alt!\"\n [icon]=\"botImage()?.src!\"\n ></bmb-icon>\n }\n <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n </div>\n <div class=\"bmb_card_button-small-back\">\n <bmb-icon\n icon=\"close\"\n [size]=\"24\"\n class=\"bmb_card_button-small-close-icon\"\n />\n <div class=\"bmb_card_button-small-text\">\n {{ smallDescription() }}\n </div>\n </div>\n </button>\n } @else if (isFullInteractive()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-wrapper\"\n [ngClass]=\"{\n 'bmb_card_button-wrapper-button':\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n !textLink(),\n disabled: isDisabled()\n }\"\n aria-label=\"button\"\n (click)=\"handleAddContent($event)\"\n (keypress)=\"handleAddContent($event)\"\n >\n @if (leftContent() || isTemplate() || hasMenu()) {\n <section class=\"bmb_card_button-box\">\n @if (leftContent()) {\n <section\n class=\"bmb_card_button-left\"\n [ngClass]=\"{\n 'bmb_card_button-top-header': !leftContentIcon(),\n 'bmb_card_button-top-header-start':\n !leftContentIcon() && !!badge()\n }\"\n >\n @if (!!leftContentIcon()) {\n <div class=\"bmb_card_button-circle\">\n <bmb-icon\n [icon]=\"leftContentIcon()\"\n [size]=\"32\"\n class=\"bmb_card_button-circle-icon\"\n [alt]=\"title()\"\n />\n </div>\n } @else {\n <img\n class=\"bmb_card_button-top-header-image\"\n [src]=\"leftContentImage()?.src\"\n [alt]=\"leftContentImage()?.alt\"\n />\n <section class=\"bmb_card_button-top-header-container\">\n @if (!!badge()) {\n <bmb-badge\n class=\"bmb_card_button-top-header-container-title\"\n [text]=\"badge()?.text!\"\n [appearance]=\"badge()?.appearance ?? 'normal'\"\n [container]=\"badge()?.container ?? true\"\n />\n }\n <h2 class=\"bmb_card_button-top-header-container-title\">\n {{ title() }}\n </h2>\n </section>\n }\n </section>\n }\n <section class=\"bmb_card_button-leading\">\n @if (isTemplate()) {\n <div class=\"bmb_card_button-template\">\n <ng-content />\n </div>\n }\n\n @if (hasMenu()) {\n <bmb-dropdown-menu\n class=\"bmb_card_button-menu\"\n [items]=\"menuItems()\"\n />\n }\n </section>\n </section>\n }\n @if (!!leftContentIcon() && !leftContentImage()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-header\"\n (click)=\"handleTitleClick($event)\"\n aria-label=\"button\"\n (keypress)=\"handleTitleClick($event)\"\n >\n <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"16\"\n class=\"bmb_card_button-header-icon\"\n />\n </section>\n }\n\n @if (\n (leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()) ||\n body()\n ) {\n <section class=\"bmb_card_button-body\">\n {{ body() }}\n\n @if (\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()\n ) {\n <bmb-text-link\n [textLink]=\"textLink()?.label!\"\n icon=\"\"\n [link]=\"textLink()?.link!\"\n [target]=\"textLink()?.target!\"\n />\n }\n </section>\n }\n <div class=\"bmb_card_button-custom-content\">\n <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\n </div>\n </section>\n } @else {\n <button\n type=\"button\"\n class=\"bmb_card_button-add\"\n [disabled]=\"isDisabled()\"\n (click)=\"handleAddContent($event)\"\n >\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"48\"\n class=\"bmb_card_button-add-icon\"\n [isFill]=\"false\"\n [alt]=\"title()\"\n />\n <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n </button>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-4);height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:var(--bmb-radius-4);border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general-contrasts-15)}.bmb_card_button-wrapper:hover:not(:disabled) .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-400))}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general-contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-wrapper.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general-contrasts-100);border-radius:var(--bmb-radius-full);color:var(--general-contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:var(--bmb-radius-3);height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general-contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general-contrasts-100)}.bmb_card_button-header-icon{color:rgb(var(--gray-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general-contrasts-80)}.bmb_card_button-body .bmb_text-link-item-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general-contrasts-75)}.bmb_card_button-add{background-color:var(--buttons-primary-normal);outline:0 solid transparent;color:var(--buttons-alternative-normal);width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-card-hover-background);color:var(--buttons-card-hover-text)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled),.bmb_card_button-add:focus-visible:not(:disabled),.bmb_card_button-add:hover:active:not(:disabled){background-color:var(--buttons-primary-select);outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow);color:var(--buttons-alternative-normal)}.bmb_card_button-add:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general-contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:var(--bmb-radius-2);background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:var(--bmb-radius-2);display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-container-outline);color:var(--general-contrasts-75);border-radius:var(--bmb-radius-2);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general-contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general-contrasts-75)}.bmb_card_button-small-title{font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general-contrasts-50);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general-contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-500))}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--blue-mariner-400))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbBotIconComponent, selector: "bmb-bot-icon", inputs: ["iconName"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3256
3280
|
}
|
|
3257
3281
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbCardButtonComponent, decorators: [{
|
|
3258
3282
|
type: Component,
|
|
@@ -3264,7 +3288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
3264
3288
|
BmbBadgeComponent,
|
|
3265
3289
|
BmbDropdownMenuComponent,
|
|
3266
3290
|
BmbTextLinkComponent,
|
|
3267
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_card_button\">\n @if (isSmall()) {\n <button\n type=\"button\"\n class=\"bmb_card_button-small\"\n [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n (click)=\"handleSmallClick($event)\"\n >\n <div class=\"bmb_card_button-small-front\">\n <bmb-icon\n [icon]=\"smallIcon()\"\n [size]=\"24\"\n class=\"bmb_card_button-small-top-icon\"\n alt=\"Small icon\"\n />\n <bmb-icon [size]=\"48\" [alt]=\"botImage()?.alt!\" [isSVGTemplate]=\"true\">\n <ng-template #customIcon>\n <bmb-bot-icon [iconName]=\"botImage()?.src!\" />\n </ng-template>\n </bmb-icon>\n <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n </div>\n <div class=\"bmb_card_button-small-back\">\n <bmb-icon\n icon=\"close\"\n [size]=\"24\"\n class=\"bmb_card_button-small-close-icon\"\n />\n <div class=\"bmb_card_button-small-text\">\n {{ smallDescription() }}\n </div>\n </div>\n </button>\n } @else if (isFullInteractive()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-wrapper\"\n [ngClass]=\"{\n 'bmb_card_button-wrapper-button':\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n !textLink(),\n disabled: isDisabled()\n }\"\n aria-label=\"button\"\n (click)=\"handleAddContent($event)\"\n (keypress)=\"handleAddContent($event)\"\n >\n @if (leftContent() || isTemplate() || hasMenu()) {\n <section class=\"bmb_card_button-box\">\n @if (leftContent()) {\n <section\n class=\"bmb_card_button-left\"\n [ngClass]=\"{\n 'bmb_card_button-top-header': !leftContentIcon(),\n 'bmb_card_button-top-header-start':\n !leftContentIcon() && !!badge()\n }\"\n >\n @if (!!leftContentIcon()) {\n <div class=\"bmb_card_button-circle\">\n <bmb-icon\n [icon]=\"leftContentIcon()\"\n [size]=\"32\"\n class=\"bmb_card_button-circle-icon\"\n [alt]=\"title()\"\n />\n </div>\n } @else {\n <img\n class=\"bmb_card_button-top-header-image\"\n [src]=\"leftContentImage()?.src\"\n [alt]=\"leftContentImage()?.alt\"\n />\n <section class=\"bmb_card_button-top-header-container\">\n @if (!!badge()) {\n <bmb-badge\n class=\"bmb_card_button-top-header-container-title\"\n [text]=\"badge()?.text!\"\n [appearance]=\"badge()?.appearance ?? 'normal'\"\n [container]=\"badge()?.container ?? true\"\n />\n }\n <h2 class=\"bmb_card_button-top-header-container-title\">\n {{ title() }}\n </h2>\n </section>\n }\n </section>\n }\n <section class=\"bmb_card_button-leading\">\n @if (isTemplate()) {\n <div class=\"bmb_card_button-template\">\n <ng-content />\n </div>\n }\n\n @if (hasMenu()) {\n <bmb-dropdown-menu\n class=\"bmb_card_button-menu\"\n [items]=\"menuItems()\"\n />\n }\n </section>\n </section>\n }\n @if (!!leftContentIcon() && !leftContentImage()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-header\"\n (click)=\"handleTitleClick($event)\"\n aria-label=\"button\"\n (keypress)=\"handleTitleClick($event)\"\n >\n <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"16\"\n class=\"bmb_card_button-header-icon\"\n />\n </section>\n }\n\n @if (\n (leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()) ||\n body()\n ) {\n <section class=\"bmb_card_button-body\">\n {{ body() }}\n\n @if (\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()\n ) {\n <bmb-text-link\n [textLink]=\"textLink()?.label!\"\n icon=\"\"\n [link]=\"textLink()?.link!\"\n [target]=\"textLink()?.target!\"\n />\n }\n </section>\n }\n <div class=\"bmb_card_button-custom-content\">\n <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\n </div>\n </section>\n } @else {\n <button\n type=\"button\"\n class=\"bmb_card_button-add\"\n [disabled]=\"isDisabled()\"\n (click)=\"handleAddContent($event)\"\n >\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"48\"\n class=\"bmb_card_button-add-icon\"\n [isFill]=\"false\"\n [alt]=\"title()\"\n />\n <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n </button>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-4);height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:var(--bmb-radius-4);border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general-contrasts-15)}.bmb_card_button-wrapper:hover:not(:disabled) .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-400))}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general-contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-wrapper.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general-contrasts-100);border-radius:var(--bmb-radius-full);color:var(--general-contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:var(--bmb-radius-3);height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general-contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general-contrasts-100)}.bmb_card_button-header-icon{color:rgb(var(--gray-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general-contrasts-80)}.bmb_card_button-body .bmb_text-link-item-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general-contrasts-75)}.bmb_card_button-add{background-color:var(--buttons-primary-normal);outline:0 solid transparent;color:var(--buttons-alternative-normal);width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-card-hover-background);color:var(--buttons-card-hover-text)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled),.bmb_card_button-add:focus-visible:not(:disabled),.bmb_card_button-add:hover:active:not(:disabled){background-color:var(--buttons-primary-select);outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow);color:var(--buttons-alternative-normal)}.bmb_card_button-add:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general-contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:var(--bmb-radius-2);background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:var(--bmb-radius-2);display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-container-outline);color:var(--general-contrasts-75);border-radius:var(--bmb-radius-2);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general-contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general-contrasts-75)}.bmb_card_button-small-title{font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general-contrasts-50);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general-contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-500))}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--blue-mariner-400))}\n"] }]
|
|
3291
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_card_button\">\n @if (isSmall()) {\n <button\n type=\"button\"\n class=\"bmb_card_button-small\"\n [ngClass]=\"{ 'bmb_card_button-small-flipped': isFlipped }\"\n (click)=\"handleSmallClick($event)\"\n >\n <div class=\"bmb_card_button-small-front\">\n <bmb-icon\n [icon]=\"smallIcon()\"\n [size]=\"24\"\n class=\"bmb_card_button-small-top-icon\"\n alt=\"Small icon\"\n />\n @if (isABotTemplate(botImage()?.src!)) {\n <bmb-icon [size]=\"48\" [alt]=\"botImage()?.alt!\" [isSVGTemplate]=\"true\">\n <ng-template #customIcon>\n <bmb-bot-icon [iconName]=\"botImage()?.src!\" />\n </ng-template>\n </bmb-icon>\n } @else {\n <bmb-icon\n [size]=\"48\"\n [alt]=\"botImage()?.alt!\"\n [icon]=\"botImage()?.src!\"\n ></bmb-icon>\n }\n <h3 class=\"bmb_card_button-small-title\">{{ smallTitle() }}</h3>\n </div>\n <div class=\"bmb_card_button-small-back\">\n <bmb-icon\n icon=\"close\"\n [size]=\"24\"\n class=\"bmb_card_button-small-close-icon\"\n />\n <div class=\"bmb_card_button-small-text\">\n {{ smallDescription() }}\n </div>\n </div>\n </button>\n } @else if (isFullInteractive()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-wrapper\"\n [ngClass]=\"{\n 'bmb_card_button-wrapper-button':\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n !textLink(),\n disabled: isDisabled()\n }\"\n aria-label=\"button\"\n (click)=\"handleAddContent($event)\"\n (keypress)=\"handleAddContent($event)\"\n >\n @if (leftContent() || isTemplate() || hasMenu()) {\n <section class=\"bmb_card_button-box\">\n @if (leftContent()) {\n <section\n class=\"bmb_card_button-left\"\n [ngClass]=\"{\n 'bmb_card_button-top-header': !leftContentIcon(),\n 'bmb_card_button-top-header-start':\n !leftContentIcon() && !!badge()\n }\"\n >\n @if (!!leftContentIcon()) {\n <div class=\"bmb_card_button-circle\">\n <bmb-icon\n [icon]=\"leftContentIcon()\"\n [size]=\"32\"\n class=\"bmb_card_button-circle-icon\"\n [alt]=\"title()\"\n />\n </div>\n } @else {\n <img\n class=\"bmb_card_button-top-header-image\"\n [src]=\"leftContentImage()?.src\"\n [alt]=\"leftContentImage()?.alt\"\n />\n <section class=\"bmb_card_button-top-header-container\">\n @if (!!badge()) {\n <bmb-badge\n class=\"bmb_card_button-top-header-container-title\"\n [text]=\"badge()?.text!\"\n [appearance]=\"badge()?.appearance ?? 'normal'\"\n [container]=\"badge()?.container ?? true\"\n />\n }\n <h2 class=\"bmb_card_button-top-header-container-title\">\n {{ title() }}\n </h2>\n </section>\n }\n </section>\n }\n <section class=\"bmb_card_button-leading\">\n @if (isTemplate()) {\n <div class=\"bmb_card_button-template\">\n <ng-content />\n </div>\n }\n\n @if (hasMenu()) {\n <bmb-dropdown-menu\n class=\"bmb_card_button-menu\"\n [items]=\"menuItems()\"\n />\n }\n </section>\n </section>\n }\n @if (!!leftContentIcon() && !leftContentImage()) {\n <section\n tabindex=\"0\"\n class=\"bmb_card_button-header\"\n (click)=\"handleTitleClick($event)\"\n aria-label=\"button\"\n (keypress)=\"handleTitleClick($event)\"\n >\n <h2 class=\"bmb_card_button-header-text\">{{ title() }}</h2>\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"16\"\n class=\"bmb_card_button-header-icon\"\n />\n </section>\n }\n\n @if (\n (leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()) ||\n body()\n ) {\n <section class=\"bmb_card_button-body\">\n {{ body() }}\n\n @if (\n leftContent() &&\n !leftContentIcon() &&\n leftContentImage() &&\n textLink()\n ) {\n <bmb-text-link\n [textLink]=\"textLink()?.label!\"\n icon=\"\"\n [link]=\"textLink()?.link!\"\n [target]=\"textLink()?.target!\"\n />\n }\n </section>\n }\n <div class=\"bmb_card_button-custom-content\">\n <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\n </div>\n </section>\n } @else {\n <button\n type=\"button\"\n class=\"bmb_card_button-add\"\n [disabled]=\"isDisabled()\"\n (click)=\"handleAddContent($event)\"\n >\n <bmb-icon\n [icon]=\"icon()\"\n [size]=\"48\"\n class=\"bmb_card_button-add-icon\"\n [isFill]=\"false\"\n [alt]=\"title()\"\n />\n <div class=\"bmb_card_button-add-title\">{{ title() }}</div>\n </button>\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_card_button{display:flex;flex-direction:column;border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-4);height:12.1875rem;width:20.5rem;position:relative}.bmb_card_button:has(.bmb_card_button-small){height:9.25rem;width:10.3125rem;border-radius:var(--bmb-radius-4);border:0}.bmb_card_button-wrapper{display:block;background-color:var(--containers-modal);padding:1.5rem;position:relative;width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bmb_card_button-wrapper:hover:not(:disabled){background-color:var(--general-contrasts-15)}.bmb_card_button-wrapper:hover:not(:disabled) .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-400))}.bmb_card_button-wrapper:focus:not(:disabled),.bmb_card_button-wrapper:active:not(:disabled){background-color:var(--general-contrasts-25)}.bmb_card_button-wrapper-button{cursor:pointer}.bmb_card_button-wrapper.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.bmb_card_button-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;min-height:1.75rem}.bmb_card_button-left{align-items:center;display:flex;justify-content:flex-start}.bmb_card_button-left.bmb_card_button-top-header-start{align-items:start}.bmb_card_button-circle{align-items:center;background-color:var(--general-contrasts-100);border-radius:var(--bmb-radius-full);color:var(--general-contrasts-5);display:flex;height:3rem;justify-content:center;width:3rem}.bmb_card_button-top-header{display:flex;flex-direction:row;gap:1rem;flex:1;max-width:100%}.bmb_card_button-top-header-image{border-radius:var(--bmb-radius-3);height:4.125rem;object-fit:cover;width:4.125rem}.bmb_card_button-top-header-container{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow:hidden}.bmb_card_button-top-header-container-title{font-family:Poppins-Regular,sans-serif;font-size:1rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-leading{display:flex;flex-flow:row wrap;justify-content:flex-end;margin-left:auto}.bmb_card_button-menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_card_button-template{display:flex;flex-flow:row wrap;height:2.5rem;justify-content:flex-end;overflow:hidden;padding:0 .625rem;color:var(--general-contrasts-75);gap:1rem}.bmb_card_button-header{align-items:center;display:flex;gap:.5rem;cursor:pointer}.bmb_card_button-header-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--general-contrasts-100)}.bmb_card_button-header-icon{color:rgb(var(--gray-charade-300))}.bmb_card_button-body{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-body .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-body{color:var(--general-contrasts-80)}.bmb_card_button-body .bmb_text-link-item-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_card_button-custom-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;padding:.5rem 0;display:-webkit-box;max-block-size:4rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow:hidden;text-overflow:ellipsis;max-block-size:calc(3lh + .5rem)}.bmb_card_button-custom-content .bmb_text-link .bmb_check-external-link-button-element{line-height:1}.bmb_card_button-custom-content{color:var(--general-contrasts-75)}.bmb_card_button-add{background-color:var(--buttons-primary-normal);outline:0 solid transparent;color:var(--buttons-alternative-normal);width:100%;height:100%;border-radius:var(--bmb-radius-4);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-add-title{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin-top:.625rem;max-width:100%;padding:0 1rem;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-add:hover:not(:disabled){background-color:var(--buttons-card-hover-background);color:var(--buttons-card-hover-text)}.bmb_card_button-add:focus:not(:disabled),.bmb_card_button-add:active:not(:disabled),.bmb_card_button-add:focus-visible:not(:disabled),.bmb_card_button-add:hover:active:not(:disabled){background-color:var(--buttons-primary-select);outline-width:.0625rem;outline-color:var(--buttons-stroke-primary-selected);box-shadow:.25rem .25rem .25rem 0 var(--drop_shadow-color-test-shadow);color:var(--buttons-alternative-normal)}.bmb_card_button-add:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bmb_card_button-small{border:none;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%;border-color:var(--general-contrasts-container-outline);justify-content:flex-start}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-text,.bmb_card_button-small:active:not(:disabled) .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small:hover{border-radius:var(--bmb-radius-2);background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-flipped{transform:rotateY(180deg)}.bmb_card_button-small-flipped .bmb_card_button-small-back{background-color:var(--menu-select-surface-activated);color:var(--general-contrasts-main-complimentary)}.bmb_card_button-small-flipped .bmb_card_button-small-text,.bmb_card_button-small-flipped .bmb_card_button-small-close-icon{color:var(--buttons-alternative-normal)}.bmb_card_button-small-front,.bmb_card_button-small-back{align-items:center;backface-visibility:hidden;border-radius:var(--bmb-radius-2);display:flex;flex-direction:column;height:100%;justify-content:start;left:0;padding:.5rem;position:absolute;top:0;width:100%;gap:.5rem}.bmb_card_button-small-front{background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-container-outline);color:var(--general-contrasts-75);border-radius:var(--bmb-radius-2);box-shadow:var(--bmb-box-shadow-3)}.bmb_card_button-small-back{background-color:var(--menu-select-on-surface-hovered);transform:rotateY(180deg)}.bmb_card_button-small-top-icon{align-self:flex-end;color:var(--general-contrasts-50)}.bmb_card_button-small-close-icon{align-self:flex-end;color:var(--general-contrasts-75)}.bmb_card_button-small-title{font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:center;display:-webkit-box;max-block-size:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis}.bmb_card_button-small-text{font-family:Poppins-Regular,sans-serif;font-size:.625rem;color:var(--general-contrasts-50);padding-top:1rem;text-align:center;width:100%}.bmb_card_button .bmb_dropdown_menu{color:var(--general-contrasts-container)}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element{color:rgb(var(--blue-mariner-500))}.bmb_card_button .bmb_text-link .bmb_check-external-link-button-element:hover{color:rgb(var(--blue-mariner-400))}\n"] }]
|
|
3268
3292
|
}] });
|
|
3269
3293
|
|
|
3270
3294
|
class BmbSwitchComponent {
|
|
@@ -3535,7 +3559,7 @@ class BmbInputContentComponent {
|
|
|
3535
3559
|
this.onKeyUp.emit(event);
|
|
3536
3560
|
}
|
|
3537
3561
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbInputContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3538
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbInputContentComponent, isStandalone: true, selector: "bmb-input-content", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, heightTextArea: { classPropertyName: "heightTextArea", publicName: "heightTextArea", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, isReadOnly: { classPropertyName: "isReadOnly", publicName: "isReadOnly", isSignal: true, isRequired: false, transformFunction: null }, additionalAction: { classPropertyName: "additionalAction", publicName: "additionalAction", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null }, showStates: { classPropertyName: "showStates", publicName: "showStates", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onFocus: "onFocus", onBlur: "onBlur", onChange: "onChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", clearEvent: "clearEvent" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_field\">\n <section class=\"bmb_field-wrapper\">\n @if (!!icon() && type() !== 'text-area') {\n <bmb-icon\n class=\"bmb_field-icon\"\n [ngClass]=\"{\n 'bmb_field-icon-simple': appearance() === 'simple',\n 'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n 'bmb_field-icon-simple-error': appearance() === 'simple' && isError()\n }\"\n [icon]=\"icon()\"\n [size]=\"24\"\n [alt]=\"name()\"\n />\n }\n @if (type() === 'text-area') {\n <textarea\n class=\"bmb_field-text-area\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [placeholder]=\"placeholder()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [maxlength]=\"maxLength()!\"\n [style.height.px]=\"heightTextArea()!\"\n [minlength]=\"minLength()!\"\n [spellcheck]=\"spellcheck()\"\n [rows]=\"rows()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [pattern]=\"pattern()!\"\n [tabindex]=\"control().disabled ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n ></textarea>\n @if (isError()) {\n <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n }\n } @else {\n <input\n class=\"bmb_field-input\"\n [type]=\"getType()\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [readOnly]=\"isReadOnly()\"\n [placeholder]=\"placeholder()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [spellcheck]=\"spellcheck()\"\n [maxlength]=\"maxLength()!\"\n [minlength]=\"minLength()!\"\n [pattern]=\"pattern()!\"\n [max]=\"max()\"\n [min]=\"min()\"\n [tabindex]=\"control().disabled ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n (keyup)=\"handleKeyUp($event)\"\n />\n @if (showAdditionalAction() || isClearable()) {\n <span class=\"bmb_field-actions\">\n @if (showAdditionalAction()) {\n <bmb-action-icon\n class=\"bmb_field-additional_action\"\n [icon]=\"getAdditionalActionIcon()\"\n [iconSize]=\"24\"\n [disabled]=\"control().disabled\"\n (buttonClick)=\"actionToExecute()\"\n />\n }\n @if (isClearable()) {\n <bmb-action-icon\n class=\"bmb_field-clear\"\n icon=\"close\"\n [iconSize]=\"24\"\n [disabled]=\"control().disabled\"\n (buttonClick)=\"handleClearValue()\"\n />\n }\n </span>\n }\n }\n <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general-contrasts-50)}.bmb_field-icon{color:var(--general-contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general-contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general-contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{box-sizing:border-box;line-height:1.5}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal{padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-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_field-input-normal:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-input-simple{box-sizing:border-box;line-height:1.5}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple{box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general-contrasts-50);color:var(--general-contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-input-outline);color:var(--general-contrasts-input-outline);caret-color:var(--general-contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:var(--bmb-radius-5);border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:var(--bmb-radius-3)}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:rgb(var(--red-light));position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-actions bmb-action-icon{display:flex}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general-contrasts-50)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3562
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbInputContentComponent, isStandalone: true, selector: "bmb-input-content", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, heightTextArea: { classPropertyName: "heightTextArea", publicName: "heightTextArea", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, isReadOnly: { classPropertyName: "isReadOnly", publicName: "isReadOnly", isSignal: true, isRequired: false, transformFunction: null }, additionalAction: { classPropertyName: "additionalAction", publicName: "additionalAction", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, isError: { classPropertyName: "isError", publicName: "isError", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null }, showStates: { classPropertyName: "showStates", publicName: "showStates", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange", onFocus: "onFocus", onBlur: "onBlur", onChange: "onChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", clearEvent: "clearEvent" }, queries: [{ propertyName: "customContent", first: true, predicate: ["customContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section class=\"bmb_field\">\n <section class=\"bmb_field-wrapper\">\n @if (!!icon() && type() !== 'text-area') {\n <bmb-icon\n class=\"bmb_field-icon\"\n [ngClass]=\"{\n 'bmb_field-icon-simple': appearance() === 'simple',\n 'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n 'bmb_field-icon-simple-error': appearance() === 'simple' && isError()\n }\"\n [icon]=\"icon()\"\n [size]=\"24\"\n [alt]=\"name()\"\n />\n }\n @if (type() === 'text-area') {\n <textarea\n class=\"bmb_field-text-area\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [placeholder]=\"placeholder()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [maxlength]=\"maxLength()!\"\n [style.height.px]=\"heightTextArea()!\"\n [minlength]=\"minLength()!\"\n [spellcheck]=\"spellcheck()\"\n [rows]=\"rows()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [pattern]=\"pattern()!\"\n [tabindex]=\"control().disabled ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n ></textarea>\n @if (isError()) {\n <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n }\n } @else {\n <input\n class=\"bmb_field-input\"\n [type]=\"getType()\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [readOnly]=\"isReadOnly()\"\n [placeholder]=\"placeholder()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [spellcheck]=\"spellcheck()\"\n [maxlength]=\"maxLength()!\"\n [minlength]=\"minLength()!\"\n [pattern]=\"pattern()!\"\n [max]=\"max()\"\n [min]=\"min()\"\n [tabindex]=\"control().disabled ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n (keyup)=\"handleKeyUp($event)\"\n />\n @if (showAdditionalAction() || isClearable()) {\n <span class=\"bmb_field-actions\">\n @if (showAdditionalAction()) {\n <bmb-action-icon\n class=\"bmb_field-additional_action\"\n [icon]=\"getAdditionalActionIcon()\"\n [iconSize]=\"24\"\n [disabled]=\"control().disabled\"\n (buttonClick)=\"actionToExecute()\"\n />\n }\n @if (isClearable()) {\n <bmb-action-icon\n class=\"bmb_field-clear\"\n icon=\"close\"\n [iconSize]=\"24\"\n [disabled]=\"control().disabled\"\n (buttonClick)=\"handleClearValue()\"\n />\n }\n </span>\n }\n }\n <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general-contrasts-50)}.bmb_field-icon{color:var(--general-contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general-contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general-contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{box-sizing:border-box;line-height:1.5}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal{padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-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_field-input-normal:hover{box-sizing:inherit;border-color:var(--general-contrasts-50);outline:.0625rem solid;outline-color:var(--general-contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-50)}.bmb_field-input-simple{box-sizing:border-box;line-height:1.5}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple{box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general-contrasts-50);color:var(--general-contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-input-outline);color:var(--general-contrasts-input-outline);caret-color:var(--general-contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:var(--bmb-radius-5);border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:var(--bmb-radius-3)}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:rgb(var(--red-light));position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-actions bmb-action-icon{display:flex}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general-contrasts-50)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3539
3563
|
}
|
|
3540
3564
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbInputContentComponent, decorators: [{
|
|
3541
3565
|
type: Component,
|
|
@@ -3544,7 +3568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
3544
3568
|
BmbIconComponent,
|
|
3545
3569
|
ReactiveFormsModule,
|
|
3546
3570
|
BmbActionIconComponent,
|
|
3547
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_field\">\n <section class=\"bmb_field-wrapper\">\n @if (!!icon() && type() !== 'text-area') {\n <bmb-icon\n class=\"bmb_field-icon\"\n [ngClass]=\"{\n 'bmb_field-icon-simple': appearance() === 'simple',\n 'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n 'bmb_field-icon-simple-error': appearance() === 'simple' && isError()\n }\"\n [icon]=\"icon()\"\n [size]=\"24\"\n [alt]=\"name()\"\n />\n }\n @if (type() === 'text-area') {\n <textarea\n class=\"bmb_field-text-area\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [placeholder]=\"placeholder()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [maxlength]=\"maxLength()!\"\n [style.height.px]=\"heightTextArea()!\"\n [minlength]=\"minLength()!\"\n [spellcheck]=\"spellcheck()\"\n [rows]=\"rows()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [pattern]=\"pattern()!\"\n [tabindex]=\"control().disabled ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n ></textarea>\n @if (isError()) {\n <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n }\n } @else {\n <input\n class=\"bmb_field-input\"\n [type]=\"getType()\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [readOnly]=\"isReadOnly()\"\n [placeholder]=\"placeholder()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [spellcheck]=\"spellcheck()\"\n [maxlength]=\"maxLength()!\"\n [minlength]=\"minLength()!\"\n [pattern]=\"pattern()!\"\n [max]=\"max()\"\n [min]=\"min()\"\n [tabindex]=\"control().disabled ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n (keyup)=\"handleKeyUp($event)\"\n />\n @if (showAdditionalAction() || isClearable()) {\n <span class=\"bmb_field-actions\">\n @if (showAdditionalAction()) {\n <bmb-action-icon\n class=\"bmb_field-additional_action\"\n [icon]=\"getAdditionalActionIcon()\"\n [iconSize]=\"24\"\n [disabled]=\"control().disabled\"\n (buttonClick)=\"actionToExecute()\"\n />\n }\n @if (isClearable()) {\n <bmb-action-icon\n class=\"bmb_field-clear\"\n icon=\"close\"\n [iconSize]=\"24\"\n [disabled]=\"control().disabled\"\n (buttonClick)=\"handleClearValue()\"\n />\n }\n </span>\n }\n }\n <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general-contrasts-50)}.bmb_field-icon{color:var(--general-contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general-contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general-contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{box-sizing:border-box;line-height:1.5}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal{padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-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_field-input-normal:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-input-simple{box-sizing:border-box;line-height:1.5}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple{box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general-contrasts-50);color:var(--general-contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-input-outline);color:var(--general-contrasts-input-outline);caret-color:var(--general-contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general_contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:var(--bmb-radius-5);border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:var(--bmb-radius-3)}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:rgb(var(--red-light));position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-actions bmb-action-icon{display:flex}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general-contrasts-50)}\n"] }]
|
|
3571
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_field\">\n <section class=\"bmb_field-wrapper\">\n @if (!!icon() && type() !== 'text-area') {\n <bmb-icon\n class=\"bmb_field-icon\"\n [ngClass]=\"{\n 'bmb_field-icon-simple': appearance() === 'simple',\n 'bmb_field-icon-simple-focused': appearance() === 'simple' && isFocus,\n 'bmb_field-icon-simple-error': appearance() === 'simple' && isError()\n }\"\n [icon]=\"icon()\"\n [size]=\"24\"\n [alt]=\"name()\"\n />\n }\n @if (type() === 'text-area') {\n <textarea\n class=\"bmb_field-text-area\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [placeholder]=\"placeholder()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [maxlength]=\"maxLength()!\"\n [style.height.px]=\"heightTextArea()!\"\n [minlength]=\"minLength()!\"\n [spellcheck]=\"spellcheck()\"\n [rows]=\"rows()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [pattern]=\"pattern()!\"\n [tabindex]=\"control().disabled ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n ></textarea>\n @if (isError()) {\n <bmb-icon class=\"bmb_field-text-area-error-icon\" [icon]=\"'error'\" />\n }\n } @else {\n <input\n class=\"bmb_field-input\"\n [type]=\"getType()\"\n [ngClass]=\"inputClasses\"\n [autocomplete]=\"autoComplete()\"\n [readOnly]=\"isReadOnly()\"\n [placeholder]=\"placeholder()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [id]=\"inputId()\"\n [spellcheck]=\"spellcheck()\"\n [maxlength]=\"maxLength()!\"\n [minlength]=\"minLength()!\"\n [pattern]=\"pattern()!\"\n [max]=\"max()\"\n [min]=\"min()\"\n [tabindex]=\"control().disabled ? -1 : 0\"\n (keydown)=\"handleKeyPress($event)\"\n (change)=\"handleChange($event)\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n (keyup)=\"handleKeyUp($event)\"\n />\n @if (showAdditionalAction() || isClearable()) {\n <span class=\"bmb_field-actions\">\n @if (showAdditionalAction()) {\n <bmb-action-icon\n class=\"bmb_field-additional_action\"\n [icon]=\"getAdditionalActionIcon()\"\n [iconSize]=\"24\"\n [disabled]=\"control().disabled\"\n (buttonClick)=\"actionToExecute()\"\n />\n }\n @if (isClearable()) {\n <bmb-action-icon\n class=\"bmb_field-clear\"\n icon=\"close\"\n [iconSize]=\"24\"\n [disabled]=\"control().disabled\"\n (buttonClick)=\"handleClearValue()\"\n />\n }\n </span>\n }\n }\n <ng-container [ngTemplateOutlet]=\"customContent() ?? null\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_field-wrapper{align-items:center;display:flex;position:relative;width:100%}.bmb_field-wrapper:hover .bmb_field-icon-simple{color:var(--general-contrasts-50)}.bmb_field-icon{color:var(--general-contrasts-100);left:var(--bmb-spacing-s);position:absolute;top:50%;transform:translateY(-50%)}.bmb_field-icon~.bmb_field-input-normal{padding-left:2.4375rem}.bmb_field-icon~.bmb_field-input-simple{padding-left:1.9375rem}.bmb_field-icon-simple{left:0}.bmb_field-icon-simple-error{color:var(--general-contrasts-75)}.bmb_field-icon-simple-focused{color:var(--general-contrasts-input-outline)}.bmb_field-input{text-overflow:ellipsis;white-space:normal;overflow:hidden}.bmb_field-input-limited{padding-right:2.25rem}.bmb_field-input-limited-actions{padding-right:4.5rem}.bmb_field-input-normal{box-sizing:border-box;line-height:1.5}.bmb_field-input-normal:focus{outline:0}.bmb_field-input-normal{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-normal:focus,.bmb_field-input-normal:hover{outline:0}.bmb_field-input-normal{padding-left:var(--bmb-spacing-s);box-sizing:border-box;border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_field-input-normal.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-normal:focus,.bmb_field-input-normal:focus-visible,.bmb_field-input-normal-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_field-input-normal:hover{box-sizing:inherit;border-color:var(--general-contrasts-50);outline:.0625rem solid;outline-color:var(--general-contrasts-50)}.bmb_field-input-normal::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-50)}.bmb_field-input-simple{box-sizing:border-box;line-height:1.5}.bmb_field-input-simple:focus{outline:0}.bmb_field-input-simple{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-100)}.bmb_field-input-simple:focus,.bmb_field-input-simple:hover{outline:0}.bmb_field-input-simple{box-sizing:border-box;height:3rem;width:100%;background-color:transparent;border:0;border-bottom:.0625rem solid var(--general-contrasts-50);color:var(--general-contrasts-100);padding-left:var(--bmb-spacing-m);transition:all .3s ease}.bmb_field-input-simple.bmb_field-input-error{border-color:rgb(var(--red-light))}.bmb_field-input-simple:focus,.bmb_field-input-simple:focus-visible,.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-input-outline);color:var(--general-contrasts-input-outline);caret-color:var(--general-contrasts-input-outline)}.bmb_field-input-simple:hover{box-sizing:inherit;border-bottom:.125rem solid var(--general-contrasts-50)}.bmb_field-input-simple::placeholder{font-family:Poppins-Regular,sans-serif;font-size:.875rem;color:var(--general-contrasts-50)}.bmb_field-text-area{min-height:1.875rem;height:5.625rem;min-width:7.75rem;resize:none;padding:var(--bmb-spacing-s)}.bmb_field-text-area::-webkit-scrollbar{-webkit-appearance:none;width:.5rem}.bmb_field-text-area::-webkit-scrollbar-thumb{background-color:var(--buttons-inactive-step);border-radius:var(--bmb-radius-5);border:.0625rem solid var(--buttons-inactive-step)}.bmb_field-text-area::-webkit-scrollbar-track{border-radius:var(--bmb-radius-3)}.bmb_field-text-area-error-icon{font-family:Poppins-Regular,sans-serif;font-size:.9375rem;color:rgb(var(--red-light));position:absolute;top:.625rem;left:calc(100% - var(--bmb-spacing-l))}.bmb_field-actions{right:.5rem;position:absolute;top:50%;transform:translateY(-50%);display:flex;gap:var(--bmb-spacing-s);align-items:center;padding:.25rem}.bmb_field-actions bmb-action-icon{display:flex}.bmb_field-additional_action .bmb_check-external-link-button-element,.bmb_field-clear .bmb_check-external-link-button-element{color:var(--general-contrasts-50)}\n"] }]
|
|
3548
3572
|
}] });
|
|
3549
3573
|
|
|
3550
3574
|
class BmbInputComponent {
|
|
@@ -4306,18 +4330,12 @@ class BmbBookmarkComponent {
|
|
|
4306
4330
|
event?.stopPropagation();
|
|
4307
4331
|
this.isActive.update((value) => !value);
|
|
4308
4332
|
}
|
|
4309
|
-
getClassList() {
|
|
4310
|
-
const classList = ['bmb_bookmark'];
|
|
4311
|
-
if (this.isActive())
|
|
4312
|
-
classList.push('bmb_bookmark-active');
|
|
4313
|
-
return classList;
|
|
4314
|
-
}
|
|
4315
4333
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbBookmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4316
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: BmbBookmarkComponent, isStandalone: true, selector: "bmb-bookmark", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange" }, ngImport: i0, template: "<bmb-action-icon\n [ngClass]=\"
|
|
4334
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: BmbBookmarkComponent, isStandalone: true, selector: "bmb-bookmark", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange" }, ngImport: i0, template: "<bmb-action-icon\n class=\"bmb_bookmark\"\n [ngClass]=\"{ active: isActive() }\"\n icon=\"bookmark\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleClick($event)\"\n/>\n", styles: [".bmb_bookmark{color:var(--black-tint)}.bmb_bookmark.active{color:rgb(var(--red-light))}.bmb_bookmark:hover{opacity:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4317
4335
|
}
|
|
4318
4336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbBookmarkComponent, decorators: [{
|
|
4319
4337
|
type: Component,
|
|
4320
|
-
args: [{ selector: 'bmb-bookmark', standalone: true, imports: [CommonModule, BmbActionIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bmb-action-icon\n [ngClass]=\"
|
|
4338
|
+
args: [{ selector: 'bmb-bookmark', standalone: true, imports: [CommonModule, BmbActionIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bmb-action-icon\n class=\"bmb_bookmark\"\n [ngClass]=\"{ active: isActive() }\"\n icon=\"bookmark\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleClick($event)\"\n/>\n", styles: [".bmb_bookmark{color:var(--black-tint)}.bmb_bookmark.active{color:rgb(var(--red-light))}.bmb_bookmark:hover{opacity:50%}\n"] }]
|
|
4321
4339
|
}] });
|
|
4322
4340
|
|
|
4323
4341
|
const MOBILE_TABLET_QUERY$1 = '(max-width: 992px)';
|
|
@@ -4357,6 +4375,9 @@ class BmbContainerButtonComponent {
|
|
|
4357
4375
|
if (this.square()) {
|
|
4358
4376
|
classList.push('bmb_container-button-square');
|
|
4359
4377
|
}
|
|
4378
|
+
if (this.square() && this.small() && !this.iconLeft()) {
|
|
4379
|
+
classList.push('bmb_container-button-square-no-icon');
|
|
4380
|
+
}
|
|
4360
4381
|
if (this.small()) {
|
|
4361
4382
|
classList.push('bmb_container-button-small');
|
|
4362
4383
|
}
|
|
@@ -4378,7 +4399,7 @@ class BmbContainerButtonComponent {
|
|
|
4378
4399
|
this.secondaryAction.emit(event);
|
|
4379
4400
|
}
|
|
4380
4401
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbContainerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbContainerButtonComponent, isStandalone: true, selector: "bmb-container-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, isUserImage: { classPropertyName: "isUserImage", publicName: "isUserImage", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null }, enableSecondaryAction: { classPropertyName: "enableSecondaryAction", publicName: "enableSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, enableBookmark: { classPropertyName: "enableBookmark", publicName: "enableBookmark", isSignal: true, isRequired: false, transformFunction: null }, isBookmarkActive: { classPropertyName: "isBookmarkActive", publicName: "isBookmarkActive", isSignal: true, isRequired: false, transformFunction: null }, dropdownMenuItems: { classPropertyName: "dropdownMenuItems", publicName: "dropdownMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isBookmarkActive: "isBookmarkActiveChange", onButton: "onButton", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<section class=\"bmb_container-button\">\n <bmb-check-external-link-button\n class=\"bmb_container-button-wrapper\"\n [ngClass]=\"getClassList()\"\n [link]=\"link()\"\n [target]=\"target()\"\n (buttonClick)=\"handleClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n >\n <section\n bmbLayout\n [dynamicCols]=\"true\"\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n class=\"bmb_container-button-content\"\n >\n <section class=\"bmb_container-button-left\">\n @if ((iconLeft() && !score()) || square() || small()) {\n @if (isUserImage()) {\n <bmb-user-image\n size=\"desktop-small\"\n [image]=\"iconLeft()\"\n altImage=\"Image of icon left\"\n />\n } @else {\n <bmb-icon\n bmbLayoutItem\n class=\"bmb_container-button-left-icon\"\n [icon]=\"iconLeft()\"\n alt=\"Icon left\"\n />\n }\n }\n @if (score() && !square() && !small()) {\n <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n }\n <div class=\"bmb_container-button-header\">\n <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n @if (subtitle() && !square() && !small()) {\n <h4 class=\"bmb_container-button-subtitle\">\n {{ subtitle() }}\n </h4>\n }\n </div>\n </section>\n <section class=\"bmb_container-button-right\">\n @if (badgeText() && !square() && !small()) {\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n class=\"bmb_container-button-badge\"\n />\n }\n @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n @if (enableBookmark()) {\n <bmb-bookmark\n class=\"bmb_container-button-right-bookmark\"\n [(isActive)]=\"isBookmarkActive\"\n />\n } @else if (enableSecondaryAction()) {\n <bmb-action-icon\n class=\"bmb_container-button-right-action\"\n [icon]=\"iconRight()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSecondaryClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n />\n } @else if (!!dropdownMenuItems().length) {\n <bmb-dropdown-menu\n class=\"bmb_container-button-right-menu\"\n [items]=\"dropdownMenuItems()\"\n />\n } @else {\n <bmb-icon\n class=\"bmb_container-button-right-icon\"\n [icon]=\"iconRight()\"\n [size]=\"24\"\n alt=\"Icon right\"\n />\n }\n }\n </section>\n </section>\n </bmb-check-external-link-button>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--buttons-destructive);color:var(--buttons-destructive);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--buttons-destructive)}.bmb_container-button .bmb_check-external-link-button{display:flex}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general-contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general-contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-50);outline:0 solid transparent}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled),.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--white-primary));outline:.0625rem solid var(--buttons-stroke-primary-selected)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled) .bmb_grade-value-main,.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled) .bmb_grade-value-main{fill:rgb(var(--white-primary))}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-4);color:var(--general-contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_grade-value-main{fill:var(--general-contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbBookmarkComponent, selector: "bmb-bookmark", inputs: ["isActive"], outputs: ["isActiveChange"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4402
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbContainerButtonComponent, isStandalone: true, selector: "bmb-container-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, score: { classPropertyName: "score", publicName: "score", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, iconLeft: { classPropertyName: "iconLeft", publicName: "iconLeft", isSignal: true, isRequired: false, transformFunction: null }, isUserImage: { classPropertyName: "isUserImage", publicName: "isUserImage", isSignal: true, isRequired: false, transformFunction: null }, iconRight: { classPropertyName: "iconRight", publicName: "iconRight", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null }, badgeAppearance: { classPropertyName: "badgeAppearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null }, enableSecondaryAction: { classPropertyName: "enableSecondaryAction", publicName: "enableSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, enableBookmark: { classPropertyName: "enableBookmark", publicName: "enableBookmark", isSignal: true, isRequired: false, transformFunction: null }, isBookmarkActive: { classPropertyName: "isBookmarkActive", publicName: "isBookmarkActive", isSignal: true, isRequired: false, transformFunction: null }, dropdownMenuItems: { classPropertyName: "dropdownMenuItems", publicName: "dropdownMenuItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isBookmarkActive: "isBookmarkActiveChange", onButton: "onButton", secondaryAction: "secondaryAction" }, ngImport: i0, template: "<section class=\"bmb_container-button\">\n <bmb-check-external-link-button\n class=\"bmb_container-button-wrapper\"\n [ngClass]=\"getClassList()\"\n [link]=\"link()\"\n [target]=\"target()\"\n (buttonClick)=\"handleClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n >\n <section\n bmbLayout\n [dynamicCols]=\"true\"\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n class=\"bmb_container-button-content\"\n >\n <section class=\"bmb_container-button-left\">\n @if ((iconLeft() && !score()) || square() || small()) {\n @if (isUserImage()) {\n <bmb-user-image\n size=\"desktop-small\"\n [image]=\"iconLeft()\"\n altImage=\"Image of icon left\"\n />\n } @else if (iconLeft()) {\n <bmb-icon\n bmbLayoutItem\n class=\"bmb_container-button-left-icon\"\n [icon]=\"iconLeft()\"\n alt=\"Icon left\"\n />\n }\n }\n @if (score() && !square() && !small()) {\n <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n }\n <div class=\"bmb_container-button-header\">\n <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n @if (subtitle() && !square() && !small()) {\n <h4 class=\"bmb_container-button-subtitle\">\n {{ subtitle() }}\n </h4>\n }\n </div>\n </section>\n <section class=\"bmb_container-button-right\">\n @if (badgeText() && !square() && !small()) {\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n class=\"bmb_container-button-badge\"\n />\n }\n @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n @if (enableBookmark()) {\n <bmb-bookmark\n class=\"bmb_container-button-right-bookmark\"\n [(isActive)]=\"isBookmarkActive\"\n />\n } @else if (enableSecondaryAction()) {\n <bmb-action-icon\n class=\"bmb_container-button-right-action\"\n [icon]=\"iconRight()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSecondaryClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n />\n } @else if (!!dropdownMenuItems().length) {\n <bmb-dropdown-menu\n class=\"bmb_container-button-right-menu\"\n [items]=\"dropdownMenuItems()\"\n />\n } @else {\n <bmb-icon\n class=\"bmb_container-button-right-icon\"\n [icon]=\"iconRight()\"\n [size]=\"24\"\n alt=\"Icon right\"\n />\n }\n }\n </section>\n </section>\n </bmb-check-external-link-button>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--buttons-destructive);color:var(--buttons-destructive);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--buttons-destructive)}.bmb_container-button .bmb_check-external-link-button{display:flex}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general-contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general-contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right:empty{display:none}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-small-no-icon{justify-content:center}.bmb_container-button-square-no-icon.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-height:7.375rem;min-width:10.5625rem}.bmb_container-button-square-no-icon.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{justify-content:center}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title--small-no-icon{text-align:center}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-50);outline:0 solid transparent}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled),.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--white-primary));outline:.0625rem solid var(--buttons-stroke-primary-selected)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled) .bmb_grade-value-main,.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled) .bmb_grade-value-main{fill:rgb(var(--white-primary))}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-4);color:var(--general-contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_grade-value-main{fill:var(--general-contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbGradeValueComponent, selector: "bmb-grade-value", inputs: ["appearanceContrast", "type", "score"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbBookmarkComponent, selector: "bmb-bookmark", inputs: ["isActive"], outputs: ["isActiveChange"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4382
4403
|
}
|
|
4383
4404
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbContainerButtonComponent, decorators: [{
|
|
4384
4405
|
type: Component,
|
|
@@ -4394,7 +4415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
4394
4415
|
BmbActionIconComponent,
|
|
4395
4416
|
BmbBookmarkComponent,
|
|
4396
4417
|
BmbDropdownMenuComponent,
|
|
4397
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_container-button\">\n <bmb-check-external-link-button\n class=\"bmb_container-button-wrapper\"\n [ngClass]=\"getClassList()\"\n [link]=\"link()\"\n [target]=\"target()\"\n (buttonClick)=\"handleClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n >\n <section\n bmbLayout\n [dynamicCols]=\"true\"\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n class=\"bmb_container-button-content\"\n >\n <section class=\"bmb_container-button-left\">\n @if ((iconLeft() && !score()) || square() || small()) {\n @if (isUserImage()) {\n <bmb-user-image\n size=\"desktop-small\"\n [image]=\"iconLeft()\"\n altImage=\"Image of icon left\"\n />\n } @else {\n <bmb-icon\n bmbLayoutItem\n class=\"bmb_container-button-left-icon\"\n [icon]=\"iconLeft()\"\n alt=\"Icon left\"\n />\n }\n }\n @if (score() && !square() && !small()) {\n <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n }\n <div class=\"bmb_container-button-header\">\n <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n @if (subtitle() && !square() && !small()) {\n <h4 class=\"bmb_container-button-subtitle\">\n {{ subtitle() }}\n </h4>\n }\n </div>\n </section>\n <section class=\"bmb_container-button-right\">\n @if (badgeText() && !square() && !small()) {\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n class=\"bmb_container-button-badge\"\n />\n }\n @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n @if (enableBookmark()) {\n <bmb-bookmark\n class=\"bmb_container-button-right-bookmark\"\n [(isActive)]=\"isBookmarkActive\"\n />\n } @else if (enableSecondaryAction()) {\n <bmb-action-icon\n class=\"bmb_container-button-right-action\"\n [icon]=\"iconRight()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSecondaryClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n />\n } @else if (!!dropdownMenuItems().length) {\n <bmb-dropdown-menu\n class=\"bmb_container-button-right-menu\"\n [items]=\"dropdownMenuItems()\"\n />\n } @else {\n <bmb-icon\n class=\"bmb_container-button-right-icon\"\n [icon]=\"iconRight()\"\n [size]=\"24\"\n alt=\"Icon right\"\n />\n }\n }\n </section>\n </section>\n </bmb-check-external-link-button>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--buttons-destructive);color:var(--buttons-destructive);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--buttons-destructive)}.bmb_container-button .bmb_check-external-link-button{display:flex}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general-contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general-contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-50);outline:0 solid transparent}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled),.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--white-primary));outline:.0625rem solid var(--buttons-stroke-primary-selected)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled) .bmb_grade-value-main,.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled) .bmb_grade-value-main{fill:rgb(var(--white-primary))}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-4);color:var(--general-contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_grade-value-main{fill:var(--general-contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"] }]
|
|
4418
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_container-button\">\n <bmb-check-external-link-button\n class=\"bmb_container-button-wrapper\"\n [ngClass]=\"getClassList()\"\n [link]=\"link()\"\n [target]=\"target()\"\n (buttonClick)=\"handleClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n >\n <section\n bmbLayout\n [dynamicCols]=\"true\"\n margin=\"none\"\n alignItems=\"center\"\n justify=\"spaceBetween\"\n class=\"bmb_container-button-content\"\n >\n <section class=\"bmb_container-button-left\">\n @if ((iconLeft() && !score()) || square() || small()) {\n @if (isUserImage()) {\n <bmb-user-image\n size=\"desktop-small\"\n [image]=\"iconLeft()\"\n altImage=\"Image of icon left\"\n />\n } @else if (iconLeft()) {\n <bmb-icon\n bmbLayoutItem\n class=\"bmb_container-button-left-icon\"\n [icon]=\"iconLeft()\"\n alt=\"Icon left\"\n />\n }\n }\n @if (score() && !square() && !small()) {\n <bmb-grade-value bmbLayoutItem type=\"main-grade\" [score]=\"score()\" />\n }\n <div class=\"bmb_container-button-header\">\n <h2 class=\"bmb_container-button-title\">{{ title() }}</h2>\n @if (subtitle() && !square() && !small()) {\n <h4 class=\"bmb_container-button-subtitle\">\n {{ subtitle() }}\n </h4>\n }\n </div>\n </section>\n <section class=\"bmb_container-button-right\">\n @if (badgeText() && !square() && !small()) {\n <bmb-badge\n [text]=\"badgeText()\"\n [appearance]=\"badgeAppearance()\"\n class=\"bmb_container-button-badge\"\n />\n }\n @if ((iconRight() || enableBookmark()) && !square() && !small()) {\n @if (enableBookmark()) {\n <bmb-bookmark\n class=\"bmb_container-button-right-bookmark\"\n [(isActive)]=\"isBookmarkActive\"\n />\n } @else if (enableSecondaryAction()) {\n <bmb-action-icon\n class=\"bmb_container-button-right-action\"\n [icon]=\"iconRight()\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleSecondaryClick($event)\"\n [disabled]=\"state() === 'disabled'\"\n />\n } @else if (!!dropdownMenuItems().length) {\n <bmb-dropdown-menu\n class=\"bmb_container-button-right-menu\"\n [items]=\"dropdownMenuItems()\"\n />\n } @else {\n <bmb-icon\n class=\"bmb_container-button-right-icon\"\n [icon]=\"iconRight()\"\n [size]=\"24\"\n alt=\"Icon right\"\n />\n }\n }\n </section>\n </section>\n </bmb-check-external-link-button>\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{border-color:var(--buttons-destructive);color:var(--buttons-destructive);cursor:not-allowed}.bmb_container-button-error.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element .bmb_grade-value-main{fill:var(--buttons-destructive)}.bmb_container-button .bmb_check-external-link-button{display:flex}.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--containers-main);color:var(--general-contrasts-50);cursor:not-allowed}.bmb_container-button-content{flex-flow:row nowrap;width:100%}.bmb_container-button-header{display:flex;flex-flow:column;gap:.25rem;overflow:hidden}.bmb_container-button-title{font-weight:300;text-align:left;word-break:break-word;font-family:Poppins-Regular,sans-serif;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.bmb_container-button-text{display:flex;flex-flow:column;margin-right:1rem}.bmb_container-button-subtitle{color:var(--general-contrasts-75);font-weight:300;text-align:left;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-left{flex:1;overflow:hidden;align-items:center;display:flex;gap:1rem}.bmb_container-button-left-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-left-icon i{width:1.5rem}.bmb_container-button-left .bmb_icon-figure{width:100%}.bmb_container-button-left .bmb_icon-figure img{height:100%;width:100%}.bmb_container-button-right{align-items:center;display:flex;gap:1rem}.bmb_container-button-right-icon{align-items:center;display:flex;font-size:1.5rem;height:1.5rem;width:1.5rem}.bmb_container-button-right-icon i{width:1.5rem}.bmb_container-button-right:empty{display:none}.bmb_container-button-right-menu .bmb_dropdown_menu-list .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_container-button-square.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{flex-flow:column;justify-content:center;min-height:9.25rem;min-width:9.25rem;padding:2rem 3rem;width:auto}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout{flex-direction:column;gap:0;height:100%;justify-content:center}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{flex-flow:column;gap:.5rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon{font-size:3rem;height:3rem;width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-icon i{width:3rem}.bmb_container-button-square.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left-small-no-icon{justify-content:center}.bmb_container-button-square-no-icon.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-height:7.375rem;min-width:10.5625rem}.bmb_container-button-square-no-icon.bmb_container-button-wrapper .bmb_layout .bmb_container-button-left{justify-content:center}.bmb_container-button-small.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{min-width:10rem;padding:1rem;width:auto}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_container-button-small.bmb_container-button-wrapper .bmb_container-button-title--small-no-icon{text-align:center}.bmb_container-button-alternative.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper.bmb_container-button-disabled.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-15)}.bmb_container-button-alternative.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{background-color:var(--general-contrasts-25)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:hover{background-color:var(--general-contrasts-50);outline:0 solid transparent}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled),.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled){background-color:var(--buttons-primary-select);color:rgb(var(--white-primary));outline:.0625rem solid var(--buttons-stroke-primary-selected)}.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus:not(:disabled) .bmb_grade-value-main,.bmb_container-button-wrapper:not(.bmb_container-button-disabled):not(.bmb_container-button-error)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible:not(:disabled) .bmb_grade-value-main{fill:rgb(var(--white-primary))}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:var(--containers-container-button);border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-4);color:var(--general-contrasts-100);display:inline-flex;min-height:5rem;padding:1.5rem;width:100%}.bmb_container-button-wrapper>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element{align-items:center;background-color:inherit;border:none;border-radius:inherit;color:inherit;display:inline-flex;min-height:auto;min-width:auto;padding:.1875rem;width:auto}.bmb_container-button .bmb_container-button-right-action:not(.bmb_container-button-wrapper)>.bmb_check-external-link-button>.bmb_check-external-link-button-element:focus-visible{outline:0 solid transparent}.bmb_container-button .bmb_grade-value-main{fill:var(--general-contrasts-100)}.bmb_container-button .bmb_bookmark{padding:0}\n"] }]
|
|
4398
4419
|
}], ctorParameters: () => [] });
|
|
4399
4420
|
|
|
4400
4421
|
class BmbInteractiveIconComponent {
|
|
@@ -4448,34 +4469,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
4448
4469
|
class BmbFabComponent {
|
|
4449
4470
|
constructor() {
|
|
4450
4471
|
this.icon = input('');
|
|
4451
|
-
this.
|
|
4452
|
-
this.size = input();
|
|
4453
|
-
this.type = input();
|
|
4472
|
+
this.size = input('large');
|
|
4454
4473
|
this.mitec = input(false);
|
|
4474
|
+
this.text = input('');
|
|
4455
4475
|
this.fabClick = output();
|
|
4456
|
-
this.
|
|
4476
|
+
this.isActive = false;
|
|
4477
|
+
//Deprecated
|
|
4478
|
+
this.type = input();
|
|
4457
4479
|
}
|
|
4458
|
-
|
|
4459
|
-
|
|
4460
|
-
this.active = !this.active;
|
|
4461
|
-
}
|
|
4480
|
+
handleFabClick(event) {
|
|
4481
|
+
this.isActive = !this.isActive;
|
|
4462
4482
|
this.fabClick.emit(event);
|
|
4463
4483
|
}
|
|
4464
|
-
|
|
4465
|
-
const baseClassName = `${
|
|
4466
|
-
|
|
4467
|
-
|
|
4484
|
+
get className() {
|
|
4485
|
+
const baseClassName = `${this.mitec() ? 'bmb_fab-mitec-button' : 'bmb_fab-main'}`;
|
|
4486
|
+
return `${baseClassName} ${baseClassName}-${this.size()}`;
|
|
4487
|
+
}
|
|
4488
|
+
get iconName() {
|
|
4489
|
+
if (!this.mitec() && this.size() === 'large') {
|
|
4490
|
+
if (this.isActive)
|
|
4491
|
+
return 'close';
|
|
4492
|
+
return this.icon() || 'apps';
|
|
4493
|
+
}
|
|
4494
|
+
return this.icon();
|
|
4468
4495
|
}
|
|
4469
4496
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4470
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbFabComponent, isStandalone: true, selector: "bmb-fab", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fabClick: "fabClick" }, host: { listeners: { "click": "onFabClick()" } }, ngImport: i0, template: "<ng-template #fabButton>\n <button [ngClass]=\"getClassName()\" type=\"button\">\n @if (!mitec() && type() === 'extended') {\n <span>{{ text() }}</span>\n }\n <bmb-icon\n [ngClass]=\"{\n 'bmb_fab-close': !mitec() && type() === 'normal',\n 'bmb_fab-close-rotate': !mitec() && type() === 'normal' && active\n }\"\n [icon]=\"(!mitec() && type() === 'normal' && active && 'close') || icon()\"\n [size]=\"24\"\n alt=\"FAB icon\"\n />\n </button>\n @if (mitec() && !!text()) {\n <span class=\"bmb_fab-mitec-text\">{{ text() }}</span>\n }\n</ng-template>\n\n<section class=\"bmb_fab\">\n @if (mitec()) {\n <section class=\"bmb_fab-mitec\">\n <ng-container [ngTemplateOutlet]=\"fabButton\" />\n </section>\n } @else {\n <ng-container [ngTemplateOutlet]=\"fabButton\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_fab{display:flex;justify-content:center;width:min-content}.bmb_fab-close{transition:transform .5s ease-in-out}.bmb_fab-close-rotate{animation:rotateAnimation .5s ease-in-out forwards}.bmb_fab-mitec{display:flex;flex-direction:column}.bmb_fab-mitec-small-normal{border-radius:3.125rem;height:2.5rem;width:2.5rem;align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);background-color:var(--buttons-alternative-normal);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-primary-normal)}.bmb_fab-mitec-small-normal:active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-small-normal:active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-small-normal~.bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;text-align:center}.bmb_fab-mitec-large-normal{border-radius:3.125rem;height:3.75rem;width:3.75rem;align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);background-color:var(--buttons-alternative-normal);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-primary-normal)}.bmb_fab-mitec-large-normal:active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-large-normal:active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-large-normal~.bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-align:center}.bmb_fab-small-normal{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-small-normal:focus,.bmb_fab-small-normal:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-small-normal:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal{border-radius:3.125rem;height:2.5rem;width:2.5rem}.bmb_fab-small-extended{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-small-extended:focus,.bmb_fab-small-extended:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-small-extended:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended{border-radius:3.125rem;height:2.5rem;width:fit-content}.bmb_fab-small-extended>span{padding-right:.5rem}.bmb_fab-large-normal{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-large-normal:focus,.bmb_fab-large-normal:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-large-normal:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal{border-radius:3.125rem;height:3.75rem;width:3.75rem}.bmb_fab-large-extended{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-large-extended:focus,.bmb_fab-large-extended:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-large-extended:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended{border-radius:3.125rem;height:3.75rem;width:fit-content}.bmb_fab-large-extended>span{padding-right:.5rem}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}\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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4497
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbFabComponent, isStandalone: true, selector: "bmb-fab", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fabClick: "fabClick" }, ngImport: i0, template: "<section class=\"bmb_fab\" [ngClass]=\"{ 'bmb_fab-mitec': mitec() }\">\n <button\n type=\"button\"\n [class]=\"className\"\n [ngClass]=\"{\n active: isActive\n }\"\n (click)=\"handleFabClick($event)\"\n >\n <bmb-icon\n [ngClass]=\"{\n 'bmb_fab-main-action': !mitec()\n }\"\n [icon]=\"iconName\"\n [size]=\"48\"\n alt=\"FAB icon\"\n />\n </button>\n @if (mitec() && !!text()) {\n <span class=\"bmb_fab-mitec-text\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_fab{display:flex;align-items:center;justify-content:center;gap:var(--bmb-spacing-m)}.bmb_fab-mitec{flex-direction:column;width:max-content}.bmb_fab-mitec-button{display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--bmb-border-inherit-1-solid);border-color:transparent;outline:none;box-shadow:var(--bmb-box-shadow-3);background-color:var(--buttons-alternative-normal);color:var(--buttons-primary-normal)}.bmb_fab-mitec-button.active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-button.active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-button-small{height:3rem;width:3rem}.bmb_fab-mitec-button-small .bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;text-align:center}.bmb_fab-mitec-button-large{height:4rem;width:4rem}.bmb_fab-mitec-button-large .bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-align:center}.bmb_fab-main{z-index:2;bottom:.625rem;position:fixed;right:.625rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--bmb-border-inherit-1-solid);border-color:transparent;outline:none;box-shadow:var(--bmb-box-shadow-3);background:var(--buttons-primary-normal);color:var(--buttons-alternative-normal)}.bmb_fab-main-small{height:3rem;width:3rem}.bmb_fab-main-large{height:4rem;width:4rem}.bmb_fab-main-action{transition:transform .5s ease-in-out}.bmb_fab-main.active{background:var(--general-contrasts-input-background);border-color:var(--general-contrasts-main-selection);color:var(--general-contrasts-main-selection)}.bmb_fab-main:active{animation:rotateAnimation .5s ease-in-out forwards}.bmb_fab-main:focus,.bmb_fab-main:focus-visible{background:var(--general-contrasts-25);border-color:var(--general-contrasts-main-selection);color:var(--general-contrasts-main-selection)}.bmb_fab-main:hover{background:var(--general-contrasts-50);border-color:transparent;color:var(--buttons-alternative-normal)}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4471
4498
|
}
|
|
4472
4499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbFabComponent, decorators: [{
|
|
4473
4500
|
type: Component,
|
|
4474
|
-
args: [{ selector: 'bmb-fab', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, template: "<ng-template #fabButton>\n <button [ngClass]=\"getClassName()\" type=\"button\">\n @if (!mitec() && type() === 'extended') {\n <span>{{ text() }}</span>\n }\n <bmb-icon\n [ngClass]=\"{\n 'bmb_fab-close': !mitec() && type() === 'normal',\n 'bmb_fab-close-rotate': !mitec() && type() === 'normal' && active\n }\"\n [icon]=\"(!mitec() && type() === 'normal' && active && 'close') || icon()\"\n [size]=\"24\"\n alt=\"FAB icon\"\n />\n </button>\n @if (mitec() && !!text()) {\n <span class=\"bmb_fab-mitec-text\">{{ text() }}</span>\n }\n</ng-template>\n\n<section class=\"bmb_fab\">\n @if (mitec()) {\n <section class=\"bmb_fab-mitec\">\n <ng-container [ngTemplateOutlet]=\"fabButton\" />\n </section>\n } @else {\n <ng-container [ngTemplateOutlet]=\"fabButton\" />\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_fab{display:flex;justify-content:center;width:min-content}.bmb_fab-close{transition:transform .5s ease-in-out}.bmb_fab-close-rotate{animation:rotateAnimation .5s ease-in-out forwards}.bmb_fab-mitec{display:flex;flex-direction:column}.bmb_fab-mitec-small-normal{border-radius:3.125rem;height:2.5rem;width:2.5rem;align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);background-color:var(--buttons-alternative-normal);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-primary-normal)}.bmb_fab-mitec-small-normal:active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-small-normal:active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-small-normal~.bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;text-align:center}.bmb_fab-mitec-large-normal{border-radius:3.125rem;height:3.75rem;width:3.75rem;align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);background-color:var(--buttons-alternative-normal);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-primary-normal)}.bmb_fab-mitec-large-normal:active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-large-normal:active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-large-normal~.bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-align:center}.bmb_fab-small-normal{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-small-normal:focus,.bmb_fab-small-normal:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-small-normal:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-small-normal{border-radius:3.125rem;height:2.5rem;width:2.5rem}.bmb_fab-small-extended{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-small-extended:focus,.bmb_fab-small-extended:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-small-extended:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-small-extended{border-radius:3.125rem;height:2.5rem;width:fit-content}.bmb_fab-small-extended>span{padding-right:.5rem}.bmb_fab-large-normal{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-large-normal:focus,.bmb_fab-large-normal:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-large-normal:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-large-normal{border-radius:3.125rem;height:3.75rem;width:3.75rem}.bmb_fab-large-extended{align-items:center;border:0;font-family:Poppins-Regular,sans-serif;font-size:.875rem;display:flex;justify-content:center;margin:.1875rem;outline:none;padding:var(--bmb-spacing-s) var(--bmb-spacing-m);bottom:.625rem;position:fixed;right:.625rem;z-index:2;background:var(--general_contrasts-main-selection);box-shadow:var(--bmb-box-shadow-3);color:var(--buttons-fab-text)}.bmb_fab-large-extended:focus,.bmb_fab-large-extended:focus-visible{background:var(--general_contrasts-25);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection);color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:hover{background:var(--general_contrasts-50);color:var(--general_contrasts-main-complimentary)}.bmb_fab-large-extended:active{background:var(--general_contrasts-input-background);border:var(--bmb-border-inherit-1-solid);border-color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:active>span{color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended:active>bmb-icon{color:var(--general_contrasts-main-selection)}.bmb_fab-large-extended{border-radius:3.125rem;height:3.75rem;width:fit-content}.bmb_fab-large-extended>span{padding-right:.5rem}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}\n"] }]
|
|
4475
|
-
}]
|
|
4476
|
-
type: HostListener,
|
|
4477
|
-
args: ['click']
|
|
4478
|
-
}] } });
|
|
4501
|
+
args: [{ selector: 'bmb-fab', standalone: true, imports: [CommonModule, BmbIconComponent], encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_fab\" [ngClass]=\"{ 'bmb_fab-mitec': mitec() }\">\n <button\n type=\"button\"\n [class]=\"className\"\n [ngClass]=\"{\n active: isActive\n }\"\n (click)=\"handleFabClick($event)\"\n >\n <bmb-icon\n [ngClass]=\"{\n 'bmb_fab-main-action': !mitec()\n }\"\n [icon]=\"iconName\"\n [size]=\"48\"\n alt=\"FAB icon\"\n />\n </button>\n @if (mitec() && !!text()) {\n <span class=\"bmb_fab-mitec-text\">{{ text() }}</span>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_fab{display:flex;align-items:center;justify-content:center;gap:var(--bmb-spacing-m)}.bmb_fab-mitec{flex-direction:column;width:max-content}.bmb_fab-mitec-button{display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--bmb-border-inherit-1-solid);border-color:transparent;outline:none;box-shadow:var(--bmb-box-shadow-3);background-color:var(--buttons-alternative-normal);color:var(--buttons-primary-normal)}.bmb_fab-mitec-button.active{background-color:var(--general-contrasts-main-selection);border:.0625rem solid rgb(var(--blue-primary))}.bmb_fab-mitec-button.active>bmb-icon{color:rgb(var(--white-primary))}.bmb_fab-mitec-button-small{height:3rem;width:3rem}.bmb_fab-mitec-button-small .bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;text-align:center}.bmb_fab-mitec-button-large{height:4rem;width:4rem}.bmb_fab-mitec-button-large .bmb_fab-mitec-text{font-family:Poppins-Regular,sans-serif;font-size:.875rem;text-align:center}.bmb_fab-main{z-index:2;bottom:.625rem;position:fixed;right:.625rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--bmb-border-inherit-1-solid);border-color:transparent;outline:none;box-shadow:var(--bmb-box-shadow-3);background:var(--buttons-primary-normal);color:var(--buttons-alternative-normal)}.bmb_fab-main-small{height:3rem;width:3rem}.bmb_fab-main-large{height:4rem;width:4rem}.bmb_fab-main-action{transition:transform .5s ease-in-out}.bmb_fab-main.active{background:var(--general-contrasts-input-background);border-color:var(--general-contrasts-main-selection);color:var(--general-contrasts-main-selection)}.bmb_fab-main:active{animation:rotateAnimation .5s ease-in-out forwards}.bmb_fab-main:focus,.bmb_fab-main:focus-visible{background:var(--general-contrasts-25);border-color:var(--general-contrasts-main-selection);color:var(--general-contrasts-main-selection)}.bmb_fab-main:hover{background:var(--general-contrasts-50);border-color:transparent;color:var(--buttons-alternative-normal)}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(180deg)}}\n"] }]
|
|
4502
|
+
}] });
|
|
4479
4503
|
|
|
4480
4504
|
class BmbThemeComponent {
|
|
4481
4505
|
constructor() {
|
|
@@ -5270,7 +5294,7 @@ class BmbSidebarComponent {
|
|
|
5270
5294
|
}
|
|
5271
5295
|
}
|
|
5272
5296
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5273
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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()", "window:focusout": "onFocusOut()" } }, 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 @if (!error) {\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group; track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' &&\n hasSubmenu &&\n !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 } @else {\n <p class=\"bmb_sidebar-error\">\n Error: The sidebar component has exceeded the maximum allowed elements.\n </p>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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(--black-primary));border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--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(--black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--black-primary));color:rgb(var(--white-primary))}@media (min-width: 62.5625rem){.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(--gray-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(--white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--white-primary));font-family:Poppins-Bold,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:focus:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible),.bmb_sidebar-desktop:focus-visible: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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible) .bmb_sidebar-text,.bmb_sidebar-desktop:focus-visible: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:var(--bmb-radius-6) var(--bmb-radius-none) var(--bmb-radius-none) var(--bmb-radius-6)}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none)}.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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus-visible: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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus-visible: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: 62.5625rem){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus-visible .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(--gray-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:var(--bmb-radius-6);overflow:hidden;color:rgb(var(--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(--white-primary));color:rgb(var(--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-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);background-color:rgb(var(--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(--gray-charade-800));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5297
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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()", "window:focusout": "onFocusOut()" } }, 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 ? ''\n : item.target!\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 @if (!error) {\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group; track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' &&\n hasSubmenu &&\n !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 } @else {\n <p class=\"bmb_sidebar-error\">\n Error: The sidebar component has exceeded the maximum allowed elements.\n </p>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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(--black-primary));border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--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(--black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--black-primary));color:rgb(var(--white-primary))}@media (min-width: 62.5625rem){.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(--gray-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(--white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--white-primary));font-family:Poppins-Bold,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:focus:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible),.bmb_sidebar-desktop:focus-visible: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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible) .bmb_sidebar-text,.bmb_sidebar-desktop:focus-visible: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:var(--bmb-radius-6) var(--bmb-radius-none) var(--bmb-radius-none) var(--bmb-radius-6)}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none)}.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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus-visible: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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus-visible: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: 62.5625rem){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus-visible .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(--gray-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:var(--bmb-radius-6);overflow:hidden;color:rgb(var(--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(--white-primary));color:rgb(var(--black-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element:hover .bmb_icon-figure-image,.bmb_sidebar-link .bmb_check-external-link-button-element:focus .bmb_icon-figure-image,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible .bmb_icon-figure-image{filter:invert(100%)}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);background-color:rgb(var(--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(--gray-charade-800));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5274
5298
|
}
|
|
5275
5299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbSidebarComponent, decorators: [{
|
|
5276
5300
|
type: Component,
|
|
@@ -5279,7 +5303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
5279
5303
|
BmbIconComponent,
|
|
5280
5304
|
BmbCheckExternalLinkButtonComponent,
|
|
5281
5305
|
BmbActionIconComponent,
|
|
5282
|
-
], 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 @if (!error) {\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group; track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' &&\n hasSubmenu &&\n !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 } @else {\n <p class=\"bmb_sidebar-error\">\n Error: The sidebar component has exceeded the maximum allowed elements.\n </p>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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(--black-primary));border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--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(--black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--black-primary));color:rgb(var(--white-primary))}@media (min-width: 62.5625rem){.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(--gray-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(--white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--white-primary));font-family:Poppins-Bold,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:focus:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible),.bmb_sidebar-desktop:focus-visible: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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible) .bmb_sidebar-text,.bmb_sidebar-desktop:focus-visible: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:var(--bmb-radius-6) var(--bmb-radius-none) var(--bmb-radius-none) var(--bmb-radius-6)}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none)}.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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus-visible: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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus-visible: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: 62.5625rem){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus-visible .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(--gray-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:var(--bmb-radius-6);overflow:hidden;color:rgb(var(--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(--white-primary));color:rgb(var(--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-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);background-color:rgb(var(--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(--gray-charade-800));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"] }]
|
|
5306
|
+
], 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 ? ''\n : item.target!\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 @if (!error) {\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group; track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' &&\n hasSubmenu &&\n !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 } @else {\n <p class=\"bmb_sidebar-error\">\n Error: The sidebar component has exceeded the maximum allowed elements.\n </p>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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(--black-primary));border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--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(--black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--black-primary));color:rgb(var(--white-primary))}@media (min-width: 62.5625rem){.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(--gray-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(--white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--white-primary));font-family:Poppins-Bold,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:focus:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus),.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible),.bmb_sidebar-desktop:focus-visible: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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus) .bmb_sidebar-text,.bmb_sidebar-desktop:not(.bmb_sidebar-desktop-close):has(:focus-visible) .bmb_sidebar-text,.bmb_sidebar-desktop:focus-visible: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:var(--bmb-radius-6) var(--bmb-radius-none) var(--bmb-radius-none) var(--bmb-radius-6)}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none)}.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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right:focus-visible:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:focus-visible: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:focus:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right:focus-visible: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: 62.5625rem){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus .bmb_sidebar-children,.bmb_sidebar-desktop .bmb_sidebar-item:focus-visible .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(--gray-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:var(--bmb-radius-6);overflow:hidden;color:rgb(var(--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(--white-primary));color:rgb(var(--black-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element:hover .bmb_icon-figure-image,.bmb_sidebar-link .bmb_check-external-link-button-element:focus .bmb_icon-figure-image,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible .bmb_icon-figure-image{filter:invert(100%)}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:var(--bmb-radius-none) var(--bmb-radius-6) var(--bmb-radius-6) var(--bmb-radius-none);background-color:rgb(var(--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(--gray-charade-800));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"] }]
|
|
5283
5307
|
}], ctorParameters: () => [], propDecorators: { sideNav: [{
|
|
5284
5308
|
type: ViewChild,
|
|
5285
5309
|
args: ['sideNav']
|
|
@@ -6135,11 +6159,13 @@ class BmbTopBarUserSectionComponent {
|
|
|
6135
6159
|
this.showNotifications = input(true);
|
|
6136
6160
|
this.notificationNotification = input([]);
|
|
6137
6161
|
this.showRoleButton = input(false);
|
|
6162
|
+
this.showSearchButton = input(false);
|
|
6138
6163
|
this.showHelpButton = input(false);
|
|
6139
6164
|
this.helpButtonClick = output();
|
|
6140
6165
|
this.userClick = output();
|
|
6141
6166
|
this.alertClick = output();
|
|
6142
6167
|
this.roleButtonClick = output();
|
|
6168
|
+
this.searchButtonClick = output();
|
|
6143
6169
|
this.isOpenNotifications = false;
|
|
6144
6170
|
this.dialogPosition = {
|
|
6145
6171
|
top: '0px',
|
|
@@ -6169,8 +6195,16 @@ class BmbTopBarUserSectionComponent {
|
|
|
6169
6195
|
text: 'Cambio de usuario',
|
|
6170
6196
|
action: (event) => this.handleRoleChange(event),
|
|
6171
6197
|
};
|
|
6198
|
+
const search = {
|
|
6199
|
+
idItem: 'search',
|
|
6200
|
+
icon: 'search',
|
|
6201
|
+
text: 'Buscar',
|
|
6202
|
+
action: (event) => this.handleSearchChange(event),
|
|
6203
|
+
};
|
|
6172
6204
|
if (this.showRoleButton())
|
|
6173
6205
|
menu.unshift(changeUser);
|
|
6206
|
+
if (this.showSearchButton())
|
|
6207
|
+
menu.unshift(search);
|
|
6174
6208
|
if (this.showNotifications())
|
|
6175
6209
|
menu.unshift(notification);
|
|
6176
6210
|
return menu;
|
|
@@ -6193,8 +6227,11 @@ class BmbTopBarUserSectionComponent {
|
|
|
6193
6227
|
handleRoleChange(event) {
|
|
6194
6228
|
this.roleButtonClick.emit(event);
|
|
6195
6229
|
}
|
|
6230
|
+
handleSearchChange(event) {
|
|
6231
|
+
this.searchButtonClick.emit(event);
|
|
6232
|
+
}
|
|
6196
6233
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTopBarUserSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6197
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbTopBarUserSectionComponent, isStandalone: true, selector: "bmb-top-bar-user-section", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationNotification: { classPropertyName: "notificationNotification", publicName: "notificationNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { helpButtonClick: "helpButtonClick", userClick: "userClick", alertClick: "alertClick", roleButtonClick: "roleButtonClick" }, ngImport: i0, template: "<section\n bmbLayout\n margin=\"none\"\n gapSize=\"m\"\n justify=\"center\"\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n class=\"bmb_top-bar-user-section\"\n [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n @if (mitec()) {\n @if (showRoleButton() || showNotifications()) {\n <bmb-dropdown-menu\n bmbLayoutItem\n class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n [items]=\"getMenu()\"\n />\n }\n @if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showNotifications()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"notifications\"\n [iconSize]=\"32\"\n (buttonClick)=\"openNotifications($event)\"\n [dotNotification]=\"totalNotifications()\"\n />\n }\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showHelpButton() || mitec()) {\n <bmb-button-icon\n bmbLayoutItem\n [ngClass]=\"{\n 'bmb_top-bar-user-section-no-mobile':\n mitec() && (showRoleButton() || showNotifications())\n }\"\n icon=\"help\"\n [showContainer]=\"false\"\n (onButtonClick)=\"handleHelpButtonClick($event)\"\n />\n }\n @if (!!userInformation()) {\n <bmb-user-summary-content\n bmbLayoutItem\n [image]=\"userInformation().image\"\n [altImage]=\"userInformation.name\"\n [name]=\"mitec() ? userInformation().name : ''\"\n imageSize=\"mobile-small\"\n [isImageBordered]=\"false\"\n [role]=\"mitec() ? userInformation().role : ''\"\n contentLayout=\"row\"\n salutation=\"\"\n (onUserClick)=\"handleUserClick($event)\"\n />\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--gray-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--gray-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbButtonIconComponent, selector: "bmb-button-icon", inputs: ["appearanceContrast", "idElement", "icon", "showContainer", "disabled", "active", "isOutline"], outputs: ["activeChange", "isOutlineChange", "onButtonClick"] }, { kind: "component", type: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6234
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbTopBarUserSectionComponent, isStandalone: true, selector: "bmb-top-bar-user-section", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, showNotifications: { classPropertyName: "showNotifications", publicName: "showNotifications", isSignal: true, isRequired: false, transformFunction: null }, notificationNotification: { classPropertyName: "notificationNotification", publicName: "notificationNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showSearchButton: { classPropertyName: "showSearchButton", publicName: "showSearchButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { helpButtonClick: "helpButtonClick", userClick: "userClick", alertClick: "alertClick", roleButtonClick: "roleButtonClick", searchButtonClick: "searchButtonClick" }, ngImport: i0, template: "<section\n bmbLayout\n margin=\"none\"\n gapSize=\"m\"\n justify=\"center\"\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n class=\"bmb_top-bar-user-section\"\n [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n @if (mitec()) {\n @if (showRoleButton() || showNotifications()) {\n <bmb-dropdown-menu\n bmbLayoutItem\n class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n [items]=\"getMenu()\"\n />\n }\n @if (showSearchButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"search\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleSearchChange($event)\"\n />\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showNotifications()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"notifications\"\n [iconSize]=\"32\"\n (buttonClick)=\"openNotifications($event)\"\n [dotNotification]=\"totalNotifications()\"\n />\n }\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showHelpButton() || mitec()) {\n <bmb-button-icon\n bmbLayoutItem\n [ngClass]=\"{\n 'bmb_top-bar-user-section-no-mobile':\n mitec() && (showRoleButton() || showNotifications())\n }\"\n icon=\"help\"\n [showContainer]=\"false\"\n (onButtonClick)=\"handleHelpButtonClick($event)\"\n />\n }\n @if (!!userInformation()) {\n <bmb-user-summary-content\n bmbLayoutItem\n [image]=\"userInformation().image\"\n [altImage]=\"userInformation.name\"\n [name]=\"mitec() ? userInformation().name : ''\"\n imageSize=\"mobile-small\"\n [isImageBordered]=\"false\"\n [role]=\"mitec() ? userInformation().role : ''\"\n contentLayout=\"row\"\n salutation=\"\"\n (onUserClick)=\"handleUserClick($event)\"\n />\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--gray-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--gray-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbDropdownMenuComponent, selector: "bmb-dropdown-menu", inputs: ["items"], outputs: ["clickedItem"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbButtonIconComponent, selector: "bmb-button-icon", inputs: ["appearanceContrast", "idElement", "icon", "showContainer", "disabled", "active", "isOutline"], outputs: ["activeChange", "isOutlineChange", "onButtonClick"] }, { kind: "component", type: BmbUserSummaryContentComponent, selector: "bmb-user-summary-content", inputs: ["isProfile", "name", "userId", "image", "isImageBordered", "altImage", "imageSize", "infoCareer", "campus", "role", "email", "salutation", "contentLayout", "gapSize", "CURP", "additionalInfo"], outputs: ["onUserClick"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6198
6235
|
}
|
|
6199
6236
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTopBarUserSectionComponent, decorators: [{
|
|
6200
6237
|
type: Component,
|
|
@@ -6206,7 +6243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
6206
6243
|
BmbUserSummaryContentComponent,
|
|
6207
6244
|
BmbLayoutDirective,
|
|
6208
6245
|
BmbLayoutItemDirective,
|
|
6209
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n bmbLayout\n margin=\"none\"\n gapSize=\"m\"\n justify=\"center\"\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n class=\"bmb_top-bar-user-section\"\n [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n @if (mitec()) {\n @if (showRoleButton() || showNotifications()) {\n <bmb-dropdown-menu\n bmbLayoutItem\n class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n [items]=\"getMenu()\"\n />\n }\n @if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showNotifications()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"notifications\"\n [iconSize]=\"32\"\n (buttonClick)=\"openNotifications($event)\"\n [dotNotification]=\"totalNotifications()\"\n />\n }\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showHelpButton() || mitec()) {\n <bmb-button-icon\n bmbLayoutItem\n [ngClass]=\"{\n 'bmb_top-bar-user-section-no-mobile':\n mitec() && (showRoleButton() || showNotifications())\n }\"\n icon=\"help\"\n [showContainer]=\"false\"\n (onButtonClick)=\"handleHelpButtonClick($event)\"\n />\n }\n @if (!!userInformation()) {\n <bmb-user-summary-content\n bmbLayoutItem\n [image]=\"userInformation().image\"\n [altImage]=\"userInformation.name\"\n [name]=\"mitec() ? userInformation().name : ''\"\n imageSize=\"mobile-small\"\n [isImageBordered]=\"false\"\n [role]=\"mitec() ? userInformation().role : ''\"\n contentLayout=\"row\"\n salutation=\"\"\n (onUserClick)=\"handleUserClick($event)\"\n />\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--gray-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--gray-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"] }]
|
|
6246
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n bmbLayout\n margin=\"none\"\n gapSize=\"m\"\n justify=\"center\"\n alignItems=\"center\"\n [dynamicCols]=\"true\"\n class=\"bmb_top-bar-user-section\"\n [ngClass]=\"{ 'bmb_top-bar-user-section-mitec': mitec() }\"\n>\n @if (mitec()) {\n @if (showRoleButton() || showNotifications()) {\n <bmb-dropdown-menu\n bmbLayoutItem\n class=\"bmb_top-bar-user-section bmb_top-bar-user-section-menu bmb_top-bar-user-section-mobile\"\n [items]=\"getMenu()\"\n />\n }\n @if (showSearchButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"search\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleSearchChange($event)\"\n />\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showNotifications()) {\n <bmb-action-icon\n bmbLayoutItem\n class=\"bmb_top-bar-user-section-no-mobile\"\n icon=\"notifications\"\n [iconSize]=\"32\"\n (buttonClick)=\"openNotifications($event)\"\n [dotNotification]=\"totalNotifications()\"\n />\n }\n } @else if (showRoleButton()) {\n <bmb-action-icon\n bmbLayoutItem\n icon=\"compare_arrows\"\n [iconSize]=\"32\"\n (buttonClick)=\"handleRoleChange($event)\"\n />\n }\n @if (showHelpButton() || mitec()) {\n <bmb-button-icon\n bmbLayoutItem\n [ngClass]=\"{\n 'bmb_top-bar-user-section-no-mobile':\n mitec() && (showRoleButton() || showNotifications())\n }\"\n icon=\"help\"\n [showContainer]=\"false\"\n (onButtonClick)=\"handleHelpButtonClick($event)\"\n />\n }\n @if (!!userInformation()) {\n <bmb-user-summary-content\n bmbLayoutItem\n [image]=\"userInformation().image\"\n [altImage]=\"userInformation.name\"\n [name]=\"mitec() ? userInformation().name : ''\"\n imageSize=\"mobile-small\"\n [isImageBordered]=\"false\"\n [role]=\"mitec() ? userInformation().role : ''\"\n contentLayout=\"row\"\n salutation=\"\"\n (onUserClick)=\"handleUserClick($event)\"\n />\n }\n</section>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_top-bar-user-section{color:rgb(var(--white-primary))}@media (max-width: 62.5rem){.bmb_top-bar-user-section{gap:var(--bmb-spacing-s)}}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item{color:rgb(var(--white-primary))}.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_top-bar-user-section-menu .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:rgb(var(--gray-charade-500));outline:0 none}.bmb_top-bar-user-section-menu .bmb_dropdown-content-modal{background-color:rgb(var(--gray-charade-900))}.bmb_top-bar-user-section-menu .bmb_dropdown_menu .bmb_dropdown-content-modal{right:0;left:inherit;max-width:15.625rem;min-width:15.625rem}.bmb_top-bar-user-section-no-mobile{display:block;line-height:0}@media (max-width: 62.5rem){.bmb_top-bar-user-section-no-mobile{display:none}}.bmb_top-bar-user-section-mobile{display:block;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-user-section-mobile{display:none}}@media (max-width: 62.5rem){.bmb_top-bar-user-section .bmb_user-summary_content-wrapper{display:none}}.bmb_top-bar-user-section .bmb_user-summary_content-wrapper-title{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:currentColor}.bmb_top-bar-user-section .bmb_action_icon{display:flex}\n"] }]
|
|
6210
6247
|
}] });
|
|
6211
6248
|
|
|
6212
6249
|
class BmbTopBarComponent {
|
|
@@ -6219,6 +6256,7 @@ class BmbTopBarComponent {
|
|
|
6219
6256
|
this.mitec = input(false);
|
|
6220
6257
|
this.alertNotification = input([]);
|
|
6221
6258
|
this.showRoleButton = input(false);
|
|
6259
|
+
this.showSearchButton = input(false);
|
|
6222
6260
|
this.showHelpButton = input(false);
|
|
6223
6261
|
this.allowSidebarForMobile = input(true);
|
|
6224
6262
|
this.image = model('');
|
|
@@ -6228,6 +6266,7 @@ class BmbTopBarComponent {
|
|
|
6228
6266
|
this.alertButtonClick = output();
|
|
6229
6267
|
this.roleButtonClick = output();
|
|
6230
6268
|
this.backToHomeClick = output();
|
|
6269
|
+
this.searchButtonClick = output();
|
|
6231
6270
|
this.showAnimation = true;
|
|
6232
6271
|
this.imageDefault = 'assets/images/tec-logo.svg';
|
|
6233
6272
|
this.mobileImageDefault = 'assets/images/tec-logo-mob.svg';
|
|
@@ -6265,15 +6304,18 @@ class BmbTopBarComponent {
|
|
|
6265
6304
|
handleRoleChange(event) {
|
|
6266
6305
|
this.roleButtonClick.emit(event);
|
|
6267
6306
|
}
|
|
6307
|
+
handleSearchChange(event) {
|
|
6308
|
+
this.searchButtonClick.emit(event);
|
|
6309
|
+
}
|
|
6268
6310
|
handleBackToHome() {
|
|
6269
6311
|
this.backToHomeClick.emit();
|
|
6270
6312
|
}
|
|
6271
6313
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTopBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbTopBarComponent, isStandalone: true, selector: "bmb-top-bar", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, appPowered: { classPropertyName: "appPowered", publicName: "appPowered", isSignal: true, isRequired: false, transformFunction: null }, appSubTitle: { classPropertyName: "appSubTitle", publicName: "appSubTitle", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, alertNotification: { classPropertyName: "alertNotification", publicName: "alertNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null }, allowSidebarForMobile: { classPropertyName: "allowSidebarForMobile", publicName: "allowSidebarForMobile", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, mobileImage: { classPropertyName: "mobileImage", publicName: "mobileImage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { image: "imageChange", mobileImage: "mobileImageChange", helpButtonClick: "helpButtonClick", userProfileClick: "userProfileClick", alertButtonClick: "alertButtonClick", roleButtonClick: "roleButtonClick", backToHomeClick: "backToHomeClick" }, ngImport: i0, template: "<header\n class=\"bmb_top-bar bmb_top-bar-animated\"\n [ngClass]=\"{\n 'bmb_top-bar-animated': showAnimation,\n 'bmb_top-bar-sidebar': allowSidebarForMobile()\n }\"\n>\n <figure\n class=\"bmb_top-bar-logo-section\"\n (keydown)=\"handleBackToHome()\"\n (click)=\"handleBackToHome()\"\n tabindex=\"0\"\n >\n <picture>\n <source [media]=\"getNoMobileResolutionSize()\" [srcset]=\"image()\" />\n <source [srcset]=\"mobileImage()\" />\n <img [src]=\"image()\" alt=\"TEC de Monterrey\" loading=\"lazy\" />\n </picture>\n </figure>\n <nav class=\"bmb_top-bar-nav\">\n <section class=\"bmb_top-bar-app-name\">\n @if (appName() && !mitec()) {\n <h1>{{ appName() }}</h1>\n }\n <span class=\"bmb_top-bar-app-name-powered\">{{ appPowered() }}</span>\n </section>\n @if (userInformation()) {\n <bmb-top-bar-user-section\n [mitec]=\"mitec()\"\n [userInformation]=\"userInformation()!\"\n [notificationNotification]=\"alertNotification()!\"\n [showHelpButton]=\"showHelpButton() || mitec()\"\n (helpButtonClick)=\"handleHelpButtonClick($event)\"\n (userClick)=\"handleUserClick($event)\"\n (alertClick)=\"handleAlertClick($event)\"\n (roleButtonClick)=\"handleRoleChange($event)\"\n [showRoleButton]=\"showRoleButton()\"\n [showNotifications]=\"!!alertNotification()\"\n />\n }\n </nav>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes expandWidthSmooth{0%{width:26rem}75%{width:100%;transform:scaleX(1.05)}to{width:100%;transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.bmb_top-bar{background-color:rgb(var(--black-primary));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:.5rem 1rem;gap:1rem;align-items:center;position:relative;z-index:2;height:64px}@media (max-width: 62.5rem){.bmb_top-bar-sidebar{padding-left:3rem}}.bmb_top-bar-open{border-radius:var(--bmb-radius-none)}@media (min-width: 62.5625rem){.bmb_top-bar-animated{width:26rem;animation:expandWidthSmooth 2s ease-out 1s forwards;margin:auto}.bmb_top-bar-animated>div:not(.bmb_top-bar-button-section),.bmb_top-bar-animated>nav{opacity:0;visibility:hidden;animation:fadeIn 1s ease-in 3s forwards}}.bmb_top-bar-button-section{display:flex;align-items:center;gap:.25rem}@media (max-width: 62.5rem){.bmb_top-bar-button-section{display:none}}.bmb_top-bar-button-menu{padding:1.25rem;background-color:transparent;display:flex;align-items:center;position:relative;width:2.5rem;border-radius:var(--bmb-radius-5)}.bmb_top-bar-button-menu-icon{position:absolute;left:.5rem;top:.125rem}.bmb_top-bar-button-menu:hover:not(:disabled),.bmb_top-bar-button-menu:focus-visible:not(:disabled){background-color:var(--white-min)}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-menu i{color:rgb(var(--gray-charade-50));transition:all .3s ease}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-menu i{opacity:0;transform:rotate(180deg)}.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-close i{opacity:1}.bmb_top-bar-button-menu i{position:absolute;left:0;top:.25rem}.bmb_top-bar-logo-section{margin:0;width:auto;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-logo-section{width:max-content}}.bmb_top-bar-logo-section img{width:auto;height:2.125rem}.bmb_top-bar-mb-app{display:flex;justify-content:center;width:100%}.bmb_top-bar-mb-app-name{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;text-align:center}.bmb_top-bar-app-name{max-width:100%;display:flex;gap:1rem;align-items:center;flex:1;justify-content:center}@media (min-width: 62.5625rem){.bmb_top-bar-app-name{justify-content:start}}.bmb_top-bar-app-name h1{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (min-width: 62.5625rem){.bmb_top-bar-app-name h1{display:flex}}.bmb_top-bar-app-name-powered{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-left:.0625rem solid rgb(var(--white-primary));display:none}@media (min-width: 62.5625rem){.bmb_top-bar-app-name-powered{display:inline-block;max-width:max-content;padding-left:1rem}}.bmb_top-bar-always-visible-content{flex:1;justify-content:flex-end;display:flex;gap:.625rem}@media (min-width: 62.5625rem){.bmb_top-bar-always-visible-content{flex:auto;max-width:max-content}}.bmb_top-bar-nav{flex:1;display:flex;list-style:none;gap:1rem;align-items:center}@media (max-width: 62.5rem){.bmb_top-bar-nav-open{transition:opacity .3s ease;position:absolute;top:100%;z-index:99;background-color:rgb(var(--black-primary));left:0;flex-flow:column;width:100%;align-items:flex-start;opacity:1;height:max-content;max-height:9999px;padding-bottom:1rem}.bmb_top-bar-nav-open .bmb_top-bar-nav-content{flex-flow:column;width:100%;align-items:flex-start;gap:0}.bmb_top-bar-nav-open>li:first-child{order:-1}.bmb_top-bar-nav-open>li:last-child{order:0}}@media (min-width: 62.5625rem){.bmb_top-bar-nav{display:flex;justify-content:inherit}}.bmb_top-bar-nav-content{margin:0;padding:0;list-style:none;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.bmb_top-bar-nav bmb-top-bar-user-section .bmb_top-bar-user-section{width:auto}.bmb_top-bar-lang{display:flex;gap:1rem;align-items:center}.bmb_top-bar-lang-flag{margin:0;display:inline-block;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-full)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbTopBarUserSectionComponent, selector: "bmb-top-bar-user-section", inputs: ["userInformation", "mitec", "showNotifications", "notificationNotification", "showRoleButton", "showHelpButton"], outputs: ["helpButtonClick", "userClick", "alertClick", "roleButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6314
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbTopBarComponent, isStandalone: true, selector: "bmb-top-bar", inputs: { userInformation: { classPropertyName: "userInformation", publicName: "userInformation", isSignal: true, isRequired: false, transformFunction: null }, appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: false, transformFunction: null }, appPowered: { classPropertyName: "appPowered", publicName: "appPowered", isSignal: true, isRequired: false, transformFunction: null }, appSubTitle: { classPropertyName: "appSubTitle", publicName: "appSubTitle", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, mitec: { classPropertyName: "mitec", publicName: "mitec", isSignal: true, isRequired: false, transformFunction: null }, alertNotification: { classPropertyName: "alertNotification", publicName: "alertNotification", isSignal: true, isRequired: false, transformFunction: null }, showRoleButton: { classPropertyName: "showRoleButton", publicName: "showRoleButton", isSignal: true, isRequired: false, transformFunction: null }, showSearchButton: { classPropertyName: "showSearchButton", publicName: "showSearchButton", isSignal: true, isRequired: false, transformFunction: null }, showHelpButton: { classPropertyName: "showHelpButton", publicName: "showHelpButton", isSignal: true, isRequired: false, transformFunction: null }, allowSidebarForMobile: { classPropertyName: "allowSidebarForMobile", publicName: "allowSidebarForMobile", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, mobileImage: { classPropertyName: "mobileImage", publicName: "mobileImage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { image: "imageChange", mobileImage: "mobileImageChange", helpButtonClick: "helpButtonClick", userProfileClick: "userProfileClick", alertButtonClick: "alertButtonClick", roleButtonClick: "roleButtonClick", backToHomeClick: "backToHomeClick", searchButtonClick: "searchButtonClick" }, ngImport: i0, template: "<header\n class=\"bmb_top-bar bmb_top-bar-animated\"\n [ngClass]=\"{\n 'bmb_top-bar-animated': showAnimation,\n 'bmb_top-bar-sidebar': allowSidebarForMobile()\n }\"\n>\n <figure\n class=\"bmb_top-bar-logo-section\"\n (keydown)=\"handleBackToHome()\"\n (click)=\"handleBackToHome()\"\n tabindex=\"0\"\n >\n <picture>\n <source [media]=\"getNoMobileResolutionSize()\" [srcset]=\"image()\" />\n <source [srcset]=\"mobileImage()\" />\n <img [src]=\"image()\" alt=\"TEC de Monterrey\" loading=\"lazy\" />\n </picture>\n </figure>\n <nav class=\"bmb_top-bar-nav\">\n <section class=\"bmb_top-bar-app-name\">\n @if (appName() && !mitec()) {\n <h1>{{ appName() }}</h1>\n }\n <span class=\"bmb_top-bar-app-name-powered\">{{ appPowered() }}</span>\n </section>\n @if (userInformation()) {\n <bmb-top-bar-user-section\n [mitec]=\"mitec()\"\n [userInformation]=\"userInformation()!\"\n [notificationNotification]=\"alertNotification()!\"\n [showHelpButton]=\"showHelpButton() || mitec()\"\n (helpButtonClick)=\"handleHelpButtonClick($event)\"\n (userClick)=\"handleUserClick($event)\"\n (alertClick)=\"handleAlertClick($event)\"\n (roleButtonClick)=\"handleRoleChange($event)\"\n [showRoleButton]=\"showRoleButton()\"\n [showSearchButton]=\"showSearchButton()\"\n (searchButtonClick)=\"handleSearchChange($event)\"\n [showNotifications]=\"!!alertNotification()\"\n />\n }\n </nav>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes expandWidthSmooth{0%{width:26rem}75%{width:100%;transform:scaleX(1.05)}to{width:100%;transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.bmb_top-bar{background-color:rgb(var(--black-primary));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:.5rem 1rem;gap:1rem;align-items:center;position:relative;z-index:2;height:64px}@media (max-width: 62.5rem){.bmb_top-bar-sidebar{padding-left:3rem}}.bmb_top-bar-open{border-radius:var(--bmb-radius-none)}@media (min-width: 62.5625rem){.bmb_top-bar-animated{width:26rem;animation:expandWidthSmooth 2s ease-out 1s forwards;margin:auto}.bmb_top-bar-animated>div:not(.bmb_top-bar-button-section),.bmb_top-bar-animated>nav{opacity:0;visibility:hidden;animation:fadeIn 1s ease-in 3s forwards}}.bmb_top-bar-button-section{display:flex;align-items:center;gap:.25rem}@media (max-width: 62.5rem){.bmb_top-bar-button-section{display:none}}.bmb_top-bar-button-menu{padding:1.25rem;background-color:transparent;display:flex;align-items:center;position:relative;width:2.5rem;border-radius:var(--bmb-radius-5)}.bmb_top-bar-button-menu-icon{position:absolute;left:.5rem;top:.125rem}.bmb_top-bar-button-menu:hover:not(:disabled),.bmb_top-bar-button-menu:focus-visible:not(:disabled){background-color:var(--white-min)}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-menu i{color:rgb(var(--gray-charade-50));transition:all .3s ease}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-menu i{opacity:0;transform:rotate(180deg)}.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-close i{opacity:1}.bmb_top-bar-button-menu i{position:absolute;left:0;top:.25rem}.bmb_top-bar-logo-section{margin:0;width:auto;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-logo-section{width:max-content}}.bmb_top-bar-logo-section img{width:auto;height:2.125rem}.bmb_top-bar-mb-app{display:flex;justify-content:center;width:100%}.bmb_top-bar-mb-app-name{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;text-align:center}.bmb_top-bar-app-name{max-width:100%;display:flex;gap:1rem;align-items:center;flex:1;justify-content:center}@media (min-width: 62.5625rem){.bmb_top-bar-app-name{justify-content:start}}.bmb_top-bar-app-name h1{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (min-width: 62.5625rem){.bmb_top-bar-app-name h1{display:flex}}.bmb_top-bar-app-name-powered{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-left:.0625rem solid rgb(var(--white-primary));display:none}@media (min-width: 62.5625rem){.bmb_top-bar-app-name-powered{display:inline-block;max-width:max-content;padding-left:1rem}}.bmb_top-bar-always-visible-content{flex:1;justify-content:flex-end;display:flex;gap:.625rem}@media (min-width: 62.5625rem){.bmb_top-bar-always-visible-content{flex:auto;max-width:max-content}}.bmb_top-bar-nav{flex:1;display:flex;list-style:none;gap:1rem;align-items:center}@media (max-width: 62.5rem){.bmb_top-bar-nav-open{transition:opacity .3s ease;position:absolute;top:100%;z-index:99;background-color:rgb(var(--black-primary));left:0;flex-flow:column;width:100%;align-items:flex-start;opacity:1;height:max-content;max-height:9999px;padding-bottom:1rem}.bmb_top-bar-nav-open .bmb_top-bar-nav-content{flex-flow:column;width:100%;align-items:flex-start;gap:0}.bmb_top-bar-nav-open>li:first-child{order:-1}.bmb_top-bar-nav-open>li:last-child{order:0}}@media (min-width: 62.5625rem){.bmb_top-bar-nav{display:flex;justify-content:inherit}}.bmb_top-bar-nav-content{margin:0;padding:0;list-style:none;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.bmb_top-bar-nav bmb-top-bar-user-section .bmb_top-bar-user-section{width:auto}.bmb_top-bar-lang{display:flex;gap:1rem;align-items:center}.bmb_top-bar-lang-flag{margin:0;display:inline-block;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-full)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbTopBarUserSectionComponent, selector: "bmb-top-bar-user-section", inputs: ["userInformation", "mitec", "showNotifications", "notificationNotification", "showRoleButton", "showSearchButton", "showHelpButton"], outputs: ["helpButtonClick", "userClick", "alertClick", "roleButtonClick", "searchButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6273
6315
|
}
|
|
6274
6316
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTopBarComponent, decorators: [{
|
|
6275
6317
|
type: Component,
|
|
6276
|
-
args: [{ selector: 'bmb-top-bar', standalone: true, imports: [CommonModule, BmbTopBarUserSectionComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header\n class=\"bmb_top-bar bmb_top-bar-animated\"\n [ngClass]=\"{\n 'bmb_top-bar-animated': showAnimation,\n 'bmb_top-bar-sidebar': allowSidebarForMobile()\n }\"\n>\n <figure\n class=\"bmb_top-bar-logo-section\"\n (keydown)=\"handleBackToHome()\"\n (click)=\"handleBackToHome()\"\n tabindex=\"0\"\n >\n <picture>\n <source [media]=\"getNoMobileResolutionSize()\" [srcset]=\"image()\" />\n <source [srcset]=\"mobileImage()\" />\n <img [src]=\"image()\" alt=\"TEC de Monterrey\" loading=\"lazy\" />\n </picture>\n </figure>\n <nav class=\"bmb_top-bar-nav\">\n <section class=\"bmb_top-bar-app-name\">\n @if (appName() && !mitec()) {\n <h1>{{ appName() }}</h1>\n }\n <span class=\"bmb_top-bar-app-name-powered\">{{ appPowered() }}</span>\n </section>\n @if (userInformation()) {\n <bmb-top-bar-user-section\n [mitec]=\"mitec()\"\n [userInformation]=\"userInformation()!\"\n [notificationNotification]=\"alertNotification()!\"\n [showHelpButton]=\"showHelpButton() || mitec()\"\n (helpButtonClick)=\"handleHelpButtonClick($event)\"\n (userClick)=\"handleUserClick($event)\"\n (alertClick)=\"handleAlertClick($event)\"\n (roleButtonClick)=\"handleRoleChange($event)\"\n [showRoleButton]=\"showRoleButton()\"\n [showNotifications]=\"!!alertNotification()\"\n />\n }\n </nav>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes expandWidthSmooth{0%{width:26rem}75%{width:100%;transform:scaleX(1.05)}to{width:100%;transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.bmb_top-bar{background-color:rgb(var(--black-primary));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:.5rem 1rem;gap:1rem;align-items:center;position:relative;z-index:2;height:64px}@media (max-width: 62.5rem){.bmb_top-bar-sidebar{padding-left:3rem}}.bmb_top-bar-open{border-radius:var(--bmb-radius-none)}@media (min-width: 62.5625rem){.bmb_top-bar-animated{width:26rem;animation:expandWidthSmooth 2s ease-out 1s forwards;margin:auto}.bmb_top-bar-animated>div:not(.bmb_top-bar-button-section),.bmb_top-bar-animated>nav{opacity:0;visibility:hidden;animation:fadeIn 1s ease-in 3s forwards}}.bmb_top-bar-button-section{display:flex;align-items:center;gap:.25rem}@media (max-width: 62.5rem){.bmb_top-bar-button-section{display:none}}.bmb_top-bar-button-menu{padding:1.25rem;background-color:transparent;display:flex;align-items:center;position:relative;width:2.5rem;border-radius:var(--bmb-radius-5)}.bmb_top-bar-button-menu-icon{position:absolute;left:.5rem;top:.125rem}.bmb_top-bar-button-menu:hover:not(:disabled),.bmb_top-bar-button-menu:focus-visible:not(:disabled){background-color:var(--white-min)}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-menu i{color:rgb(var(--gray-charade-50));transition:all .3s ease}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-menu i{opacity:0;transform:rotate(180deg)}.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-close i{opacity:1}.bmb_top-bar-button-menu i{position:absolute;left:0;top:.25rem}.bmb_top-bar-logo-section{margin:0;width:auto;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-logo-section{width:max-content}}.bmb_top-bar-logo-section img{width:auto;height:2.125rem}.bmb_top-bar-mb-app{display:flex;justify-content:center;width:100%}.bmb_top-bar-mb-app-name{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;text-align:center}.bmb_top-bar-app-name{max-width:100%;display:flex;gap:1rem;align-items:center;flex:1;justify-content:center}@media (min-width: 62.5625rem){.bmb_top-bar-app-name{justify-content:start}}.bmb_top-bar-app-name h1{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (min-width: 62.5625rem){.bmb_top-bar-app-name h1{display:flex}}.bmb_top-bar-app-name-powered{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-left:.0625rem solid rgb(var(--white-primary));display:none}@media (min-width: 62.5625rem){.bmb_top-bar-app-name-powered{display:inline-block;max-width:max-content;padding-left:1rem}}.bmb_top-bar-always-visible-content{flex:1;justify-content:flex-end;display:flex;gap:.625rem}@media (min-width: 62.5625rem){.bmb_top-bar-always-visible-content{flex:auto;max-width:max-content}}.bmb_top-bar-nav{flex:1;display:flex;list-style:none;gap:1rem;align-items:center}@media (max-width: 62.5rem){.bmb_top-bar-nav-open{transition:opacity .3s ease;position:absolute;top:100%;z-index:99;background-color:rgb(var(--black-primary));left:0;flex-flow:column;width:100%;align-items:flex-start;opacity:1;height:max-content;max-height:9999px;padding-bottom:1rem}.bmb_top-bar-nav-open .bmb_top-bar-nav-content{flex-flow:column;width:100%;align-items:flex-start;gap:0}.bmb_top-bar-nav-open>li:first-child{order:-1}.bmb_top-bar-nav-open>li:last-child{order:0}}@media (min-width: 62.5625rem){.bmb_top-bar-nav{display:flex;justify-content:inherit}}.bmb_top-bar-nav-content{margin:0;padding:0;list-style:none;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.bmb_top-bar-nav bmb-top-bar-user-section .bmb_top-bar-user-section{width:auto}.bmb_top-bar-lang{display:flex;gap:1rem;align-items:center}.bmb_top-bar-lang-flag{margin:0;display:inline-block;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-full)}\n"] }]
|
|
6318
|
+
args: [{ selector: 'bmb-top-bar', standalone: true, imports: [CommonModule, BmbTopBarUserSectionComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header\n class=\"bmb_top-bar bmb_top-bar-animated\"\n [ngClass]=\"{\n 'bmb_top-bar-animated': showAnimation,\n 'bmb_top-bar-sidebar': allowSidebarForMobile()\n }\"\n>\n <figure\n class=\"bmb_top-bar-logo-section\"\n (keydown)=\"handleBackToHome()\"\n (click)=\"handleBackToHome()\"\n tabindex=\"0\"\n >\n <picture>\n <source [media]=\"getNoMobileResolutionSize()\" [srcset]=\"image()\" />\n <source [srcset]=\"mobileImage()\" />\n <img [src]=\"image()\" alt=\"TEC de Monterrey\" loading=\"lazy\" />\n </picture>\n </figure>\n <nav class=\"bmb_top-bar-nav\">\n <section class=\"bmb_top-bar-app-name\">\n @if (appName() && !mitec()) {\n <h1>{{ appName() }}</h1>\n }\n <span class=\"bmb_top-bar-app-name-powered\">{{ appPowered() }}</span>\n </section>\n @if (userInformation()) {\n <bmb-top-bar-user-section\n [mitec]=\"mitec()\"\n [userInformation]=\"userInformation()!\"\n [notificationNotification]=\"alertNotification()!\"\n [showHelpButton]=\"showHelpButton() || mitec()\"\n (helpButtonClick)=\"handleHelpButtonClick($event)\"\n (userClick)=\"handleUserClick($event)\"\n (alertClick)=\"handleAlertClick($event)\"\n (roleButtonClick)=\"handleRoleChange($event)\"\n [showRoleButton]=\"showRoleButton()\"\n [showSearchButton]=\"showSearchButton()\"\n (searchButtonClick)=\"handleSearchChange($event)\"\n [showNotifications]=\"!!alertNotification()\"\n />\n }\n </nav>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes expandWidthSmooth{0%{width:26rem}75%{width:100%;transform:scaleX(1.05)}to{width:100%;transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.bmb_top-bar{background-color:rgb(var(--black-primary));color:rgb(var(--white-primary));display:flex;justify-content:space-between;padding:.5rem 1rem;gap:1rem;align-items:center;position:relative;z-index:2;height:64px}@media (max-width: 62.5rem){.bmb_top-bar-sidebar{padding-left:3rem}}.bmb_top-bar-open{border-radius:var(--bmb-radius-none)}@media (min-width: 62.5625rem){.bmb_top-bar-animated{width:26rem;animation:expandWidthSmooth 2s ease-out 1s forwards;margin:auto}.bmb_top-bar-animated>div:not(.bmb_top-bar-button-section),.bmb_top-bar-animated>nav{opacity:0;visibility:hidden;animation:fadeIn 1s ease-in 3s forwards}}.bmb_top-bar-button-section{display:flex;align-items:center;gap:.25rem}@media (max-width: 62.5rem){.bmb_top-bar-button-section{display:none}}.bmb_top-bar-button-menu{padding:1.25rem;background-color:transparent;display:flex;align-items:center;position:relative;width:2.5rem;border-radius:var(--bmb-radius-5)}.bmb_top-bar-button-menu-icon{position:absolute;left:.5rem;top:.125rem}.bmb_top-bar-button-menu:hover:not(:disabled),.bmb_top-bar-button-menu:focus-visible:not(:disabled){background-color:var(--white-min)}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-menu i{color:rgb(var(--gray-charade-50));transition:all .3s ease}.bmb_top-bar-button-menu-close i,.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-menu i{opacity:0;transform:rotate(180deg)}.bmb_top-bar-button-menu-open .bmb_top-bar-button-menu-close i{opacity:1}.bmb_top-bar-button-menu i{position:absolute;left:0;top:.25rem}.bmb_top-bar-logo-section{margin:0;width:auto;line-height:0}@media (min-width: 62.5625rem){.bmb_top-bar-logo-section{width:max-content}}.bmb_top-bar-logo-section img{width:auto;height:2.125rem}.bmb_top-bar-mb-app{display:flex;justify-content:center;width:100%}.bmb_top-bar-mb-app-name{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;text-align:center}.bmb_top-bar-app-name{max-width:100%;display:flex;gap:1rem;align-items:center;flex:1;justify-content:center}@media (min-width: 62.5625rem){.bmb_top-bar-app-name{justify-content:start}}.bmb_top-bar-app-name h1{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (min-width: 62.5625rem){.bmb_top-bar-app-name h1{display:flex}}.bmb_top-bar-app-name-powered{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-left:.0625rem solid rgb(var(--white-primary));display:none}@media (min-width: 62.5625rem){.bmb_top-bar-app-name-powered{display:inline-block;max-width:max-content;padding-left:1rem}}.bmb_top-bar-always-visible-content{flex:1;justify-content:flex-end;display:flex;gap:.625rem}@media (min-width: 62.5625rem){.bmb_top-bar-always-visible-content{flex:auto;max-width:max-content}}.bmb_top-bar-nav{flex:1;display:flex;list-style:none;gap:1rem;align-items:center}@media (max-width: 62.5rem){.bmb_top-bar-nav-open{transition:opacity .3s ease;position:absolute;top:100%;z-index:99;background-color:rgb(var(--black-primary));left:0;flex-flow:column;width:100%;align-items:flex-start;opacity:1;height:max-content;max-height:9999px;padding-bottom:1rem}.bmb_top-bar-nav-open .bmb_top-bar-nav-content{flex-flow:column;width:100%;align-items:flex-start;gap:0}.bmb_top-bar-nav-open>li:first-child{order:-1}.bmb_top-bar-nav-open>li:last-child{order:0}}@media (min-width: 62.5625rem){.bmb_top-bar-nav{display:flex;justify-content:inherit}}.bmb_top-bar-nav-content{margin:0;padding:0;list-style:none;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.bmb_top-bar-nav bmb-top-bar-user-section .bmb_top-bar-user-section{width:auto}.bmb_top-bar-lang{display:flex;gap:1rem;align-items:center}.bmb_top-bar-lang-flag{margin:0;display:inline-block;line-height:0;overflow:hidden;border-radius:var(--bmb-radius-full)}\n"] }]
|
|
6277
6319
|
}] });
|
|
6278
6320
|
|
|
6279
6321
|
class BmbTopBarItemComponent {
|
|
@@ -6413,7 +6455,7 @@ class BmbTotpComponent {
|
|
|
6413
6455
|
return this.codeForm.get(name);
|
|
6414
6456
|
}
|
|
6415
6457
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTotpComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6416
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbTotpComponent, isStandalone: true, selector: "bmb-totp", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null }, codeError: { classPropertyName: "codeError", publicName: "codeError", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, showButton: { classPropertyName: "showButton", publicName: "showButton", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, disableButton: { classPropertyName: "disableButton", publicName: "disableButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleSubmit: "handleSubmit" }, host: { listeners: { "keydown": "handleKeyDown($event)", "paste": "handlePaste($event)" } }, ngImport: i0, template: "<section class=\"bmb_totp\">\n <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n <bmb-container\n class=\"bmb_totp-container\"\n [appearance]=\"'contrast-box-container'\"\n >\n <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n <h2 class=\"bmb_totp-title\">\n {{ title() || ('totp.title' | translate) }}\n </h2>\n <h3 class=\"bmb_totp-subtitle\">\n {{ subtitle() || ('totp.subtitle' | translate) }}\n </h3>\n <section class=\"bmb_totp-code\">\n @for (field of codesArray(); track $index) {\n <section class=\"bmb_totp-separator\">\n <bmb-input-content\n type=\"number\"\n class=\"bmb_totp-input\"\n [inputId]=\"'code_' + instanceId() + '_' + $index\"\n [name]=\"'name_' + instanceId() + '_' + $index\"\n [maxLength]=\"1\"\n [isError]=\"codeError()\"\n [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n (onKeyUp)=\"handleKeyUp($event, $index)\"\n />\n </section>\n }\n </section>\n @if (codeError()) {\n <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n }\n @if (showButton()) {\n <button\n class=\"bmb_totp-button\"\n bmbButton\n size=\"large\"\n type=\"submit\"\n [disabled]=\"disableButton()\"\n >\n {{ buttonText() }}\n </button>\n }\n @if (showButton() && helperText()) {\n <p class=\"bmb_totp-helper\">\n {{ helperText() }}\n </p>\n }\n </bmb-container>\n </form>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general-contrasts-100);font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general-contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general-contrasts-input-outline);border-radius:var(--bmb-radius-full);content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:var(--bmb-radius-1);position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general_contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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", "clearEvent"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6458
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbTotpComponent, isStandalone: true, selector: "bmb-totp", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null }, codeError: { classPropertyName: "codeError", publicName: "codeError", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, showButton: { classPropertyName: "showButton", publicName: "showButton", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, disableButton: { classPropertyName: "disableButton", publicName: "disableButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handleSubmit: "handleSubmit" }, host: { listeners: { "keydown": "handleKeyDown($event)", "paste": "handlePaste($event)" } }, ngImport: i0, template: "<section class=\"bmb_totp\">\n <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n <bmb-container\n class=\"bmb_totp-container\"\n [appearance]=\"'contrast-box-container'\"\n >\n <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n <h2 class=\"bmb_totp-title\">\n {{ title() || ('totp.title' | translate) }}\n </h2>\n <h3 class=\"bmb_totp-subtitle\">\n {{ subtitle() || ('totp.subtitle' | translate) }}\n </h3>\n <section class=\"bmb_totp-code\">\n @for (field of codesArray(); track $index) {\n <section class=\"bmb_totp-separator\">\n <bmb-input-content\n type=\"number\"\n class=\"bmb_totp-input\"\n [inputId]=\"'code_' + instanceId() + '_' + $index\"\n [name]=\"'name_' + instanceId() + '_' + $index\"\n [maxLength]=\"1\"\n [isError]=\"codeError()\"\n [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n (onKeyUp)=\"handleKeyUp($event, $index)\"\n />\n </section>\n }\n </section>\n @if (codeError()) {\n <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n }\n @if (showButton()) {\n <button\n class=\"bmb_totp-button\"\n bmbButton\n size=\"large\"\n type=\"submit\"\n [disabled]=\"disableButton()\"\n >\n {{ buttonText() }}\n </button>\n }\n @if (showButton() && helperText()) {\n <p class=\"bmb_totp-helper\">\n {{ helperText() }}\n </p>\n }\n </bmb-container>\n </form>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general-contrasts-100);font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general-contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general-contrasts-input-outline);border-radius:var(--bmb-radius-full);content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:var(--bmb-radius-1);position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { 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", "clearEvent"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6417
6459
|
}
|
|
6418
6460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTotpComponent, decorators: [{
|
|
6419
6461
|
type: Component,
|
|
@@ -6425,7 +6467,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
6425
6467
|
BmbInputContentComponent,
|
|
6426
6468
|
BmbButtonDirective,
|
|
6427
6469
|
TranslatePipe,
|
|
6428
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_totp\">\n <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n <bmb-container\n class=\"bmb_totp-container\"\n [appearance]=\"'contrast-box-container'\"\n >\n <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n <h2 class=\"bmb_totp-title\">\n {{ title() || ('totp.title' | translate) }}\n </h2>\n <h3 class=\"bmb_totp-subtitle\">\n {{ subtitle() || ('totp.subtitle' | translate) }}\n </h3>\n <section class=\"bmb_totp-code\">\n @for (field of codesArray(); track $index) {\n <section class=\"bmb_totp-separator\">\n <bmb-input-content\n type=\"number\"\n class=\"bmb_totp-input\"\n [inputId]=\"'code_' + instanceId() + '_' + $index\"\n [name]=\"'name_' + instanceId() + '_' + $index\"\n [maxLength]=\"1\"\n [isError]=\"codeError()\"\n [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n (onKeyUp)=\"handleKeyUp($event, $index)\"\n />\n </section>\n }\n </section>\n @if (codeError()) {\n <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n }\n @if (showButton()) {\n <button\n class=\"bmb_totp-button\"\n bmbButton\n size=\"large\"\n type=\"submit\"\n [disabled]=\"disableButton()\"\n >\n {{ buttonText() }}\n </button>\n }\n @if (showButton() && helperText()) {\n <p class=\"bmb_totp-helper\">\n {{ helperText() }}\n </p>\n }\n </bmb-container>\n </form>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general-contrasts-100);font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general-contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general-contrasts-input-outline);border-radius:var(--bmb-radius-full);content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:var(--bmb-radius-1);position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--
|
|
6470
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_totp\">\n <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\n <bmb-container\n class=\"bmb_totp-container\"\n [appearance]=\"'contrast-box-container'\"\n >\n <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\n <h2 class=\"bmb_totp-title\">\n {{ title() || ('totp.title' | translate) }}\n </h2>\n <h3 class=\"bmb_totp-subtitle\">\n {{ subtitle() || ('totp.subtitle' | translate) }}\n </h3>\n <section class=\"bmb_totp-code\">\n @for (field of codesArray(); track $index) {\n <section class=\"bmb_totp-separator\">\n <bmb-input-content\n type=\"number\"\n class=\"bmb_totp-input\"\n [inputId]=\"'code_' + instanceId() + '_' + $index\"\n [name]=\"'name_' + instanceId() + '_' + $index\"\n [maxLength]=\"1\"\n [isError]=\"codeError()\"\n [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\n (onKeyUp)=\"handleKeyUp($event, $index)\"\n />\n </section>\n }\n </section>\n @if (codeError()) {\n <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\n }\n @if (showButton()) {\n <button\n class=\"bmb_totp-button\"\n bmbButton\n size=\"large\"\n type=\"submit\"\n [disabled]=\"disableButton()\"\n >\n {{ buttonText() }}\n </button>\n }\n @if (showButton() && helperText()) {\n <p class=\"bmb_totp-helper\">\n {{ helperText() }}\n </p>\n }\n </bmb-container>\n </form>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_totp{width:100%}.bmb_totp-container .bmb_container-contrast-box-container{min-width:21.5rem;border:0;margin:0;padding:var(--bmb-spacing-xl);gap:var(--bmb-spacing-m)}.bmb_totp-form{display:flex;justify-content:center}.bmb_totp-title{color:var(--general-contrasts-100);font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.bmb_totp-subtitle{color:var(--general-contrasts-75);font-family:Poppins-Light,sans-serif;font-size:.75rem}.bmb_totp-code{align-items:center;display:flex}.bmb_totp-separator{padding-right:var(--bmb-spacing-m);position:relative}.bmb_totp-separator:not(:last-child):after{background-color:var(--general-contrasts-input-outline);border-radius:var(--bmb-radius-full);content:\"\";display:block;height:.25rem;position:absolute;right:.375rem;top:45%;width:.25rem}.bmb_totp-separator:last-child{padding-right:0}.bmb_totp-separator:focus-within:before{content:\"\";border-radius:var(--bmb-radius-1);position:absolute;left:.25rem;bottom:.25rem;width:1.5rem;height:.125rem;background-color:var(--buttons-primary-select);transition:background-color .3s;z-index:1}.bmb_totp-input .bmb_field-input-normal{border-radius:var(--bmb-radius-xs);height:2rem;width:2rem;text-align:center;padding:0}.bmb_totp-button .bmb_btn{padding:.5rem 1rem;max-height:2.5rem}.bmb_totp-helper{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:var(--general-contrasts-input-outline)}.bmb_totp-error{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0;color:rgb(var(--red-light))}\n"] }]
|
|
6429
6471
|
}], ctorParameters: () => [{ type: i2.FormBuilder }], propDecorators: { handleKeyDown: [{
|
|
6430
6472
|
type: HostListener,
|
|
6431
6473
|
args: ['keydown', ['$event']]
|
|
@@ -7532,7 +7574,7 @@ class BmbTablesComponent {
|
|
|
7532
7574
|
return classList;
|
|
7533
7575
|
}
|
|
7534
7576
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTablesComponent, deps: [{ token: i0.Renderer2 }, { token: i1$1.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7535
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbTablesComponent, isStandalone: true, selector: "bmb-table", inputs: { showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, showFilters: { classPropertyName: "showFilters", publicName: "showFilters", 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 }, actionTemplate: { classPropertyName: "actionTemplate", publicName: "actionTemplate", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, initialTableSelection: { classPropertyName: "initialTableSelection", publicName: "initialTableSelection", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, clearSelection: { classPropertyName: "clearSelection", publicName: "clearSelection", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", 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 }, filtersPosition: { classPropertyName: "filtersPosition", publicName: "filtersPosition", isSignal: true, isRequired: false, transformFunction: null }, filtersModel: { classPropertyName: "filtersModel", publicName: "filtersModel", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, clearSelectionWhenPageChanges: { classPropertyName: "clearSelectionWhenPageChanges", publicName: "clearSelectionWhenPageChanges", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", filtersModel: "filtersModelChange", select: "select", clickedRow: "clickedRow", searchChange: "searchChange", filtersChange: "filtersChange", searchModeChange: "searchModeChange", pageChange: "pageChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matTableRef", first: true, predicate: MatTable, descendants: true, read: ElementRef }, { propertyName: "headerCellRef", first: true, predicate: ["headerCellRef"], descendants: true }, { propertyName: "cellRef", first: true, predicate: ["cellRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"getTableClasses()\">\n @if (showSearch() || filtersVisible()) {\n <header class=\"bmb_table-header\">\n <div class=\"bmb_table-filter\">\n @if (showSearch()) {\n <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\n <bmb-input\n class=\"bmb_table-search\"\n [type]=\"'text'\"\n [placeholder]=\"'table.filters.search' | translate\"\n [disabled]=\"false\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"searchControl\"\n ></bmb-input>\n </section>\n }\n\n @if (filtersVisible()) {\n @for (column of parsedFiltersColumns(); track $index) {\n <section class=\"bmb_table-filter-item\">\n @switch (column.type) {\n @case ('number') {\n <div class=\"bmb_table-filter-item-number\" margin=\"none\">\n <bmb-input\n [label]=\"column.label + ('table.filters.min' | translate)\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00EDn'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_min')\"\n />\n <bmb-input\n [label]=\"column.label + ('table.filters.max' | translate)\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00E1x'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_max')\"\n />\n </div>\n }\n\n @case ('date') {\n <bmb-date-range\n [placeholderStartDate]=\"\n 'table.filters.startDatePlaceholder' | translate\n \"\n [placeholderEndDate]=\"\n 'table.filters.endDatePlaceholder' | translate\n \"\n [icon]=\"'calendar_month'\"\n [labelEndDate]=\"'table.filters.endDate' | translate\"\n [labelStartDate]=\"'table.filters.startDate' | translate\"\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\n @default {\n <bmb-input\n [label]=\"column.label\"\n [placeholder]=\"'table.filters.filter' | translate\"\n [control]=\"getFormControl(column.dataKey + '_contains')\"\n />\n }\n }\n </section>\n }\n }\n </div>\n </header>\n }\n <div class=\"bmb_table-container\">\n @if (showFilters()) {\n <bmb-action-icon\n [idElement]=\"''\"\n [icon]=\"'filter_list'\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleFilters()\"\n ></bmb-action-icon>\n }\n <section class=\"bmb_table-container-table\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n class=\"bmb_table-content\"\n multiTemplateDataRows\n >\n <!-- Checkbox Column -->\n <ng-container matColumnDef=\"select\" sticky>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n <bmb-checkbox\n (change)=\"handleMasterSelection($event)\"\n [checked]=\"checkIfAllRowsSelected()\"\n [indeterminate]=\"checkIfSomeRowsSelected()\"\n [ariaLabel]=\"checkboxLabel()\"\n [disabled]=\"false\"\n />\n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-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 </td>\n </ng-container>\n\n <!-- Expand Column -->\n <ng-container matColumnDef=\"expand\" sticky>\n <th\n mat-header-cell\n *matHeaderCellDef\n class=\"bmb_table-expand\"\n aria-label=\"row actions\"\n >\n \n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n <ng-container *ngIf=\"row.detail\">\n <button\n mat-icon-button\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 ? 'zoom_out_map' : 'zoom_out_map'\n \"\n />\n </button>\n </ng-container>\n </td>\n </ng-container>\n\n <!-- Display Columns -->\n @for (column of tableColumns; track column; let i = $index) {\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n <th\n mat-header-cell\n *matHeaderCellDef\n #headerCell\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n matTooltipPosition=\"below\"\n matTooltipClass=\"bmb_tooltip\"\n [ngClass]=\"{\n 'bmb_table-sticky': i === 0,\n truncated: truncate(),\n wrapped: wrap()\n }\"\n >\n <!-- T\u00EDtulo -->\n @if (column.htmlLabel) {\n <ng-template\n [ngTemplateOutlet]=\"column.htmlLabel\"\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n ></ng-template>\n } @else {\n {{ this.lang() === 'es' ? column.label : column.labelEn }}\n }\n\n <!-- Resize Handle -->\n <span\n class=\"bmb_table-resize\"\n (mousedown)=\"onResizeColumn($event, i)\"\n ></span>\n </th>\n\n <td\n mat-cell\n *matCellDef=\"let row; let a = index\"\n #cell\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n tooltipClass=\"bmb_tooltip\"\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\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 {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n }\n </td>\n </ng-container>\n }\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\" stickyEnd>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n <ng-template\n [ngTemplateOutlet]=\"actionTemplate()!\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n >\n </ng-template>\n </td>\n </ng-container>\n\n <!-- Row to expand -->\n <ng-container matColumnDef=\"expandedDetail\">\n <td\n mat-cell\n *matCellDef=\"let row\"\n [attr.colspan]=\"tableDisplayColumns.length\"\n >\n <div\n class=\"bmb_table-detail\"\n [@detailExpand]=\"\n row == expandedElement ? 'expanded' : 'collapsed'\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n ></ng-container>\n </div>\n </td>\n </ng-container>\n\n <!-- Rows -->\n <tr\n mat-header-row\n *matHeaderRowDef=\"tableDisplayColumns\"\n class=\"bmb_table-row\"\n ></tr>\n\n <tr\n mat-row\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n (click)=\"onSelectRow(row)\"\n class=\"bmb_table-row\"\n [class.bmb_table-expandible]=\"expandedElement === row\"\n [ngClass]=\"{\n 'bmb_table-even': isEven(i),\n 'bmb_table-odd': isOdd(i)\n }\"\n ></tr>\n\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\n <tr\n mat-row\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n class=\"bmb_table-details\"\n [class.bmb_table-expanded]=\"expandedElement === row\"\n ></tr>\n </ng-container>\n </table>\n </section>\n <!-- Paginator -->\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n <mat-paginator\n #paginator\n [length]=\"totalItems()\"\n [pageSize]=\"this.pageSize()\"\n [hidePageSize]=\"true\"\n (page)=\"onPageEvent($event)\"\n >\n </mat-paginator>\n\n <div class=\"bmb_table-paginator\">\n <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n\n <button\n [disabled]=\"\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() === 0\n : !paginator?.hasPreviousPage()\n }\"\n (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() === 0\n : !paginator?.hasPreviousPage()\n }\"\n (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n }\"\n (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n }\"\n (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n </div>\n </ng-container>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);padding:1.5rem 1rem;width:100%;height:auto;box-sizing:border-box;container-type:inline-size}@media (min-width: 62.5625rem){.bmb_table{height:100%}}.bmb_table-filters-top,.bmb_table-filters-left{display:flex;gap:1rem;overflow:auto;flex-flow:column}.bmb_table-filters-bottom,.bmb_table-filters-right{display:flex;gap:1rem;overflow:auto;flex-flow:column;flex-direction:column-reverse;align-items:flex-start}@media (min-width: 62.5625rem){.bmb_table-filters-top .bmb_table-header,.bmb_table-filters-bottom .bmb_table-header{height:30%;width:100%}.bmb_table-filters-top .bmb_table-container,.bmb_table-filters-bottom .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-left,.bmb_table-filters-right{flex-flow:row}.bmb_table-filters-left .bmb_table-header,.bmb_table-filters-right .bmb_table-header{width:30%}.bmb_table-filters-left .bmb_table-container,.bmb_table-filters-right .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-right{flex-flow:row-reverse}}.bmb_table-header{container-type:inline-size;overflow:auto;max-height:100%}.bmb_table-header .bmb_table-filter{display:flex;gap:1rem;flex-flow:column;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table-filter-item-number{flex-flow:column}}.bmb_table-filter-item-number>*{flex:1}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{content:\"\";width:1rem;height:0;border-top:.125rem solid;margin:0 .625rem;display:inline-block}@media (max-width: 43.6875rem){.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%;max-height:100%;display:flex;flex-flow:column;gap:1rem}.bmb_table-container-table{overflow:auto;flex:1}.bmb_table-content{width:100%}.bmb_table-row.mat-mdc-header-row,.bmb_table-row.mat-mdc-row{height:auto}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:.25rem .5rem}.bmb_table-row>td.truncated,.bmb_table-row>th.truncated{max-width:6.25rem;min-width:4.375rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table-row>td.wrapped,.bmb_table-row>th.wrapped{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 48rem){.bmb_table-row>td,.bmb_table-row>th{max-width:fit-content}}.bmb_table-row>td.bmb_table-checkbox,.bmb_table-row>th.bmb_table-checkbox{min-width:3.875rem;padding-right:0;text-align:center;width:3.875rem}.bmb_table-row>td.bmb_table-checkbox+.bmb_table-sticky,.bmb_table-row>th.bmb_table-checkbox+.bmb_table-sticky{left:3.625rem!important}.bmb_table-row>td.bmb_table-expand,.bmb_table-row>th.bmb_table-expand{min-width:2.5rem;width:2.5rem}.bmb_table-row>td.bmb_table-expand+.bmb_table-sticky,.bmb_table-row>th.bmb_table-expand+.bmb_table-sticky{left:6.125rem!important}.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{border-right:.0625rem solid var(--buttons-inactive-step);max-width:9rem}@media (min-width: 75rem){.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{max-width:fit-content}}.bmb_table-row>td.bmb_table-actions,.bmb_table-row>th.bmb_table-actions{border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90)}.bmb_table-row>td button,.bmb_table-row>th button{align-items:center;color:var(--color-table-90);display:flex}.bmb_table-row>th{border-bottom:0;color:var(--general-contrasts-100);overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:left}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-bottom-color:var(--general-contrasts-25);border-bottom-style:dashed}.bmb_table-row>td.bmb_table-actions .action-container{display:flex}.bmb_table-row>td.bmb_table-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table-row>td .mat-mdc-icon-button{align-items:center;display:flex;height:auto;padding:0;width:auto}.bmb_table-row>td .mat-mdc-icon-button bmb-icon{font-size:1.5rem}.bmb_table-even.mat-mdc-row{background-color:var(--containers-modal);color:var(--menu-select-label-menu-inactive)}.bmb_table-even.mat-mdc-row.bmb_table-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table-odd.mat-mdc-row{background-color:var(--general_contrasts-15);color:var(--general_contrasts-75)}.bmb_table-odd.bmb_table-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table-details.mat-mdc-row{background-color:var(--menu-select-on-surface-hovered-w-checkbox);height:0}.bmb_table-details.mat-mdc-row>td{border:0;padding:0 1rem}.bmb_table-details.mat-mdc-row.bmb_table-expanded>td{border-bottom:.0625rem dashed var(--general-contrasts-25);padding:1rem}.bmb_table-detail{color:var(--general-contrasts-75);display:flex;overflow:hidden}.bmb_table-detail>bmb-table{width:100%}.bmb_table-resize{border-right:.0625rem solid var(--general-contrasts-25);cursor:col-resize;display:inline-block;height:100%;opacity:0;position:absolute;right:0;top:0}.bmb_table-resize:hover{opacity:1;width:1.25rem}.bmb_table .mat-mdc-paginator{display:none}.bmb_table-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table-paginator-text{color:var(--general-contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table-paginator-btn{color:var(--general-contrasts-100);height:3rem;padding:0;width:3rem}.bmb_table-paginator-btn-disabled{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table-paginator-icon{font-size:1.5rem}.bmb_table bmb-checkbox{display:block;height:1.5rem}.bmb_table bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table-success{color:var(--semantic-success)}.bmb_table-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: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "max", "min", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "inputId", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
|
|
7577
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbTablesComponent, isStandalone: true, selector: "bmb-table", inputs: { showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, showFilters: { classPropertyName: "showFilters", publicName: "showFilters", 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 }, actionTemplate: { classPropertyName: "actionTemplate", publicName: "actionTemplate", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, initialTableSelection: { classPropertyName: "initialTableSelection", publicName: "initialTableSelection", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, clearSelection: { classPropertyName: "clearSelection", publicName: "clearSelection", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", 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 }, filtersPosition: { classPropertyName: "filtersPosition", publicName: "filtersPosition", isSignal: true, isRequired: false, transformFunction: null }, filtersModel: { classPropertyName: "filtersModel", publicName: "filtersModel", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, clearSelectionWhenPageChanges: { classPropertyName: "clearSelectionWhenPageChanges", publicName: "clearSelectionWhenPageChanges", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", filtersModel: "filtersModelChange", select: "select", clickedRow: "clickedRow", searchChange: "searchChange", filtersChange: "filtersChange", searchModeChange: "searchModeChange", pageChange: "pageChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "matTableRef", first: true, predicate: MatTable, descendants: true, read: ElementRef }, { propertyName: "headerCellRef", first: true, predicate: ["headerCellRef"], descendants: true }, { propertyName: "cellRef", first: true, predicate: ["cellRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"getTableClasses()\">\n @if (showSearch() || filtersVisible()) {\n <header class=\"bmb_table-header\">\n <div class=\"bmb_table-filter\">\n @if (showSearch()) {\n <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\n <bmb-input\n class=\"bmb_table-search\"\n [type]=\"'text'\"\n [placeholder]=\"'table.filters.search' | translate\"\n [disabled]=\"false\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"searchControl\"\n ></bmb-input>\n </section>\n }\n\n @if (filtersVisible()) {\n @for (column of parsedFiltersColumns(); track $index) {\n <section class=\"bmb_table-filter-item\">\n @switch (column.type) {\n @case ('number') {\n <div class=\"bmb_table-filter-item-number\" margin=\"none\">\n <bmb-input\n [label]=\"column.label + ('table.filters.min' | translate)\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00EDn'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_min')\"\n />\n <bmb-input\n [label]=\"column.label + ('table.filters.max' | translate)\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00E1x'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_max')\"\n />\n </div>\n }\n\n @case ('date') {\n <bmb-date-range\n [placeholderStartDate]=\"\n 'table.filters.startDatePlaceholder' | translate\n \"\n [placeholderEndDate]=\"\n 'table.filters.endDatePlaceholder' | translate\n \"\n [icon]=\"'calendar_month'\"\n [labelEndDate]=\"'table.filters.endDate' | translate\"\n [labelStartDate]=\"'table.filters.startDate' | translate\"\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\n @default {\n <bmb-input\n [label]=\"column.label\"\n [placeholder]=\"'table.filters.filter' | translate\"\n [control]=\"getFormControl(column.dataKey + '_contains')\"\n />\n }\n }\n </section>\n }\n }\n </div>\n </header>\n }\n <div class=\"bmb_table-container\">\n @if (showFilters()) {\n <bmb-action-icon\n [idElement]=\"''\"\n [icon]=\"'filter_list'\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleFilters()\"\n ></bmb-action-icon>\n }\n <section class=\"bmb_table-container-table\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n class=\"bmb_table-content\"\n multiTemplateDataRows\n >\n <!-- Checkbox Column -->\n <ng-container matColumnDef=\"select\" sticky>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n <bmb-checkbox\n (change)=\"handleMasterSelection($event)\"\n [checked]=\"checkIfAllRowsSelected()\"\n [indeterminate]=\"checkIfSomeRowsSelected()\"\n [ariaLabel]=\"checkboxLabel()\"\n [disabled]=\"false\"\n />\n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-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 </td>\n </ng-container>\n\n <!-- Expand Column -->\n <ng-container matColumnDef=\"expand\" sticky>\n <th\n mat-header-cell\n *matHeaderCellDef\n class=\"bmb_table-expand\"\n aria-label=\"row actions\"\n >\n \n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n <ng-container *ngIf=\"row.detail\">\n <button\n mat-icon-button\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 ? 'zoom_out_map' : 'zoom_out_map'\n \"\n />\n </button>\n </ng-container>\n </td>\n </ng-container>\n\n <!-- Display Columns -->\n @for (column of tableColumns; track column; let i = $index) {\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n <th\n mat-header-cell\n *matHeaderCellDef\n #headerCell\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n matTooltipPosition=\"below\"\n matTooltipClass=\"bmb_tooltip\"\n [ngClass]=\"{\n 'bmb_table-sticky': i === 0,\n truncated: truncate(),\n wrapped: wrap()\n }\"\n >\n <!-- T\u00EDtulo -->\n @if (column.htmlLabel) {\n <ng-template\n [ngTemplateOutlet]=\"column.htmlLabel\"\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n ></ng-template>\n } @else {\n {{ this.lang() === 'es' ? column.label : column.labelEn }}\n }\n\n <!-- Resize Handle -->\n <span\n class=\"bmb_table-resize\"\n (mousedown)=\"onResizeColumn($event, i)\"\n ></span>\n </th>\n\n <td\n mat-cell\n *matCellDef=\"let row; let a = index\"\n #cell\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n tooltipClass=\"bmb_tooltip\"\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\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 {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n }\n </td>\n </ng-container>\n }\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\" stickyEnd>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n <ng-template\n [ngTemplateOutlet]=\"actionTemplate()!\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n >\n </ng-template>\n </td>\n </ng-container>\n\n <!-- Row to expand -->\n <ng-container matColumnDef=\"expandedDetail\">\n <td\n mat-cell\n *matCellDef=\"let row\"\n [attr.colspan]=\"tableDisplayColumns.length\"\n >\n <div\n class=\"bmb_table-detail\"\n [@detailExpand]=\"\n row == expandedElement ? 'expanded' : 'collapsed'\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n ></ng-container>\n </div>\n </td>\n </ng-container>\n\n <!-- Rows -->\n <tr\n mat-header-row\n *matHeaderRowDef=\"tableDisplayColumns\"\n class=\"bmb_table-row\"\n ></tr>\n\n <tr\n mat-row\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n (click)=\"onSelectRow(row)\"\n class=\"bmb_table-row\"\n [class.bmb_table-expandible]=\"expandedElement === row\"\n [ngClass]=\"{\n 'bmb_table-even': isEven(i),\n 'bmb_table-odd': isOdd(i)\n }\"\n ></tr>\n\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\n <tr\n mat-row\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n class=\"bmb_table-details\"\n [class.bmb_table-expanded]=\"expandedElement === row\"\n ></tr>\n </ng-container>\n </table>\n </section>\n <!-- Paginator -->\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n <mat-paginator\n #paginator\n [length]=\"totalItems()\"\n [pageSize]=\"this.pageSize()\"\n [hidePageSize]=\"true\"\n (page)=\"onPageEvent($event)\"\n >\n </mat-paginator>\n\n <div class=\"bmb_table-paginator\">\n <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n\n <button\n [disabled]=\"\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() === 0\n : !paginator?.hasPreviousPage()\n }\"\n (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() === 0\n : !paginator?.hasPreviousPage()\n }\"\n (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n }\"\n (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n }\"\n (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n </div>\n </ng-container>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);padding:1.5rem 1rem;width:100%;height:auto;box-sizing:border-box;container-type:inline-size}@media (min-width: 62.5625rem){.bmb_table{height:100%}}.bmb_table-filters-top,.bmb_table-filters-left{display:flex;gap:1rem;overflow:auto;flex-flow:column}.bmb_table-filters-bottom,.bmb_table-filters-right{display:flex;gap:1rem;overflow:auto;flex-flow:column;flex-direction:column-reverse;align-items:flex-start}@media (min-width: 62.5625rem){.bmb_table-filters-top .bmb_table-header,.bmb_table-filters-bottom .bmb_table-header{height:30%;width:100%}.bmb_table-filters-top .bmb_table-container,.bmb_table-filters-bottom .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-left,.bmb_table-filters-right{flex-flow:row}.bmb_table-filters-left .bmb_table-header,.bmb_table-filters-right .bmb_table-header{width:30%}.bmb_table-filters-left .bmb_table-container,.bmb_table-filters-right .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-right{flex-flow:row-reverse}}.bmb_table-header{container-type:inline-size;overflow:auto;max-height:100%}.bmb_table-header .bmb_table-filter{display:flex;gap:1rem;flex-flow:column;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table-filter-item-number{flex-flow:column}}.bmb_table-filter-item-number>*{flex:1}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{content:\"\";width:1rem;height:0;border-top:.125rem solid;margin:0 .625rem;display:inline-block}@media (max-width: 43.6875rem){.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%;max-height:100%;display:flex;flex-flow:column;gap:1rem}.bmb_table-container-table{overflow:auto;flex:1}.bmb_table-content{width:100%}.bmb_table-row.mat-mdc-header-row,.bmb_table-row.mat-mdc-row{height:auto}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:.25rem .5rem}.bmb_table-row>td.truncated,.bmb_table-row>th.truncated{max-width:6.25rem;min-width:4.375rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table-row>td.wrapped,.bmb_table-row>th.wrapped{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 48rem){.bmb_table-row>td,.bmb_table-row>th{max-width:fit-content}}.bmb_table-row>td.bmb_table-checkbox,.bmb_table-row>th.bmb_table-checkbox{min-width:3.875rem;padding-right:0;text-align:center;width:3.875rem}.bmb_table-row>td.bmb_table-checkbox+.bmb_table-sticky,.bmb_table-row>th.bmb_table-checkbox+.bmb_table-sticky{left:3.625rem!important}.bmb_table-row>td.bmb_table-expand,.bmb_table-row>th.bmb_table-expand{min-width:2.5rem;width:2.5rem}.bmb_table-row>td.bmb_table-expand+.bmb_table-sticky,.bmb_table-row>th.bmb_table-expand+.bmb_table-sticky{left:6.125rem!important}.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{border-right:.0625rem solid var(--buttons-inactive-step);max-width:9rem}@media (min-width: 75rem){.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{max-width:fit-content}}.bmb_table-row>td.bmb_table-actions,.bmb_table-row>th.bmb_table-actions{border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90)}.bmb_table-row>td button,.bmb_table-row>th button{align-items:center;color:var(--color-table-90);display:flex}.bmb_table-row>th{border-bottom:0;color:var(--general-contrasts-100);overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:left}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-bottom-color:var(--general-contrasts-25);border-bottom-style:dashed}.bmb_table-row>td.bmb_table-actions .action-container{display:flex}.bmb_table-row>td.bmb_table-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table-row>td .mat-mdc-icon-button{align-items:center;display:flex;height:auto;padding:0;width:auto}.bmb_table-row>td .mat-mdc-icon-button bmb-icon{font-size:1.5rem}.bmb_table-even.mat-mdc-row{background-color:var(--containers-modal);color:var(--menu-select-label-menu-inactive)}.bmb_table-even.mat-mdc-row.bmb_table-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table-odd.mat-mdc-row{background-color:var(--general-contrasts-15);color:var(--general-contrasts-75)}.bmb_table-odd.bmb_table-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table-details.mat-mdc-row{background-color:var(--menu-select-on-surface-hovered-w-checkbox);height:0}.bmb_table-details.mat-mdc-row>td{border:0;padding:0 1rem}.bmb_table-details.mat-mdc-row.bmb_table-expanded>td{border-bottom:.0625rem dashed var(--general-contrasts-25);padding:1rem}.bmb_table-detail{color:var(--general-contrasts-75);display:flex;overflow:hidden}.bmb_table-detail>bmb-table{width:100%}.bmb_table-resize{border-right:.0625rem solid var(--general-contrasts-25);cursor:col-resize;display:inline-block;height:100%;opacity:0;position:absolute;right:0;top:0}.bmb_table-resize:hover{opacity:1;width:1.25rem}.bmb_table .mat-mdc-paginator{display:none}.bmb_table-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table-paginator-text{color:var(--general-contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table-paginator-btn{color:var(--general-contrasts-100);height:3rem;padding:0;width:3rem}.bmb_table-paginator-btn-disabled{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table-paginator-icon{font-size:1.5rem}.bmb_table bmb-checkbox{display:block;height:1.5rem}.bmb_table bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table-success{color:var(--semantic-success)}.bmb_table-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: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "max", "min", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "inputId", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
|
|
7536
7578
|
trigger('detailExpand', [
|
|
7537
7579
|
state('collapsed,void', style({ height: '0px', minHeight: '0' })),
|
|
7538
7580
|
state('expanded', style({ height: '*' })),
|
|
@@ -7565,7 +7607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
7565
7607
|
state('expanded', style({ height: '*' })),
|
|
7566
7608
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
|
|
7567
7609
|
]),
|
|
7568
|
-
], template: "<div [ngClass]=\"getTableClasses()\">\n @if (showSearch() || filtersVisible()) {\n <header class=\"bmb_table-header\">\n <div class=\"bmb_table-filter\">\n @if (showSearch()) {\n <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\n <bmb-input\n class=\"bmb_table-search\"\n [type]=\"'text'\"\n [placeholder]=\"'table.filters.search' | translate\"\n [disabled]=\"false\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"searchControl\"\n ></bmb-input>\n </section>\n }\n\n @if (filtersVisible()) {\n @for (column of parsedFiltersColumns(); track $index) {\n <section class=\"bmb_table-filter-item\">\n @switch (column.type) {\n @case ('number') {\n <div class=\"bmb_table-filter-item-number\" margin=\"none\">\n <bmb-input\n [label]=\"column.label + ('table.filters.min' | translate)\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00EDn'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_min')\"\n />\n <bmb-input\n [label]=\"column.label + ('table.filters.max' | translate)\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00E1x'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_max')\"\n />\n </div>\n }\n\n @case ('date') {\n <bmb-date-range\n [placeholderStartDate]=\"\n 'table.filters.startDatePlaceholder' | translate\n \"\n [placeholderEndDate]=\"\n 'table.filters.endDatePlaceholder' | translate\n \"\n [icon]=\"'calendar_month'\"\n [labelEndDate]=\"'table.filters.endDate' | translate\"\n [labelStartDate]=\"'table.filters.startDate' | translate\"\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\n @default {\n <bmb-input\n [label]=\"column.label\"\n [placeholder]=\"'table.filters.filter' | translate\"\n [control]=\"getFormControl(column.dataKey + '_contains')\"\n />\n }\n }\n </section>\n }\n }\n </div>\n </header>\n }\n <div class=\"bmb_table-container\">\n @if (showFilters()) {\n <bmb-action-icon\n [idElement]=\"''\"\n [icon]=\"'filter_list'\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleFilters()\"\n ></bmb-action-icon>\n }\n <section class=\"bmb_table-container-table\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n class=\"bmb_table-content\"\n multiTemplateDataRows\n >\n <!-- Checkbox Column -->\n <ng-container matColumnDef=\"select\" sticky>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n <bmb-checkbox\n (change)=\"handleMasterSelection($event)\"\n [checked]=\"checkIfAllRowsSelected()\"\n [indeterminate]=\"checkIfSomeRowsSelected()\"\n [ariaLabel]=\"checkboxLabel()\"\n [disabled]=\"false\"\n />\n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-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 </td>\n </ng-container>\n\n <!-- Expand Column -->\n <ng-container matColumnDef=\"expand\" sticky>\n <th\n mat-header-cell\n *matHeaderCellDef\n class=\"bmb_table-expand\"\n aria-label=\"row actions\"\n >\n \n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n <ng-container *ngIf=\"row.detail\">\n <button\n mat-icon-button\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 ? 'zoom_out_map' : 'zoom_out_map'\n \"\n />\n </button>\n </ng-container>\n </td>\n </ng-container>\n\n <!-- Display Columns -->\n @for (column of tableColumns; track column; let i = $index) {\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n <th\n mat-header-cell\n *matHeaderCellDef\n #headerCell\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n matTooltipPosition=\"below\"\n matTooltipClass=\"bmb_tooltip\"\n [ngClass]=\"{\n 'bmb_table-sticky': i === 0,\n truncated: truncate(),\n wrapped: wrap()\n }\"\n >\n <!-- T\u00EDtulo -->\n @if (column.htmlLabel) {\n <ng-template\n [ngTemplateOutlet]=\"column.htmlLabel\"\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n ></ng-template>\n } @else {\n {{ this.lang() === 'es' ? column.label : column.labelEn }}\n }\n\n <!-- Resize Handle -->\n <span\n class=\"bmb_table-resize\"\n (mousedown)=\"onResizeColumn($event, i)\"\n ></span>\n </th>\n\n <td\n mat-cell\n *matCellDef=\"let row; let a = index\"\n #cell\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n tooltipClass=\"bmb_tooltip\"\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\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 {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n }\n </td>\n </ng-container>\n }\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\" stickyEnd>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n <ng-template\n [ngTemplateOutlet]=\"actionTemplate()!\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n >\n </ng-template>\n </td>\n </ng-container>\n\n <!-- Row to expand -->\n <ng-container matColumnDef=\"expandedDetail\">\n <td\n mat-cell\n *matCellDef=\"let row\"\n [attr.colspan]=\"tableDisplayColumns.length\"\n >\n <div\n class=\"bmb_table-detail\"\n [@detailExpand]=\"\n row == expandedElement ? 'expanded' : 'collapsed'\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n ></ng-container>\n </div>\n </td>\n </ng-container>\n\n <!-- Rows -->\n <tr\n mat-header-row\n *matHeaderRowDef=\"tableDisplayColumns\"\n class=\"bmb_table-row\"\n ></tr>\n\n <tr\n mat-row\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n (click)=\"onSelectRow(row)\"\n class=\"bmb_table-row\"\n [class.bmb_table-expandible]=\"expandedElement === row\"\n [ngClass]=\"{\n 'bmb_table-even': isEven(i),\n 'bmb_table-odd': isOdd(i)\n }\"\n ></tr>\n\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\n <tr\n mat-row\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n class=\"bmb_table-details\"\n [class.bmb_table-expanded]=\"expandedElement === row\"\n ></tr>\n </ng-container>\n </table>\n </section>\n <!-- Paginator -->\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n <mat-paginator\n #paginator\n [length]=\"totalItems()\"\n [pageSize]=\"this.pageSize()\"\n [hidePageSize]=\"true\"\n (page)=\"onPageEvent($event)\"\n >\n </mat-paginator>\n\n <div class=\"bmb_table-paginator\">\n <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n\n <button\n [disabled]=\"\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() === 0\n : !paginator?.hasPreviousPage()\n }\"\n (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() === 0\n : !paginator?.hasPreviousPage()\n }\"\n (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n }\"\n (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n }\"\n (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n </div>\n </ng-container>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);padding:1.5rem 1rem;width:100%;height:auto;box-sizing:border-box;container-type:inline-size}@media (min-width: 62.5625rem){.bmb_table{height:100%}}.bmb_table-filters-top,.bmb_table-filters-left{display:flex;gap:1rem;overflow:auto;flex-flow:column}.bmb_table-filters-bottom,.bmb_table-filters-right{display:flex;gap:1rem;overflow:auto;flex-flow:column;flex-direction:column-reverse;align-items:flex-start}@media (min-width: 62.5625rem){.bmb_table-filters-top .bmb_table-header,.bmb_table-filters-bottom .bmb_table-header{height:30%;width:100%}.bmb_table-filters-top .bmb_table-container,.bmb_table-filters-bottom .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-left,.bmb_table-filters-right{flex-flow:row}.bmb_table-filters-left .bmb_table-header,.bmb_table-filters-right .bmb_table-header{width:30%}.bmb_table-filters-left .bmb_table-container,.bmb_table-filters-right .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-right{flex-flow:row-reverse}}.bmb_table-header{container-type:inline-size;overflow:auto;max-height:100%}.bmb_table-header .bmb_table-filter{display:flex;gap:1rem;flex-flow:column;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table-filter-item-number{flex-flow:column}}.bmb_table-filter-item-number>*{flex:1}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{content:\"\";width:1rem;height:0;border-top:.125rem solid;margin:0 .625rem;display:inline-block}@media (max-width: 43.6875rem){.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%;max-height:100%;display:flex;flex-flow:column;gap:1rem}.bmb_table-container-table{overflow:auto;flex:1}.bmb_table-content{width:100%}.bmb_table-row.mat-mdc-header-row,.bmb_table-row.mat-mdc-row{height:auto}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:.25rem .5rem}.bmb_table-row>td.truncated,.bmb_table-row>th.truncated{max-width:6.25rem;min-width:4.375rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table-row>td.wrapped,.bmb_table-row>th.wrapped{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 48rem){.bmb_table-row>td,.bmb_table-row>th{max-width:fit-content}}.bmb_table-row>td.bmb_table-checkbox,.bmb_table-row>th.bmb_table-checkbox{min-width:3.875rem;padding-right:0;text-align:center;width:3.875rem}.bmb_table-row>td.bmb_table-checkbox+.bmb_table-sticky,.bmb_table-row>th.bmb_table-checkbox+.bmb_table-sticky{left:3.625rem!important}.bmb_table-row>td.bmb_table-expand,.bmb_table-row>th.bmb_table-expand{min-width:2.5rem;width:2.5rem}.bmb_table-row>td.bmb_table-expand+.bmb_table-sticky,.bmb_table-row>th.bmb_table-expand+.bmb_table-sticky{left:6.125rem!important}.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{border-right:.0625rem solid var(--buttons-inactive-step);max-width:9rem}@media (min-width: 75rem){.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{max-width:fit-content}}.bmb_table-row>td.bmb_table-actions,.bmb_table-row>th.bmb_table-actions{border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90)}.bmb_table-row>td button,.bmb_table-row>th button{align-items:center;color:var(--color-table-90);display:flex}.bmb_table-row>th{border-bottom:0;color:var(--general-contrasts-100);overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:left}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-bottom-color:var(--general-contrasts-25);border-bottom-style:dashed}.bmb_table-row>td.bmb_table-actions .action-container{display:flex}.bmb_table-row>td.bmb_table-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table-row>td .mat-mdc-icon-button{align-items:center;display:flex;height:auto;padding:0;width:auto}.bmb_table-row>td .mat-mdc-icon-button bmb-icon{font-size:1.5rem}.bmb_table-even.mat-mdc-row{background-color:var(--containers-modal);color:var(--menu-select-label-menu-inactive)}.bmb_table-even.mat-mdc-row.bmb_table-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table-odd.mat-mdc-row{background-color:var(--general_contrasts-15);color:var(--general_contrasts-75)}.bmb_table-odd.bmb_table-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table-details.mat-mdc-row{background-color:var(--menu-select-on-surface-hovered-w-checkbox);height:0}.bmb_table-details.mat-mdc-row>td{border:0;padding:0 1rem}.bmb_table-details.mat-mdc-row.bmb_table-expanded>td{border-bottom:.0625rem dashed var(--general-contrasts-25);padding:1rem}.bmb_table-detail{color:var(--general-contrasts-75);display:flex;overflow:hidden}.bmb_table-detail>bmb-table{width:100%}.bmb_table-resize{border-right:.0625rem solid var(--general-contrasts-25);cursor:col-resize;display:inline-block;height:100%;opacity:0;position:absolute;right:0;top:0}.bmb_table-resize:hover{opacity:1;width:1.25rem}.bmb_table .mat-mdc-paginator{display:none}.bmb_table-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table-paginator-text{color:var(--general-contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table-paginator-btn{color:var(--general-contrasts-100);height:3rem;padding:0;width:3rem}.bmb_table-paginator-btn-disabled{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table-paginator-icon{font-size:1.5rem}.bmb_table bmb-checkbox{display:block;height:1.5rem}.bmb_table bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table-success{color:var(--semantic-success)}.bmb_table-error{color:var(--semantic-error)}\n"] }]
|
|
7610
|
+
], template: "<div [ngClass]=\"getTableClasses()\">\n @if (showSearch() || filtersVisible()) {\n <header class=\"bmb_table-header\">\n <div class=\"bmb_table-filter\">\n @if (showSearch()) {\n <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\n <bmb-input\n class=\"bmb_table-search\"\n [type]=\"'text'\"\n [placeholder]=\"'table.filters.search' | translate\"\n [disabled]=\"false\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"searchControl\"\n ></bmb-input>\n </section>\n }\n\n @if (filtersVisible()) {\n @for (column of parsedFiltersColumns(); track $index) {\n <section class=\"bmb_table-filter-item\">\n @switch (column.type) {\n @case ('number') {\n <div class=\"bmb_table-filter-item-number\" margin=\"none\">\n <bmb-input\n [label]=\"column.label + ('table.filters.min' | translate)\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00EDn'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_min')\"\n />\n <bmb-input\n [label]=\"column.label + ('table.filters.max' | translate)\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00E1x'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_max')\"\n />\n </div>\n }\n\n @case ('date') {\n <bmb-date-range\n [placeholderStartDate]=\"\n 'table.filters.startDatePlaceholder' | translate\n \"\n [placeholderEndDate]=\"\n 'table.filters.endDatePlaceholder' | translate\n \"\n [icon]=\"'calendar_month'\"\n [labelEndDate]=\"'table.filters.endDate' | translate\"\n [labelStartDate]=\"'table.filters.startDate' | translate\"\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\n @default {\n <bmb-input\n [label]=\"column.label\"\n [placeholder]=\"'table.filters.filter' | translate\"\n [control]=\"getFormControl(column.dataKey + '_contains')\"\n />\n }\n }\n </section>\n }\n }\n </div>\n </header>\n }\n <div class=\"bmb_table-container\">\n @if (showFilters()) {\n <bmb-action-icon\n [idElement]=\"''\"\n [icon]=\"'filter_list'\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleFilters()\"\n ></bmb-action-icon>\n }\n <section class=\"bmb_table-container-table\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n class=\"bmb_table-content\"\n multiTemplateDataRows\n >\n <!-- Checkbox Column -->\n <ng-container matColumnDef=\"select\" sticky>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n <bmb-checkbox\n (change)=\"handleMasterSelection($event)\"\n [checked]=\"checkIfAllRowsSelected()\"\n [indeterminate]=\"checkIfSomeRowsSelected()\"\n [ariaLabel]=\"checkboxLabel()\"\n [disabled]=\"false\"\n />\n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-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 </td>\n </ng-container>\n\n <!-- Expand Column -->\n <ng-container matColumnDef=\"expand\" sticky>\n <th\n mat-header-cell\n *matHeaderCellDef\n class=\"bmb_table-expand\"\n aria-label=\"row actions\"\n >\n \n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n <ng-container *ngIf=\"row.detail\">\n <button\n mat-icon-button\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 ? 'zoom_out_map' : 'zoom_out_map'\n \"\n />\n </button>\n </ng-container>\n </td>\n </ng-container>\n\n <!-- Display Columns -->\n @for (column of tableColumns; track column; let i = $index) {\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n <th\n mat-header-cell\n *matHeaderCellDef\n #headerCell\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n matTooltipPosition=\"below\"\n matTooltipClass=\"bmb_tooltip\"\n [ngClass]=\"{\n 'bmb_table-sticky': i === 0,\n truncated: truncate(),\n wrapped: wrap()\n }\"\n >\n <!-- T\u00EDtulo -->\n @if (column.htmlLabel) {\n <ng-template\n [ngTemplateOutlet]=\"column.htmlLabel\"\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n ></ng-template>\n } @else {\n {{ this.lang() === 'es' ? column.label : column.labelEn }}\n }\n\n <!-- Resize Handle -->\n <span\n class=\"bmb_table-resize\"\n (mousedown)=\"onResizeColumn($event, i)\"\n ></span>\n </th>\n\n <td\n mat-cell\n *matCellDef=\"let row; let a = index\"\n #cell\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n tooltipClass=\"bmb_tooltip\"\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\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 {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n }\n </td>\n </ng-container>\n }\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\" stickyEnd>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n <ng-template\n [ngTemplateOutlet]=\"actionTemplate()!\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n >\n </ng-template>\n </td>\n </ng-container>\n\n <!-- Row to expand -->\n <ng-container matColumnDef=\"expandedDetail\">\n <td\n mat-cell\n *matCellDef=\"let row\"\n [attr.colspan]=\"tableDisplayColumns.length\"\n >\n <div\n class=\"bmb_table-detail\"\n [@detailExpand]=\"\n row == expandedElement ? 'expanded' : 'collapsed'\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n ></ng-container>\n </div>\n </td>\n </ng-container>\n\n <!-- Rows -->\n <tr\n mat-header-row\n *matHeaderRowDef=\"tableDisplayColumns\"\n class=\"bmb_table-row\"\n ></tr>\n\n <tr\n mat-row\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n (click)=\"onSelectRow(row)\"\n class=\"bmb_table-row\"\n [class.bmb_table-expandible]=\"expandedElement === row\"\n [ngClass]=\"{\n 'bmb_table-even': isEven(i),\n 'bmb_table-odd': isOdd(i)\n }\"\n ></tr>\n\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\n <tr\n mat-row\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n class=\"bmb_table-details\"\n [class.bmb_table-expanded]=\"expandedElement === row\"\n ></tr>\n </ng-container>\n </table>\n </section>\n <!-- Paginator -->\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n <mat-paginator\n #paginator\n [length]=\"totalItems()\"\n [pageSize]=\"this.pageSize()\"\n [hidePageSize]=\"true\"\n (page)=\"onPageEvent($event)\"\n >\n </mat-paginator>\n\n <div class=\"bmb_table-paginator\">\n <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n\n <button\n [disabled]=\"\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() === 0\n : !paginator?.hasPreviousPage()\n }\"\n (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() === 0\n : !paginator?.hasPreviousPage()\n }\"\n (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n }\"\n (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"\n serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n \"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled': serverSide()\n ? currentPage() >= lastPage()\n : !paginator?.hasNextPage()\n }\"\n (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n </div>\n </ng-container>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);padding:1.5rem 1rem;width:100%;height:auto;box-sizing:border-box;container-type:inline-size}@media (min-width: 62.5625rem){.bmb_table{height:100%}}.bmb_table-filters-top,.bmb_table-filters-left{display:flex;gap:1rem;overflow:auto;flex-flow:column}.bmb_table-filters-bottom,.bmb_table-filters-right{display:flex;gap:1rem;overflow:auto;flex-flow:column;flex-direction:column-reverse;align-items:flex-start}@media (min-width: 62.5625rem){.bmb_table-filters-top .bmb_table-header,.bmb_table-filters-bottom .bmb_table-header{height:30%;width:100%}.bmb_table-filters-top .bmb_table-container,.bmb_table-filters-bottom .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-left,.bmb_table-filters-right{flex-flow:row}.bmb_table-filters-left .bmb_table-header,.bmb_table-filters-right .bmb_table-header{width:30%}.bmb_table-filters-left .bmb_table-container,.bmb_table-filters-right .bmb_table-container{flex:1}}@media (min-width: 62.5625rem){.bmb_table-filters-right{flex-flow:row-reverse}}.bmb_table-header{container-type:inline-size;overflow:auto;max-height:100%}.bmb_table-header .bmb_table-filter{display:flex;gap:1rem;flex-flow:column;overflow:auto;width:100%}@container (min-width: 37.5rem){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.bmb_table-filter-item-number{flex-flow:column}}.bmb_table-filter-item-number>*{flex:1}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{content:\"\";width:1rem;height:0;border-top:.125rem solid;margin:0 .625rem;display:inline-block}@media (max-width: 43.6875rem){.bmb_table-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%;max-height:100%;display:flex;flex-flow:column;gap:1rem}.bmb_table-container-table{overflow:auto;flex:1}.bmb_table-content{width:100%}.bmb_table-row.mat-mdc-header-row,.bmb_table-row.mat-mdc-row{height:auto}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:.25rem .5rem}.bmb_table-row>td.truncated,.bmb_table-row>th.truncated{max-width:6.25rem;min-width:4.375rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table-row>td.wrapped,.bmb_table-row>th.wrapped{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 48rem){.bmb_table-row>td,.bmb_table-row>th{max-width:fit-content}}.bmb_table-row>td.bmb_table-checkbox,.bmb_table-row>th.bmb_table-checkbox{min-width:3.875rem;padding-right:0;text-align:center;width:3.875rem}.bmb_table-row>td.bmb_table-checkbox+.bmb_table-sticky,.bmb_table-row>th.bmb_table-checkbox+.bmb_table-sticky{left:3.625rem!important}.bmb_table-row>td.bmb_table-expand,.bmb_table-row>th.bmb_table-expand{min-width:2.5rem;width:2.5rem}.bmb_table-row>td.bmb_table-expand+.bmb_table-sticky,.bmb_table-row>th.bmb_table-expand+.bmb_table-sticky{left:6.125rem!important}.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{border-right:.0625rem solid var(--buttons-inactive-step);max-width:9rem}@media (min-width: 75rem){.bmb_table-row>td.bmb_table-sticky,.bmb_table-row>th.bmb_table-sticky{max-width:fit-content}}.bmb_table-row>td.bmb_table-actions,.bmb_table-row>th.bmb_table-actions{border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90)}.bmb_table-row>td button,.bmb_table-row>th button{align-items:center;color:var(--color-table-90);display:flex}.bmb_table-row>th{border-bottom:0;color:var(--general-contrasts-100);overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Bold,sans-serif;font-size:.875rem;text-align:left}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Regular,sans-serif;font-size:.875rem;border-bottom-color:var(--general-contrasts-25);border-bottom-style:dashed}.bmb_table-row>td.bmb_table-actions .action-container{display:flex}.bmb_table-row>td.bmb_table-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table-row>td .mat-mdc-icon-button{align-items:center;display:flex;height:auto;padding:0;width:auto}.bmb_table-row>td .mat-mdc-icon-button bmb-icon{font-size:1.5rem}.bmb_table-even.mat-mdc-row{background-color:var(--containers-modal);color:var(--menu-select-label-menu-inactive)}.bmb_table-even.mat-mdc-row.bmb_table-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table-odd.mat-mdc-row{background-color:var(--general-contrasts-15);color:var(--general-contrasts-75)}.bmb_table-odd.bmb_table-expandible{background-color:var(--menu-select-on-surface-hovered-w-checkbox)}.bmb_table-details.mat-mdc-row{background-color:var(--menu-select-on-surface-hovered-w-checkbox);height:0}.bmb_table-details.mat-mdc-row>td{border:0;padding:0 1rem}.bmb_table-details.mat-mdc-row.bmb_table-expanded>td{border-bottom:.0625rem dashed var(--general-contrasts-25);padding:1rem}.bmb_table-detail{color:var(--general-contrasts-75);display:flex;overflow:hidden}.bmb_table-detail>bmb-table{width:100%}.bmb_table-resize{border-right:.0625rem solid var(--general-contrasts-25);cursor:col-resize;display:inline-block;height:100%;opacity:0;position:absolute;right:0;top:0}.bmb_table-resize:hover{opacity:1;width:1.25rem}.bmb_table .mat-mdc-paginator{display:none}.bmb_table-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table-paginator-text{color:var(--general-contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table-paginator-btn{color:var(--general-contrasts-100);height:3rem;padding:0;width:3rem}.bmb_table-paginator-btn-disabled{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table-paginator-icon{font-size:1.5rem}.bmb_table bmb-checkbox{display:block;height:1.5rem}.bmb_table bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table-success{color:var(--semantic-success)}.bmb_table-error{color:var(--semantic-error)}\n"] }]
|
|
7569
7611
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$1.DomSanitizer }, { type: i0.ChangeDetectorRef }], propDecorators: { select: [{
|
|
7570
7612
|
type: Output
|
|
7571
7613
|
}], clickedRow: [{
|
|
@@ -8020,17 +8062,21 @@ class BmbMediaCardComponent {
|
|
|
8020
8062
|
return classes;
|
|
8021
8063
|
}
|
|
8022
8064
|
getBackgroundColor() {
|
|
8023
|
-
|
|
8065
|
+
if (this.type() === 'inline')
|
|
8066
|
+
return {};
|
|
8067
|
+
return this.bgColor()
|
|
8068
|
+
? { 'background-color': `rgb(var(${this.bgColor()}))` }
|
|
8069
|
+
: { 'background-color': 'transparent' };
|
|
8024
8070
|
}
|
|
8025
8071
|
getUserAttribute(attribute) {
|
|
8026
8072
|
return attribute || '';
|
|
8027
8073
|
}
|
|
8028
8074
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbMediaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8029
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbMediaCardComponent, isStandalone: true, selector: "bmb-media-card", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, mobileSrc: { classPropertyName: "mobileSrc", publicName: "mobileSrc", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, enableZoom: { classPropertyName: "enableZoom", publicName: "enableZoom", isSignal: true, isRequired: false, transformFunction: null }, isBlurredBackdrop: { classPropertyName: "isBlurredBackdrop", publicName: "isBlurredBackdrop", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: true, isRequired: false, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, fullmediaCard: { classPropertyName: "fullmediaCard", publicName: "fullmediaCard", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mediaCardClicked: "mediaCardClicked" }, ngImport: i0, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"\n ($event.key === 'Enter' || $event.key === ' ') &&\n mediaCardClicked.emit($event)\n \"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:rgb(var(--gray-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--gray-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:var(--bmb-radius-5);text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:rgb(var(--blue-mariner-500))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8075
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbMediaCardComponent, isStandalone: true, selector: "bmb-media-card", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, mobileSrc: { classPropertyName: "mobileSrc", publicName: "mobileSrc", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, enableZoom: { classPropertyName: "enableZoom", publicName: "enableZoom", isSignal: true, isRequired: false, transformFunction: null }, isBlurredBackdrop: { classPropertyName: "isBlurredBackdrop", publicName: "isBlurredBackdrop", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: true, isRequired: false, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, fullmediaCard: { classPropertyName: "fullmediaCard", publicName: "fullmediaCard", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mediaCardClicked: "mediaCardClicked" }, ngImport: i0, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"\n ($event.key === 'Enter' || $event.key === ' ') &&\n mediaCardClicked.emit($event)\n \"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n @if (this.type() === 'inline') {\n <div class=\"bmb_media-card-content-overlay\"></div>\n }\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"getBackgroundColor()\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-overlay{height:100%;width:100%;border-radius:0;background-image:linear-gradient(var(--containers-media-card-background-fade) 0%,var(--containers-media-card-background) 100%)}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:rgb(var(--gray-charade-50));flex-flow:column}.bmb_media-card-content-inline .bmb_media-card-content-container{background-color:var(--containers-media-card-background);padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--gray-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:var(--bmb-radius-5);text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:rgb(var(--blue-mariner-500))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8030
8076
|
}
|
|
8031
8077
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbMediaCardComponent, decorators: [{
|
|
8032
8078
|
type: Component,
|
|
8033
|
-
args: [{ selector: 'bmb-media-card', standalone: true, imports: [CommonModule, BmbUserImageComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"\n ($event.key === 'Enter' || $event.key === ' ') &&\n mediaCardClicked.emit($event)\n \"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"{ 'background-color': getBackgroundColor() }\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:rgb(var(--gray-charade-50))}.bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),1));padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--gray-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:var(--bmb-radius-5);text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:rgb(var(--blue-mariner-500))}\n"] }]
|
|
8079
|
+
args: [{ selector: 'bmb-media-card', standalone: true, imports: [CommonModule, BmbUserImageComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (\n isExternalLink(link()) &&\n type() !== 'floating' &&\n type() !== 'author_detail' &&\n !isBlurredBackdrop()\n) {\n <a\n class=\"bmb_media-card bmb_media-card-link\"\n [ngClass]=\"'bmb_media-card-' + type()\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n [href]=\"link()\"\n [target]=\"target()\"\n rel=\"noopener noreferrer\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </a>\n} @else {\n <section\n [class]=\"'bmb_media-card bmb_media-card-' + type()\"\n [ngClass]=\"{\n 'bmb_media-card-boxShadow': boxShadow(),\n 'bmb_media-card-auto-layout': !ratio()\n }\"\n [ngStyle]=\"{ width: width(), 'aspect-ratio': ratio() }\"\n (click)=\"mediaCardClicked.emit($event)\"\n (keydown)=\"\n ($event.key === 'Enter' || $event.key === ' ') &&\n mediaCardClicked.emit($event)\n \"\n tabindex=\"0\"\n role=\"button\"\n >\n <ng-container [ngTemplateOutlet]=\"mediaCardContent\"></ng-container>\n </section>\n}\n\n<ng-template #mediaCardContent>\n <div class=\"bmb_media-card-image-container\">\n @if (isBlurredBackdrop()) {\n <figure\n class=\"bmb_media-card-figure bmb_media-card-figure-backdrop\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n }\n <figure\n class=\"bmb_media-card-figure\"\n [ngClass]=\"getClasses()\"\n [ngStyle]=\"{ 'aspect-ratio': ratio() }\"\n >\n <picture>\n <source media=\"(min-width: 1000px)\" [srcset]=\"src()\" />\n @if (mobileSrc()) {\n <source [srcset]=\"mobileSrc()\" />\n }\n <img\n [srcset]=\"src()\"\n [alt]=\"alt()\"\n [loading]=\"loading()\"\n class=\"bmb_media-card-figure-image\"\n />\n </picture>\n </figure>\n </div>\n <div\n class=\"bmb_media-card-content\"\n [ngClass]=\"'bmb_media-card-content-' + type()\"\n >\n @if (this.type() === 'inline') {\n <div class=\"bmb_media-card-content-overlay\"></div>\n }\n <section\n class=\"bmb_media-card-content-container\"\n [ngStyle]=\"getBackgroundColor()\"\n [ngClass]=\"getContentClasses()\"\n >\n @if (title()) {\n <h1 class=\"bmb_media-card-content-title\">{{ title() }}</h1>\n }\n @if (subtitle() && type() === 'floating') {\n <h2 class=\"bmb_media-card-content-subtitle\">{{ subtitle() }}</h2>\n }\n @if (content() && type() === 'floating') {\n <p class=\"bmb_media-card-content-content\">{{ content() }}</p>\n }\n @if (date() && type() !== 'author_detail') {\n <p class=\"bmb_media-card-content-date\">{{ date() }}</p>\n }\n @if (userName() && userImage() && type() === 'author_detail') {\n <section class=\"bmb_media-card-content-user\">\n <bmb-user-image\n [altImage]=\"getUserAttribute(userName())\"\n [image]=\"getUserAttribute(userImage())\"\n size=\"mobile-small\"\n ></bmb-user-image>\n <span class=\"bmb_media-card-content-user-name\">{{ userName() }}</span>\n <span class=\"bmb_media-card-content-user-date\">{{ date() }}</span>\n </section>\n }\n <ng-content></ng-content>\n </section>\n </div>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_media-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);position:relative;border-radius:1.25rem;cursor:pointer}.bmb_media-card-boxShadow{box-shadow:var(--bmb-box-shadow-7)}.bmb_media-card-inline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;overflow:hidden}.bmb_media-card-inline:hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image,.bmb_media-card-inline.bmb-hover .bmb_media-card-figure-zoom .bmb_media-card-figure-image{transform:scale(1.1)}.bmb_media-card-inline .bmb_media-card-image-container{grid-area:1/1/2/2;margin:0}.bmb_media-card-image-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;margin-bottom:var(--bmb-spacing-xl)}.bmb_media-card-figure{margin:0;line-height:0;grid-area:1/1/2/2;overflow:hidden}.bmb_media-card-figure-backdrop{filter:blur(10px);z-index:-1;opacity:.75;padding:var(--bmb-spacing-m)}.bmb_media-card-figure-backdrop:has(+.bmb_media-card-figure-zoom) .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-backdrop+.bmb_media-card-figure{margin:var(--bmb-spacing-m);overflow:hidden}.bmb_media-card-figure-zoom .bmb_media-card-figure-image{transition:all .3s ease}.bmb_media-card-figure-zoom .bmb_media-card-figure-image:hover,.bmb_media-card-figure-zoom .bmb_media-card-figure-image.bmb-hover{transform:scale(1.3)}.bmb_media-card-figure-image{width:100%;object-fit:cover;object-position:center;height:100%}.bmb_media-card-content-overlay{height:100%;width:100%;border-radius:0;background-image:linear-gradient(var(--containers-media-card-background-fade) 0%,var(--containers-media-card-background) 100%)}.bmb_media-card-content-inline{grid-area:1/1/2/2;display:flex;align-items:flex-end;justify-content:flex-end;z-index:1;color:rgb(var(--gray-charade-50));flex-flow:column}.bmb_media-card-content-inline .bmb_media-card-content-container{background-color:var(--containers-media-card-background);padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-inline .bmb_media-card-content-container-backdrop{margin:var(--bmb-spacing-m)}.bmb_media-card-content-floating .bmb_media-card-content-container{border-radius:0}.bmb_media-card-content-container-backdrop{padding:var(--bmb-spacing-m);box-sizing:border-box}.bmb_media-card-content-title,.bmb_media-card-content-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400;text-transform:capitalize}.bmb_media-card-content-content{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;margin:var(--bmb-spacing-s) 0}.bmb_media-card-content-container{display:flex;flex-flow:column;gap:var(--bmb-spacing-m);border-radius:0 0 var(--bmb-border-radius) var(--bmb-border-radius)}.bmb_media-card-content-user{display:flex;align-items:center;gap:var(--bmb-spacing-s)}.bmb_media-card-content-user-name{flex:1}.bmb_media-card-content-user-date{color:rgb(var(--gray-charade-500))}.bmb_media-card-content-full{height:100%}.bmb_media-card-link{border-radius:var(--bmb-radius-5);text-decoration:none}.bmb_media-card-link .bmb_media-card-image-container .bmb_media-card-figure:after{visibility:hidden;opacity:0;content:\"\";position:absolute;background-image:linear-gradient(rgba(var(--gray-charade-950),0),rgba(var(--gray-charade-950),.9));width:100%;height:100%;transition:all .3s ease;left:0}.bmb_media-card-link:hover .bmb_media-card-image-container .bmb_media-card-figure:after,.bmb_media-card-link:focus-visible .bmb_media-card-image-container .bmb_media-card-figure:after{opacity:1;visibility:visible}.bmb_media-card-link:hover .bmb_media-card-content-title,.bmb_media-card-link:focus-visible .bmb_media-card-content-title{color:var(--buttons-primary-normal)}.bmb_media-card-link:active .bmb_media-card-content-title{color:rgb(var(--blue-mariner-500))}\n"] }]
|
|
8034
8080
|
}] });
|
|
8035
8081
|
|
|
8036
8082
|
class BmbStatCounterComponent {
|
|
@@ -9339,7 +9385,7 @@ class BmbInputPhoneNumberComponent {
|
|
|
9339
9385
|
return showError(this.control()) || showError(this.phoneControl);
|
|
9340
9386
|
}
|
|
9341
9387
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbInputPhoneNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9342
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: BmbInputPhoneNumberComponent, isStandalone: true, selector: "bmb-input-phone-number", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", 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 }, defaultCountryCode: { classPropertyName: "defaultCountryCode", publicName: "defaultCountryCode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, preferredCountries: { classPropertyName: "preferredCountries", publicName: "preferredCountries", isSignal: true, isRequired: false, transformFunction: null }, onlyCountries: { classPropertyName: "onlyCountries", publicName: "onlyCountries", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange" }, ngImport: i0, template: "<bmb-input-validator\n [name]=\"name()\"\n [label]=\"label()\"\n [value]=\"!!defaultCountryCode() ? value() : ''\"\n [errorMessage]=\"getErrorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"handleCustomValidator()\"\n [inputId]=\"inputId()\"\n>\n <section class=\"bmb_input-phone\">\n <section\n class=\"bmb_input-phone-container\"\n [ngClass]=\"{\n 'bmb_input-phone-container-error': shouldShowError,\n 'bmb_input-phone-container-focus': isFocused()\n }\"\n >\n <bmb-dropdown\n class=\"bmb_input-phone-lada\"\n [name]=\"getUUID('lada')\"\n [value]=\"ladaControl.value\"\n [required]=\"true\"\n [disabled]=\"disabled()\"\n [showIcon]=\"false\"\n [options]=\"countryFiltering\"\n [preferredOptions]=\"preferredCountries()\"\n [control]=\"ladaControl\"\n (onValueChange)=\"onValueChange($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n <bmb-input-content\n class=\"bmb_input-phone-number\"\n [name]=\"getUUID('phone')\"\n pattern=\"^\\d+$\"\n [control]=\"phoneControl\"\n [inputId]=\"inputId()\"\n [placeholder]=\"placeholder()\"\n [maxLength]=\"getSelectedCountryLength(ladaControl.value)\"\n [minLength]=\"getSelectedCountryLength(ladaControl.value)\"\n [isRequired]=\"isRequired()\"\n (onFocus)=\"handleFocus($event)\"\n (onBlur)=\"handleValidity()\"\n />\n </section>\n <input\n hidden\n type=\"text\"\n [name]=\"name()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [tabindex]=\"-1\"\n />\n </section>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-phone{display:block;position:relative}.bmb_input-phone-container{display:flex;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:rgb(var(--red-light))}.bmb_input-phone-container:focus,.bmb_input-phone-container:focus-visible,.bmb_input-phone-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-phone-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-phone-container .bmb_input-validator-label{display:none}.bmb_input-phone-container .bmb_input-validator{padding:0}.bmb_input-phone-lada .bmb_dropdown{width:5rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal{border-top-right-radius:0;border-bottom-right-radius:0;border-width:0 .0625rem 0 0;height:2.75rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus-visible,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:hover{border-width:0 .0625rem 0 0;outline:0 none}.bmb_input-phone-lada .bmb_dropdown .bmb_dropdown-content-modal{min-width:max-content}.bmb_input-phone-number{flex:1}.bmb_input-phone-number .bmb_field-input-normal{border-top-left-radius:0;border-bottom-left-radius:0;border:0;height:2.75rem}.bmb_input-phone-number .bmb_field-input-normal:focus,.bmb_input-phone-number .bmb_field-input-normal:focus-visible,.bmb_input-phone-number .bmb_field-input-normal:hover{border:0;outline:0 none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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", "customFilterFunction", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { 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", "clearEvent"] }, { 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", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9388
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: BmbInputPhoneNumberComponent, isStandalone: true, selector: "bmb-input-phone-number", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", 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 }, defaultCountryCode: { classPropertyName: "defaultCountryCode", publicName: "defaultCountryCode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, preferredCountries: { classPropertyName: "preferredCountries", publicName: "preferredCountries", isSignal: true, isRequired: false, transformFunction: null }, onlyCountries: { classPropertyName: "onlyCountries", publicName: "onlyCountries", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { control: "controlChange" }, ngImport: i0, template: "<bmb-input-validator\n [name]=\"name()\"\n [label]=\"label()\"\n [value]=\"!!defaultCountryCode() ? value() : ''\"\n [errorMessage]=\"getErrorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"handleCustomValidator()\"\n [inputId]=\"inputId()\"\n>\n <section class=\"bmb_input-phone\">\n <section\n class=\"bmb_input-phone-container\"\n [ngClass]=\"{\n 'bmb_input-phone-container-error': shouldShowError,\n 'bmb_input-phone-container-focus': isFocused()\n }\"\n >\n <bmb-dropdown\n class=\"bmb_input-phone-lada\"\n [name]=\"getUUID('lada')\"\n [value]=\"ladaControl.value\"\n [required]=\"true\"\n [disabled]=\"disabled()\"\n [showIcon]=\"false\"\n [options]=\"countryFiltering\"\n [preferredOptions]=\"preferredCountries()\"\n [control]=\"ladaControl\"\n (onValueChange)=\"onValueChange($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n <bmb-input-content\n class=\"bmb_input-phone-number\"\n [name]=\"getUUID('phone')\"\n pattern=\"^\\d+$\"\n [control]=\"phoneControl\"\n [inputId]=\"inputId()\"\n [placeholder]=\"placeholder()\"\n [maxLength]=\"getSelectedCountryLength(ladaControl.value)\"\n [minLength]=\"getSelectedCountryLength(ladaControl.value)\"\n [isRequired]=\"isRequired()\"\n (onFocus)=\"handleFocus($event)\"\n (onBlur)=\"handleValidity()\"\n />\n </section>\n <input\n hidden\n type=\"text\"\n [name]=\"name()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [tabindex]=\"-1\"\n />\n </section>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-phone{display:block;position:relative}.bmb_input-phone-container{display:flex;box-sizing:border-box;border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:rgb(var(--red-light))}.bmb_input-phone-container:focus,.bmb_input-phone-container:focus-visible,.bmb_input-phone-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-phone-container:hover{box-sizing:inherit;border-color:var(--general-contrasts-50);outline:.0625rem solid;outline-color:var(--general-contrasts-50)}.bmb_input-phone-container .bmb_input-validator-label{display:none}.bmb_input-phone-container .bmb_input-validator{padding:0}.bmb_input-phone-lada .bmb_dropdown{width:5rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal{border-top-right-radius:0;border-bottom-right-radius:0;border-width:0 .0625rem 0 0;height:2.75rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus-visible,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:hover{border-width:0 .0625rem 0 0;outline:0 none}.bmb_input-phone-lada .bmb_dropdown .bmb_dropdown-content-modal{min-width:max-content}.bmb_input-phone-number{flex:1}.bmb_input-phone-number .bmb_field-input-normal{border-top-left-radius:0;border-bottom-left-radius:0;border:0;height:2.75rem}.bmb_input-phone-number .bmb_field-input-normal:focus,.bmb_input-phone-number .bmb_field-input-normal:focus-visible,.bmb_input-phone-number .bmb_field-input-normal:hover{border:0;outline:0 none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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", "customFilterFunction", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { 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", "clearEvent"] }, { 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", "isMultipleFile", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9343
9389
|
}
|
|
9344
9390
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbInputPhoneNumberComponent, decorators: [{
|
|
9345
9391
|
type: Component,
|
|
@@ -9350,7 +9396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
9350
9396
|
BmbDropdownComponent,
|
|
9351
9397
|
BmbInputContentComponent,
|
|
9352
9398
|
BmbInputValidatorComponent,
|
|
9353
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n [name]=\"name()\"\n [label]=\"label()\"\n [value]=\"!!defaultCountryCode() ? value() : ''\"\n [errorMessage]=\"getErrorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"handleCustomValidator()\"\n [inputId]=\"inputId()\"\n>\n <section class=\"bmb_input-phone\">\n <section\n class=\"bmb_input-phone-container\"\n [ngClass]=\"{\n 'bmb_input-phone-container-error': shouldShowError,\n 'bmb_input-phone-container-focus': isFocused()\n }\"\n >\n <bmb-dropdown\n class=\"bmb_input-phone-lada\"\n [name]=\"getUUID('lada')\"\n [value]=\"ladaControl.value\"\n [required]=\"true\"\n [disabled]=\"disabled()\"\n [showIcon]=\"false\"\n [options]=\"countryFiltering\"\n [preferredOptions]=\"preferredCountries()\"\n [control]=\"ladaControl\"\n (onValueChange)=\"onValueChange($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n <bmb-input-content\n class=\"bmb_input-phone-number\"\n [name]=\"getUUID('phone')\"\n pattern=\"^\\d+$\"\n [control]=\"phoneControl\"\n [inputId]=\"inputId()\"\n [placeholder]=\"placeholder()\"\n [maxLength]=\"getSelectedCountryLength(ladaControl.value)\"\n [minLength]=\"getSelectedCountryLength(ladaControl.value)\"\n [isRequired]=\"isRequired()\"\n (onFocus)=\"handleFocus($event)\"\n (onBlur)=\"handleValidity()\"\n />\n </section>\n <input\n hidden\n type=\"text\"\n [name]=\"name()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [tabindex]=\"-1\"\n />\n </section>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-phone{display:block;position:relative}.bmb_input-phone-container{display:flex;box-sizing:border-box;border:.0625rem solid var(--
|
|
9399
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n [name]=\"name()\"\n [label]=\"label()\"\n [value]=\"!!defaultCountryCode() ? value() : ''\"\n [errorMessage]=\"getErrorMessage()\"\n [helperMessage]=\"helperMessage()\"\n [isRequired]=\"isRequired()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n [showError]=\"shouldShowError\"\n [tooltip]=\"tooltip()\"\n [tooltipPosition]=\"tooltipPosition()\"\n [customValidation]=\"handleCustomValidator()\"\n [inputId]=\"inputId()\"\n>\n <section class=\"bmb_input-phone\">\n <section\n class=\"bmb_input-phone-container\"\n [ngClass]=\"{\n 'bmb_input-phone-container-error': shouldShowError,\n 'bmb_input-phone-container-focus': isFocused()\n }\"\n >\n <bmb-dropdown\n class=\"bmb_input-phone-lada\"\n [name]=\"getUUID('lada')\"\n [value]=\"ladaControl.value\"\n [required]=\"true\"\n [disabled]=\"disabled()\"\n [showIcon]=\"false\"\n [options]=\"countryFiltering\"\n [preferredOptions]=\"preferredCountries()\"\n [control]=\"ladaControl\"\n (onValueChange)=\"onValueChange($event)\"\n (onFocus)=\"handleFocus($event)\"\n />\n <bmb-input-content\n class=\"bmb_input-phone-number\"\n [name]=\"getUUID('phone')\"\n pattern=\"^\\d+$\"\n [control]=\"phoneControl\"\n [inputId]=\"inputId()\"\n [placeholder]=\"placeholder()\"\n [maxLength]=\"getSelectedCountryLength(ladaControl.value)\"\n [minLength]=\"getSelectedCountryLength(ladaControl.value)\"\n [isRequired]=\"isRequired()\"\n (onFocus)=\"handleFocus($event)\"\n (onBlur)=\"handleValidity()\"\n />\n </section>\n <input\n hidden\n type=\"text\"\n [name]=\"name()\"\n [required]=\"isRequired()\"\n [formControl]=\"control()\"\n [tabindex]=\"-1\"\n />\n </section>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-phone{display:block;position:relative}.bmb_input-phone-container{display:flex;box-sizing:border-box;border:.0625rem solid var(--general-contrasts-50);border-radius:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease}.bmb_input-phone-container-error{border-color:rgb(var(--red-light))}.bmb_input-phone-container:focus,.bmb_input-phone-container:focus-visible,.bmb_input-phone-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-phone-container:hover{box-sizing:inherit;border-color:var(--general-contrasts-50);outline:.0625rem solid;outline-color:var(--general-contrasts-50)}.bmb_input-phone-container .bmb_input-validator-label{display:none}.bmb_input-phone-container .bmb_input-validator{padding:0}.bmb_input-phone-lada .bmb_dropdown{width:5rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal{border-top-right-radius:0;border-bottom-right-radius:0;border-width:0 .0625rem 0 0;height:2.75rem}.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:focus-visible,.bmb_input-phone-lada .bmb_dropdown .bmb_field-input-normal:hover{border-width:0 .0625rem 0 0;outline:0 none}.bmb_input-phone-lada .bmb_dropdown .bmb_dropdown-content-modal{min-width:max-content}.bmb_input-phone-number{flex:1}.bmb_input-phone-number .bmb_field-input-normal{border-top-left-radius:0;border-bottom-left-radius:0;border:0;height:2.75rem}.bmb_input-phone-number .bmb_field-input-normal:focus,.bmb_input-phone-number .bmb_field-input-normal:focus-visible,.bmb_input-phone-number .bmb_field-input-normal:hover{border:0;outline:0 none}\n"] }]
|
|
9354
9400
|
}] });
|
|
9355
9401
|
|
|
9356
9402
|
class BmbTimestreamErrorComponent {
|
|
@@ -9861,15 +9907,17 @@ class BmbActionMenuComponent {
|
|
|
9861
9907
|
this.iconSize = input(24);
|
|
9862
9908
|
this.bgIconAppearance = input();
|
|
9863
9909
|
this.showHeader = input(true);
|
|
9864
|
-
this.projectedContent = contentChildren(TemplateRef);
|
|
9865
9910
|
}
|
|
9866
9911
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9867
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbActionMenuComponent, isStandalone: true, selector: "bmb-action-menu", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, bgIconAppearance: { classPropertyName: "bgIconAppearance", publicName: "bgIconAppearance", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "projectedContent", predicate: TemplateRef
|
|
9912
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbActionMenuComponent, isStandalone: true, selector: "bmb-action-menu", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, bgIconAppearance: { classPropertyName: "bgIconAppearance", publicName: "bgIconAppearance", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "projectedContent", predicate: TemplateRef }], ngImport: i0, template: "<section class=\"bmb_action_menu\">\n @if (showHeader()) {\n <div class=\"bmb_action_menu-header\">\n <bmb-title-content\n [transparentBgC]=\"true\"\n [title]=\"title()\"\n [subtitle]=\"subtitle()\"\n [icon]=\"icon()\"\n [iconSize]=\"iconSize()!\"\n [bgIconAppearance]=\"bgIconAppearance()\"\n />\n </div>\n }\n <section\n class=\"bmb_action_menu-container\"\n [ngClass]=\"{ 'bmb_action_menu-container-no-header': !showHeader() }\"\n >\n <ul class=\"bmb_action_menu-list\">\n @for (element of projectedContent; track $index) {\n <li class=\"bmb_action_menu-item\">\n <ng-container *ngTemplateOutlet=\"element\" />\n </li>\n }\n </ul>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_action_menu{border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-l);box-shadow:var(--bmb-shadow-3);overflow:hidden}.bmb_action_menu-header{background-color:var(--containers-main);overflow:hidden;padding:1rem 1.5rem}.bmb_action_menu-container{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);border-radius:0 0 var(--bmb-radius-l) var(--bmb-radius-l);border-top:.0625rem solid var(--general-contrasts-container-outline);background-color:var(--containers-background);overflow:hidden;padding:1.5rem}.bmb_action_menu-container-no-header{border:none}.bmb_action_menu-list{margin:0;padding:0;list-style-type:none}\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: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9868
9913
|
}
|
|
9869
9914
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbActionMenuComponent, decorators: [{
|
|
9870
9915
|
type: Component,
|
|
9871
|
-
args: [{ selector: 'bmb-action-menu', standalone: true, imports: [CommonModule, BmbTitleContentComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_action_menu\">\n @if (showHeader()) {\n <div class=\"bmb_action_menu-header\">\n <bmb-title-content\n [transparentBgC]=\"true\"\n [title]=\"title()\"\n [subtitle]=\"subtitle()\"\n [icon]=\"icon()\"\n [iconSize]=\"iconSize()!\"\n [bgIconAppearance]=\"bgIconAppearance()\"\n />\n </div>\n }\n <section\n class=\"bmb_action_menu-container\"\n [ngClass]=\"{ 'bmb_action_menu-container-no-header': !showHeader() }\"\n >\n <ul class=\"bmb_action_menu-list\">\n @for (
|
|
9872
|
-
}]
|
|
9916
|
+
args: [{ selector: 'bmb-action-menu', standalone: true, imports: [CommonModule, BmbTitleContentComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_action_menu\">\n @if (showHeader()) {\n <div class=\"bmb_action_menu-header\">\n <bmb-title-content\n [transparentBgC]=\"true\"\n [title]=\"title()\"\n [subtitle]=\"subtitle()\"\n [icon]=\"icon()\"\n [iconSize]=\"iconSize()!\"\n [bgIconAppearance]=\"bgIconAppearance()\"\n />\n </div>\n }\n <section\n class=\"bmb_action_menu-container\"\n [ngClass]=\"{ 'bmb_action_menu-container-no-header': !showHeader() }\"\n >\n <ul class=\"bmb_action_menu-list\">\n @for (element of projectedContent; track $index) {\n <li class=\"bmb_action_menu-item\">\n <ng-container *ngTemplateOutlet=\"element\" />\n </li>\n }\n </ul>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_action_menu{border:.0625rem solid var(--general-contrasts-container-outline);border-radius:var(--bmb-radius-l);box-shadow:var(--bmb-shadow-3);overflow:hidden}.bmb_action_menu-header{background-color:var(--containers-main);overflow:hidden;padding:1rem 1.5rem}.bmb_action_menu-container{font-family:Poppins-Regular,sans-serif;font-size:.75rem;color:var(--general-contrasts-100);border-radius:0 0 var(--bmb-radius-l) var(--bmb-radius-l);border-top:.0625rem solid var(--general-contrasts-container-outline);background-color:var(--containers-background);overflow:hidden;padding:1.5rem}.bmb_action_menu-container-no-header{border:none}.bmb_action_menu-list{margin:0;padding:0;list-style-type:none}\n"] }]
|
|
9917
|
+
}], propDecorators: { projectedContent: [{
|
|
9918
|
+
type: ContentChildren,
|
|
9919
|
+
args: [TemplateRef]
|
|
9920
|
+
}] } });
|
|
9873
9921
|
|
|
9874
9922
|
class BmbItemComponent {
|
|
9875
9923
|
constructor() {
|
|
@@ -10524,6 +10572,7 @@ class BmbNotificationCardComponent {
|
|
|
10524
10572
|
this.maxHeight = input('auto');
|
|
10525
10573
|
this.emptyStateData = input();
|
|
10526
10574
|
this.dateFormat = input('dd/MM/yyyy HH:mm');
|
|
10575
|
+
this.showAdvertisements = input(true);
|
|
10527
10576
|
this.alertEvent = output();
|
|
10528
10577
|
this.showAlertDetail = output();
|
|
10529
10578
|
this.onExpandClick = output();
|
|
@@ -10601,7 +10650,7 @@ class BmbNotificationCardComponent {
|
|
|
10601
10650
|
});
|
|
10602
10651
|
}
|
|
10603
10652
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbNotificationCardComponent, deps: [{ token: BmbTranslationsService }, { token: BmbProjectionContentService }, { token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10604
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbNotificationCardComponent, isStandalone: true, selector: "bmb-notification-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, advertisements: { classPropertyName: "advertisements", publicName: "advertisements", isSignal: true, isRequired: false, transformFunction: null }, hideExpandBtn: { classPropertyName: "hideExpandBtn", publicName: "hideExpandBtn", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, emptyStateData: { classPropertyName: "emptyStateData", publicName: "emptyStateData", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, selectedTab: { classPropertyName: "selectedTab", publicName: "selectedTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertEvent: "alertEvent", showAlertDetail: "showAlertDetail", onExpandClick: "onExpandClick", selectedTab: "selectedTabChange" }, ngImport: i0, template: "<section\n class=\"bmb_home-notification-card\"\n [ngStyle]=\"{ '--maxHeight': maxHeight() }\"\n>\n <bmb-home-card\n icon=\"notifications\"\n bgIconAppearance=\"red-primary\"\n title=\"Mis Notificaciones\"\n [isMobile]=\"false\"\n (onExpandClick)=\"onExpandClick.emit()\"\n >\n <div class=\"bmb_home-notification-card-content\">\n <bmb-tabs\n
|
|
10653
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbNotificationCardComponent, isStandalone: true, selector: "bmb-notification-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, advertisements: { classPropertyName: "advertisements", publicName: "advertisements", isSignal: true, isRequired: false, transformFunction: null }, hideExpandBtn: { classPropertyName: "hideExpandBtn", publicName: "hideExpandBtn", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, emptyStateData: { classPropertyName: "emptyStateData", publicName: "emptyStateData", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showAdvertisements: { classPropertyName: "showAdvertisements", publicName: "showAdvertisements", isSignal: true, isRequired: false, transformFunction: null }, selectedTab: { classPropertyName: "selectedTab", publicName: "selectedTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { alertEvent: "alertEvent", showAlertDetail: "showAlertDetail", onExpandClick: "onExpandClick", selectedTab: "selectedTabChange" }, ngImport: i0, template: "<section\n class=\"bmb_home-notification-card\"\n [ngStyle]=\"{ '--maxHeight': maxHeight() }\"\n>\n <bmb-home-card\n icon=\"notifications\"\n bgIconAppearance=\"red-primary\"\n title=\"Mis Notificaciones\"\n [isMobile]=\"false\"\n (onExpandClick)=\"onExpandClick.emit()\"\n >\n <div class=\"bmb_home-notification-card-content\">\n @if (showAdvertisements()) {\n <bmb-tabs\n [tabs]=\"tabsConfig()\"\n [(selectedTabId)]=\"selectedTab\"\n ></bmb-tabs>\n @switch (selectedTab()) {\n @case (1) {\n <bmb-alert-center-list\n [alerts]=\"parsedData()\"\n [enableMultipleSelection]=\"false\"\n (alertSelected)=\"handleAlertSelected($event)\"\n />\n }\n @case (2) {\n <bmb-alert-center-ads\n [advertisements]=\"advertisements()\"\n (alertEvent)=\"handleAlertEvent($event)\"\n />\n }\n @default {\n <div>Invalid ID selected</div>\n }\n }\n } @else {\n <bmb-alert-center-list\n [alerts]=\"parsedData()\"\n [enableMultipleSelection]=\"false\"\n (alertSelected)=\"handleAlertSelected($event)\"\n />\n }\n </div>\n </bmb-home-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-notification-card{width:calc(100vw - 2rem);max-width:35rem;height:calc(100dvh - 3rem);max-height:46.875rem}.bmb_home-notification-card bmb-home-card{height:100%;display:block}.bmb_home-notification-card bmb-tabs .bmb_tabs-item{color:var(--general-contrasts-75)}.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-time,.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-date{color:var(--general-contrasts-75)}.bmb_home-notification-card .bmb_home-card{height:100%;--maxHeight: 100%}.bmb_home-notification-card .bmb_home-card-wrapper{max-height:var(--maxHeight);overflow:hidden;display:flex;flex-flow:column;height:100%}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container,.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content{flex:1;overflow:auto;display:flex;flex-flow:column}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-list{flex:1;overflow:auto}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads{flex:1}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads .bmb_alert-center-ads{height:100%;overflow:auto}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content{flex-flow:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content p{margin:0}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-list{padding:var(--bmb-spacing-m)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "component", type: BmbHomeCardComponent, selector: "bmb-home-card", inputs: ["title", "subtitle", "dataLocalNav", "leftIcon", "icon", "iconSize", "bgIconAppearance", "actionHeaders", "isMobile", "contentPadding", "showRightButton", "isExpanded", "useAutoExpand", "isChat", "actionsList"], outputs: ["isExpandedChange", "onClose", "onBack", "onExpandClick"] }, { kind: "component", type: BmbAlertCenterAdsComponent, selector: "bmb-alert-center-ads", inputs: ["advertisements", "emptyStateData"], outputs: ["alertEvent"] }, { kind: "component", type: BmbAlertCenterListComponent, selector: "bmb-alert-center-list", inputs: ["alerts", "name", "enableMultipleSelection"], outputs: ["alertSelected", "selectedAlert"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10605
10654
|
}
|
|
10606
10655
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbNotificationCardComponent, decorators: [{
|
|
10607
10656
|
type: Component,
|
|
@@ -10611,7 +10660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
10611
10660
|
BmbHomeCardComponent,
|
|
10612
10661
|
BmbAlertCenterAdsComponent,
|
|
10613
10662
|
BmbAlertCenterListComponent,
|
|
10614
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"bmb_home-notification-card\"\n [ngStyle]=\"{ '--maxHeight': maxHeight() }\"\n>\n <bmb-home-card\n icon=\"notifications\"\n bgIconAppearance=\"red-primary\"\n title=\"Mis Notificaciones\"\n [isMobile]=\"false\"\n (onExpandClick)=\"onExpandClick.emit()\"\n >\n <div class=\"bmb_home-notification-card-content\">\n <bmb-tabs\n
|
|
10663
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n class=\"bmb_home-notification-card\"\n [ngStyle]=\"{ '--maxHeight': maxHeight() }\"\n>\n <bmb-home-card\n icon=\"notifications\"\n bgIconAppearance=\"red-primary\"\n title=\"Mis Notificaciones\"\n [isMobile]=\"false\"\n (onExpandClick)=\"onExpandClick.emit()\"\n >\n <div class=\"bmb_home-notification-card-content\">\n @if (showAdvertisements()) {\n <bmb-tabs\n [tabs]=\"tabsConfig()\"\n [(selectedTabId)]=\"selectedTab\"\n ></bmb-tabs>\n @switch (selectedTab()) {\n @case (1) {\n <bmb-alert-center-list\n [alerts]=\"parsedData()\"\n [enableMultipleSelection]=\"false\"\n (alertSelected)=\"handleAlertSelected($event)\"\n />\n }\n @case (2) {\n <bmb-alert-center-ads\n [advertisements]=\"advertisements()\"\n (alertEvent)=\"handleAlertEvent($event)\"\n />\n }\n @default {\n <div>Invalid ID selected</div>\n }\n }\n } @else {\n <bmb-alert-center-list\n [alerts]=\"parsedData()\"\n [enableMultipleSelection]=\"false\"\n (alertSelected)=\"handleAlertSelected($event)\"\n />\n }\n </div>\n </bmb-home-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-notification-card{width:calc(100vw - 2rem);max-width:35rem;height:calc(100dvh - 3rem);max-height:46.875rem}.bmb_home-notification-card bmb-home-card{height:100%;display:block}.bmb_home-notification-card bmb-tabs .bmb_tabs-item{color:var(--general-contrasts-75)}.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-time,.bmb_home-notification-card bmb-alert-center-list .bmb_alert-center-list-item-date{color:var(--general-contrasts-75)}.bmb_home-notification-card .bmb_home-card{height:100%;--maxHeight: 100%}.bmb_home-notification-card .bmb_home-card-wrapper{max-height:var(--maxHeight);overflow:hidden;display:flex;flex-flow:column;height:100%}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container,.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content{flex:1;overflow:auto;display:flex;flex-flow:column}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-list{flex:1;overflow:auto}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads{flex:1}.bmb_home-notification-card .bmb_home-card-wrapper .bmb_home-card-container .bmb_home-notification-card-content bmb-alert-center-ads .bmb_alert-center-ads{height:100%;overflow:auto}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content{flex-flow:column;gap:var(--bmb-spacing-m);padding:var(--bmb-spacing-m)}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-content p{margin:0}.bmb_home-notification-card .bmb_home-card .bmb_alert-center-list{padding:var(--bmb-spacing-m)}\n"] }]
|
|
10615
10664
|
}], ctorParameters: () => [{ type: BmbTranslationsService }, { type: BmbProjectionContentService }, { type: BmbNativeModalService }] });
|
|
10616
10665
|
|
|
10617
10666
|
class BmbMitecLogoAnimationComponent {
|
|
@@ -11248,7 +11297,7 @@ class BmbChatBubblesComponent {
|
|
|
11248
11297
|
this.onDislike.emit(event);
|
|
11249
11298
|
}
|
|
11250
11299
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbChatBubblesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbChatBubblesComponent, isStandalone: true, selector: "bmb-chat-bubble", inputs: { iconBot: { classPropertyName: "iconBot", publicName: "iconBot", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, gptBot: { classPropertyName: "gptBot", publicName: "gptBot", isSignal: true, isRequired: false, transformFunction: null }, gptIcons: { classPropertyName: "gptIcons", publicName: "gptIcons", isSignal: true, isRequired: false, transformFunction: null }, isThinking: { classPropertyName: "isThinking", publicName: "isThinking", isSignal: true, isRequired: false, transformFunction: null }, gptActiveIcons: { classPropertyName: "gptActiveIcons", publicName: "gptActiveIcons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRepeatRequest: "onRepeatRequest", onVoice: "onVoice", onCopy: "onCopy", onLike: "onLike", onDislike: "onDislike" }, ngImport: i0, template: "<section class=\"bmb_chat-bubble\">\n <section class=\"bmb_chat-bubble-main\">\n <div\n class=\"bmb_chat-bubble-main-info\"\n [ngClass]=\"{\n 'bmb_chat-bubble-user': message().isUserMessage\n }\"\n >\n <div\n class=\"bmb_chat-bubble-profile\"\n [ngClass]=\"{\n 'bmb_chat-bubble-profile-top': !message().isUserMessage,\n 'bmb_chat-bubble-profile-bottom': message().isUserMessage\n }\"\n >\n @if (message().isUserMessage) {\n <bmb-user-image\n [size]=\"'mobile-small'\"\n [image]=\"message().userProfile!\"\n [altImage]=\"'Alt image description'\"\n [bordered]=\"false\"\n ></bmb-user-image>\n } @else {\n <bmb-icon\n class=\"bmb_chat-bubble-profile-bot\"\n [size]=\"20\"\n alt=\"bot\"\n [isSVGTemplate]=\"true\"\n >\n <ng-template #customIcon>\n <bmb-bot-icon [iconName]=\"iconBotDefault()\" />\n </ng-template>\n </bmb-icon>\n }\n </div>\n <div class=\"bmb_chat-bubble-msg-container\">\n <div\n class=\"bmb_chat-bubble-msg\"\n [ngClass]=\"{\n 'bmb_chat-bubble-msg-userProfile-bottom': message().isUserMessage,\n 'bmb_chat-bubble-msg-top': !message().isUserMessage\n }\"\n >\n @if (isThinking()) {\n <div class=\"bmb_chat-bubble-msg-thinking-dots\">\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n </div>\n } @else {\n @if (message().type === 'mixed') {\n <p>{{ message().content.text }}</p>\n <img\n class=\"bmb_chat-bubble-msg-image\"\n [src]=\"message().content.imageUrl\"\n alt=\"Message Img\"\n />\n }\n\n @if (message().type === 'text') {\n <p>{{ message().content.text }}</p>\n }\n\n @if (message().type === 'link') {\n <bmb-text-link\n [textLink]=\"message().content.text!\"\n [textLinkStyle]=\"'underlined'\"\n [target]=\"'_blank'\"\n [link]=\"message().content.link!\"\n [disabled]=\"false\"\n ></bmb-text-link>\n }\n\n @if (message().type === 'template') {\n <ng-container\n *ngTemplateOutlet=\"message().content.template!\"\n ></ng-container>\n }\n }\n </div>\n <div\n class=\"bmb_chat-bubble-extra\"\n [ngClass]=\"{\n 'bmb_chat-bubble-extra-user': message().isUserMessage\n }\"\n >\n @if (message().isUserMessage) {\n <p class=\"bmb_chat-bubble-extra-time\">\n {{ message().time | date: 'hh:mm a' }}\n </p>\n } @else {\n <div class=\"bmb_chat-bubble-extra-container\">\n @if (gptIcons()) {\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"repeat\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleRepeat($event)\"\n aria-label=\"button\"\n (keypress)=\"handleRepeat($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"record_voice_over\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleVoice($event)\"\n aria-label=\"button\"\n (keypress)=\"handleVoice($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"content_copy\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleCopyContent($event)\"\n aria-label=\"button\"\n (keypress)=\"handleCopyContent($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"thumb_up\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleLike($event)\"\n aria-label=\"button\"\n (keypress)=\"handleLike($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"thumb_down\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleDislike($event)\"\n aria-label=\"button\"\n (keypress)=\"handleDislike($event)\"\n ></bmb-icon>\n }\n </div>\n <p class=\"bmb_chat-bubble-extra-time\">\n {{ message().time | date: 'hh:mm a' }}\n </p>\n }\n </div>\n </div>\n </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_chat-bubble{margin:.625rem 0;width:100%}.bmb_chat-bubble-main{display:flex;flex-direction:column}.bmb_chat-bubble-main-info{display:flex;gap:.5rem;padding-bottom:.625rem}.bmb_chat-bubble-user{justify-content:flex-end}.bmb_chat-bubble-user>.bmb_chat-bubble-profile{order:3}.bmb_chat-bubble-profile{display:flex}.bmb_chat-bubble-profile-top{align-items:flex-start}.bmb_chat-bubble-profile-bottom{align-items:flex-end;margin-bottom:1.125rem}.bmb_chat-bubble-profile-bot{display:flex;align-items:center;justify-content:center;border-radius:var(--bmb-radius-full);width:2rem;height:2rem;background-color:var(--general-contrasts-80);color:var(--general-contrasts-25)}.bmb_chat-bubble-msg{font-family:Poppins-Regular,sans-serif;font-size:.875rem;min-height:2.8125rem;width:fit-content;border-radius:1rem 1rem 1rem 0;padding:var(--bmb-padding-m);box-shadow:0 .125rem .3125rem rgba(var(--black-primary),.1)}.bmb_chat-bubble-msg-container{max-width:70%}.bmb_chat-bubble-msg-top{border-radius:0 1rem 1rem;background-color:var(--general-contrasts-20)}.bmb_chat-bubble-msg p{margin:0}.bmb_chat-bubble-msg-image{border-radius:1rem;max-width:21.875rem;max-height:15.625rem;margin-top:.625rem}.bmb_chat-bubble-msg-userProfile-bottom{border-radius:1rem 1rem 0;background-color:var(--general-contrasts-5)}.bmb_chat-bubble-msg-userProfile-top{border-radius:1rem 0 1rem 1rem}.bmb_chat-bubble-msg-thinking-dots{display:flex;gap:.5rem}.bmb_chat-bubble-msg-thinking-dot{width:.75rem;height:.75rem;background-color:rgb(var(--blue-mariner-500));border-radius:var(--bmb-radius-full);opacity:.3;animation:thinking 1.5s infinite ease-in-out}.bmb_chat-bubble-msg-thinking-dot:nth-child(1){animation-delay:0s}.bmb_chat-bubble-msg-thinking-dot:nth-child(2){animation-delay:.3s}.bmb_chat-bubble-msg-thinking-dot:nth-child(3){animation-delay:.6s}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.bmb_chat-bubble-extra{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;height:1.25rem}.bmb_chat-bubble-extra p{margin:0}.bmb_chat-bubble-extra-user{justify-content:flex-start;margin-right:2.8125rem}.bmb_chat-bubble-extra-icon{color:var(--general-contrasts-50);cursor:pointer}.bmb_chat-bubble-extra-container{display:flex;align-items:center;gap:.5rem;padding-top:.9375rem}.bmb_chat-bubble-extra-time{padding-top:.9375rem}\n"], dependencies: [{ kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { 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: "pipe", type: i1.DatePipe, name: "date" }, { kind: "component", type: BmbBotIconComponent, selector: "bmb-bot-icon", inputs: ["iconName"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11300
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbChatBubblesComponent, isStandalone: true, selector: "bmb-chat-bubble", inputs: { iconBot: { classPropertyName: "iconBot", publicName: "iconBot", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, gptBot: { classPropertyName: "gptBot", publicName: "gptBot", isSignal: true, isRequired: false, transformFunction: null }, gptIcons: { classPropertyName: "gptIcons", publicName: "gptIcons", isSignal: true, isRequired: false, transformFunction: null }, isThinking: { classPropertyName: "isThinking", publicName: "isThinking", isSignal: true, isRequired: false, transformFunction: null }, gptActiveIcons: { classPropertyName: "gptActiveIcons", publicName: "gptActiveIcons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRepeatRequest: "onRepeatRequest", onVoice: "onVoice", onCopy: "onCopy", onLike: "onLike", onDislike: "onDislike" }, ngImport: i0, template: "<section class=\"bmb_chat-bubble\">\n <section class=\"bmb_chat-bubble-main\">\n <div\n class=\"bmb_chat-bubble-main-info\"\n [ngClass]=\"{\n 'bmb_chat-bubble-user': message().isUserMessage\n }\"\n >\n <div\n class=\"bmb_chat-bubble-profile\"\n [ngClass]=\"{\n 'bmb_chat-bubble-profile-top': !message().isUserMessage,\n 'bmb_chat-bubble-profile-bottom': message().isUserMessage\n }\"\n >\n @if (message().isUserMessage) {\n <bmb-user-image\n [size]=\"'mobile-small'\"\n [image]=\"message().userProfile!\"\n [altImage]=\"'Alt image description'\"\n [bordered]=\"false\"\n ></bmb-user-image>\n } @else {\n <bmb-icon\n class=\"bmb_chat-bubble-profile-bot\"\n [size]=\"20\"\n alt=\"bot\"\n [isSVGTemplate]=\"true\"\n >\n <ng-template #customIcon>\n <bmb-bot-icon [iconName]=\"iconBotDefault()\" />\n </ng-template>\n </bmb-icon>\n }\n </div>\n <div class=\"bmb_chat-bubble-msg-container\">\n <div\n class=\"bmb_chat-bubble-msg\"\n [ngClass]=\"{\n 'bmb_chat-bubble-msg-userProfile-bottom': message().isUserMessage,\n 'bmb_chat-bubble-msg-top': !message().isUserMessage\n }\"\n >\n @if (isThinking()) {\n <div class=\"bmb_chat-bubble-msg-thinking-dots\">\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n </div>\n } @else {\n @if (message().type === 'mixed') {\n <p>{{ message().content.text }}</p>\n <img\n class=\"bmb_chat-bubble-msg-image\"\n [src]=\"message().content.imageUrl\"\n alt=\"Message Img\"\n />\n }\n\n @if (message().type === 'text') {\n <p>{{ message().content.text }}</p>\n }\n\n @if (message().type === 'link') {\n <bmb-text-link\n [textLink]=\"message().content.text!\"\n [textLinkStyle]=\"'underlined'\"\n [target]=\"'_blank'\"\n [link]=\"message().content.link!\"\n [disabled]=\"false\"\n ></bmb-text-link>\n }\n\n @if (message().type === 'options') {\n <p>{{ message().content.text }}</p>\n <div class=\"bmb_chat-bubble-msg-options-container\">\n @for (item of message().content.options; track $index) {\n <bmb-container-button\n [title]=\"item.title\"\n [target]=\"item.target || '_blank'\"\n [link]=\"item.link || ''\"\n iconLeft=\"\"\n iconRight=\"\"\n [small]=\"true\"\n (onButton)=\"(item.onButton)\"\n [square]=\"true\"\n />\n }\n </div>\n }\n\n @if (message().type === 'template') {\n <ng-container\n *ngTemplateOutlet=\"message().content.template!\"\n ></ng-container>\n }\n }\n </div>\n <div\n class=\"bmb_chat-bubble-extra\"\n [ngClass]=\"{\n 'bmb_chat-bubble-extra-user': message().isUserMessage\n }\"\n >\n @if (message().isUserMessage) {\n <p class=\"bmb_chat-bubble-extra-time\">\n {{ message().time | date: 'hh:mm a' }}\n </p>\n } @else {\n <div class=\"bmb_chat-bubble-extra-container\">\n @if (gptIcons()) {\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"repeat\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleRepeat($event)\"\n aria-label=\"button\"\n (keypress)=\"handleRepeat($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"record_voice_over\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleVoice($event)\"\n aria-label=\"button\"\n (keypress)=\"handleVoice($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"content_copy\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleCopyContent($event)\"\n aria-label=\"button\"\n (keypress)=\"handleCopyContent($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"thumb_up\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleLike($event)\"\n aria-label=\"button\"\n (keypress)=\"handleLike($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"thumb_down\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleDislike($event)\"\n aria-label=\"button\"\n (keypress)=\"handleDislike($event)\"\n ></bmb-icon>\n }\n </div>\n <p class=\"bmb_chat-bubble-extra-time\">\n {{ message().time | date: 'hh:mm a' }}\n </p>\n }\n </div>\n </div>\n </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_chat-bubble{margin:.625rem 0;width:100%}.bmb_chat-bubble-main{display:flex;flex-direction:column}.bmb_chat-bubble-main-info{display:flex;gap:.5rem;padding-bottom:.625rem}.bmb_chat-bubble-user{justify-content:flex-end}.bmb_chat-bubble-user>.bmb_chat-bubble-profile{order:3}.bmb_chat-bubble-profile{display:flex}.bmb_chat-bubble-profile-top{align-items:flex-start}.bmb_chat-bubble-profile-bottom{align-items:flex-end;margin-bottom:1.125rem}.bmb_chat-bubble-profile-bot{display:flex;align-items:center;justify-content:center;border-radius:var(--bmb-radius-full);width:2rem;height:2rem;background-color:var(--general-contrasts-80);color:var(--general-contrasts-25)}.bmb_chat-bubble-msg{font-family:Poppins-Regular,sans-serif;font-size:.875rem;min-height:2.8125rem;width:fit-content;border-radius:1rem 1rem 1rem 0;padding:var(--bmb-padding-m);box-shadow:0 .125rem .3125rem rgba(var(--black-primary),.1)}.bmb_chat-bubble-msg-container{max-width:70%}.bmb_chat-bubble-msg-top{border-radius:0 1rem 1rem;background-color:var(--general-contrasts-20)}.bmb_chat-bubble-msg p{margin:0}.bmb_chat-bubble-msg-image{border-radius:1rem;max-width:21.875rem;max-height:15.625rem;margin-top:.625rem}.bmb_chat-bubble-msg-userProfile-bottom{border-radius:1rem 1rem 0;background-color:var(--general-contrasts-5)}.bmb_chat-bubble-msg-userProfile-top{border-radius:1rem 0 1rem 1rem}.bmb_chat-bubble-msg-thinking-dots{display:flex;gap:.5rem}.bmb_chat-bubble-msg-thinking-dot{width:.75rem;height:.75rem;background-color:rgb(var(--blue-mariner-500));border-radius:var(--bmb-radius-full);opacity:.3;animation:thinking 1.5s infinite ease-in-out}.bmb_chat-bubble-msg-thinking-dot:nth-child(1){animation-delay:0s}.bmb_chat-bubble-msg-thinking-dot:nth-child(2){animation-delay:.3s}.bmb_chat-bubble-msg-thinking-dot:nth-child(3){animation-delay:.6s}.bmb_chat-bubble-msg-options-container{display:flex;gap:.5rem;margin-top:1rem}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.bmb_chat-bubble-extra{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;height:1.25rem}.bmb_chat-bubble-extra p{margin:0}.bmb_chat-bubble-extra-user{justify-content:flex-start;margin-right:2.8125rem}.bmb_chat-bubble-extra-icon{color:var(--general-contrasts-50);cursor:pointer}.bmb_chat-bubble-extra-container{display:flex;align-items:center;gap:.5rem;padding-top:.9375rem}.bmb_chat-bubble-extra-time{padding-top:.9375rem}\n"], dependencies: [{ kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { 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: "pipe", type: i1.DatePipe, name: "date" }, { kind: "component", type: BmbBotIconComponent, selector: "bmb-bot-icon", inputs: ["iconName"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbTextLinkComponent, selector: "bmb-text-link", inputs: ["textLink", "textLinkStyle", "target", "icon", "iconPosition", "link", "disabled"] }, { kind: "component", type: BmbContainerButtonComponent, selector: "bmb-container-button", inputs: ["title", "score", "square", "small", "target", "link", "subtitle", "iconLeft", "isUserImage", "iconRight", "badgeText", "badgeAppearance", "state", "alternative", "enableSecondaryAction", "enableBookmark", "isBookmarkActive", "dropdownMenuItems"], outputs: ["isBookmarkActiveChange", "onButton", "secondaryAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11252
11301
|
}
|
|
11253
11302
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbChatBubblesComponent, decorators: [{
|
|
11254
11303
|
type: Component,
|
|
@@ -11258,7 +11307,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
11258
11307
|
BmbBotIconComponent,
|
|
11259
11308
|
BmbIconComponent,
|
|
11260
11309
|
BmbTextLinkComponent,
|
|
11261
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_chat-bubble\">\n <section class=\"bmb_chat-bubble-main\">\n <div\n class=\"bmb_chat-bubble-main-info\"\n [ngClass]=\"{\n 'bmb_chat-bubble-user': message().isUserMessage\n }\"\n >\n <div\n class=\"bmb_chat-bubble-profile\"\n [ngClass]=\"{\n 'bmb_chat-bubble-profile-top': !message().isUserMessage,\n 'bmb_chat-bubble-profile-bottom': message().isUserMessage\n }\"\n >\n @if (message().isUserMessage) {\n <bmb-user-image\n [size]=\"'mobile-small'\"\n [image]=\"message().userProfile!\"\n [altImage]=\"'Alt image description'\"\n [bordered]=\"false\"\n ></bmb-user-image>\n } @else {\n <bmb-icon\n class=\"bmb_chat-bubble-profile-bot\"\n [size]=\"20\"\n alt=\"bot\"\n [isSVGTemplate]=\"true\"\n >\n <ng-template #customIcon>\n <bmb-bot-icon [iconName]=\"iconBotDefault()\" />\n </ng-template>\n </bmb-icon>\n }\n </div>\n <div class=\"bmb_chat-bubble-msg-container\">\n <div\n class=\"bmb_chat-bubble-msg\"\n [ngClass]=\"{\n 'bmb_chat-bubble-msg-userProfile-bottom': message().isUserMessage,\n 'bmb_chat-bubble-msg-top': !message().isUserMessage\n }\"\n >\n @if (isThinking()) {\n <div class=\"bmb_chat-bubble-msg-thinking-dots\">\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n </div>\n } @else {\n @if (message().type === 'mixed') {\n <p>{{ message().content.text }}</p>\n <img\n class=\"bmb_chat-bubble-msg-image\"\n [src]=\"message().content.imageUrl\"\n alt=\"Message Img\"\n />\n }\n\n @if (message().type === 'text') {\n <p>{{ message().content.text }}</p>\n }\n\n @if (message().type === 'link') {\n <bmb-text-link\n [textLink]=\"message().content.text!\"\n [textLinkStyle]=\"'underlined'\"\n [target]=\"'_blank'\"\n [link]=\"message().content.link!\"\n [disabled]=\"false\"\n ></bmb-text-link>\n }\n\n @if (message().type === 'template') {\n <ng-container\n *ngTemplateOutlet=\"message().content.template!\"\n ></ng-container>\n }\n }\n </div>\n <div\n class=\"bmb_chat-bubble-extra\"\n [ngClass]=\"{\n 'bmb_chat-bubble-extra-user': message().isUserMessage\n }\"\n >\n @if (message().isUserMessage) {\n <p class=\"bmb_chat-bubble-extra-time\">\n {{ message().time | date: 'hh:mm a' }}\n </p>\n } @else {\n <div class=\"bmb_chat-bubble-extra-container\">\n @if (gptIcons()) {\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"repeat\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleRepeat($event)\"\n aria-label=\"button\"\n (keypress)=\"handleRepeat($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"record_voice_over\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleVoice($event)\"\n aria-label=\"button\"\n (keypress)=\"handleVoice($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"content_copy\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleCopyContent($event)\"\n aria-label=\"button\"\n (keypress)=\"handleCopyContent($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"thumb_up\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleLike($event)\"\n aria-label=\"button\"\n (keypress)=\"handleLike($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"thumb_down\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleDislike($event)\"\n aria-label=\"button\"\n (keypress)=\"handleDislike($event)\"\n ></bmb-icon>\n }\n </div>\n <p class=\"bmb_chat-bubble-extra-time\">\n {{ message().time | date: 'hh:mm a' }}\n </p>\n }\n </div>\n </div>\n </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_chat-bubble{margin:.625rem 0;width:100%}.bmb_chat-bubble-main{display:flex;flex-direction:column}.bmb_chat-bubble-main-info{display:flex;gap:.5rem;padding-bottom:.625rem}.bmb_chat-bubble-user{justify-content:flex-end}.bmb_chat-bubble-user>.bmb_chat-bubble-profile{order:3}.bmb_chat-bubble-profile{display:flex}.bmb_chat-bubble-profile-top{align-items:flex-start}.bmb_chat-bubble-profile-bottom{align-items:flex-end;margin-bottom:1.125rem}.bmb_chat-bubble-profile-bot{display:flex;align-items:center;justify-content:center;border-radius:var(--bmb-radius-full);width:2rem;height:2rem;background-color:var(--general-contrasts-80);color:var(--general-contrasts-25)}.bmb_chat-bubble-msg{font-family:Poppins-Regular,sans-serif;font-size:.875rem;min-height:2.8125rem;width:fit-content;border-radius:1rem 1rem 1rem 0;padding:var(--bmb-padding-m);box-shadow:0 .125rem .3125rem rgba(var(--black-primary),.1)}.bmb_chat-bubble-msg-container{max-width:70%}.bmb_chat-bubble-msg-top{border-radius:0 1rem 1rem;background-color:var(--general-contrasts-20)}.bmb_chat-bubble-msg p{margin:0}.bmb_chat-bubble-msg-image{border-radius:1rem;max-width:21.875rem;max-height:15.625rem;margin-top:.625rem}.bmb_chat-bubble-msg-userProfile-bottom{border-radius:1rem 1rem 0;background-color:var(--general-contrasts-5)}.bmb_chat-bubble-msg-userProfile-top{border-radius:1rem 0 1rem 1rem}.bmb_chat-bubble-msg-thinking-dots{display:flex;gap:.5rem}.bmb_chat-bubble-msg-thinking-dot{width:.75rem;height:.75rem;background-color:rgb(var(--blue-mariner-500));border-radius:var(--bmb-radius-full);opacity:.3;animation:thinking 1.5s infinite ease-in-out}.bmb_chat-bubble-msg-thinking-dot:nth-child(1){animation-delay:0s}.bmb_chat-bubble-msg-thinking-dot:nth-child(2){animation-delay:.3s}.bmb_chat-bubble-msg-thinking-dot:nth-child(3){animation-delay:.6s}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.bmb_chat-bubble-extra{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;height:1.25rem}.bmb_chat-bubble-extra p{margin:0}.bmb_chat-bubble-extra-user{justify-content:flex-start;margin-right:2.8125rem}.bmb_chat-bubble-extra-icon{color:var(--general-contrasts-50);cursor:pointer}.bmb_chat-bubble-extra-container{display:flex;align-items:center;gap:.5rem;padding-top:.9375rem}.bmb_chat-bubble-extra-time{padding-top:.9375rem}\n"] }]
|
|
11310
|
+
BmbContainerButtonComponent,
|
|
11311
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_chat-bubble\">\n <section class=\"bmb_chat-bubble-main\">\n <div\n class=\"bmb_chat-bubble-main-info\"\n [ngClass]=\"{\n 'bmb_chat-bubble-user': message().isUserMessage\n }\"\n >\n <div\n class=\"bmb_chat-bubble-profile\"\n [ngClass]=\"{\n 'bmb_chat-bubble-profile-top': !message().isUserMessage,\n 'bmb_chat-bubble-profile-bottom': message().isUserMessage\n }\"\n >\n @if (message().isUserMessage) {\n <bmb-user-image\n [size]=\"'mobile-small'\"\n [image]=\"message().userProfile!\"\n [altImage]=\"'Alt image description'\"\n [bordered]=\"false\"\n ></bmb-user-image>\n } @else {\n <bmb-icon\n class=\"bmb_chat-bubble-profile-bot\"\n [size]=\"20\"\n alt=\"bot\"\n [isSVGTemplate]=\"true\"\n >\n <ng-template #customIcon>\n <bmb-bot-icon [iconName]=\"iconBotDefault()\" />\n </ng-template>\n </bmb-icon>\n }\n </div>\n <div class=\"bmb_chat-bubble-msg-container\">\n <div\n class=\"bmb_chat-bubble-msg\"\n [ngClass]=\"{\n 'bmb_chat-bubble-msg-userProfile-bottom': message().isUserMessage,\n 'bmb_chat-bubble-msg-top': !message().isUserMessage\n }\"\n >\n @if (isThinking()) {\n <div class=\"bmb_chat-bubble-msg-thinking-dots\">\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n <span class=\"bmb_chat-bubble-msg-thinking-dot\"></span>\n </div>\n } @else {\n @if (message().type === 'mixed') {\n <p>{{ message().content.text }}</p>\n <img\n class=\"bmb_chat-bubble-msg-image\"\n [src]=\"message().content.imageUrl\"\n alt=\"Message Img\"\n />\n }\n\n @if (message().type === 'text') {\n <p>{{ message().content.text }}</p>\n }\n\n @if (message().type === 'link') {\n <bmb-text-link\n [textLink]=\"message().content.text!\"\n [textLinkStyle]=\"'underlined'\"\n [target]=\"'_blank'\"\n [link]=\"message().content.link!\"\n [disabled]=\"false\"\n ></bmb-text-link>\n }\n\n @if (message().type === 'options') {\n <p>{{ message().content.text }}</p>\n <div class=\"bmb_chat-bubble-msg-options-container\">\n @for (item of message().content.options; track $index) {\n <bmb-container-button\n [title]=\"item.title\"\n [target]=\"item.target || '_blank'\"\n [link]=\"item.link || ''\"\n iconLeft=\"\"\n iconRight=\"\"\n [small]=\"true\"\n (onButton)=\"(item.onButton)\"\n [square]=\"true\"\n />\n }\n </div>\n }\n\n @if (message().type === 'template') {\n <ng-container\n *ngTemplateOutlet=\"message().content.template!\"\n ></ng-container>\n }\n }\n </div>\n <div\n class=\"bmb_chat-bubble-extra\"\n [ngClass]=\"{\n 'bmb_chat-bubble-extra-user': message().isUserMessage\n }\"\n >\n @if (message().isUserMessage) {\n <p class=\"bmb_chat-bubble-extra-time\">\n {{ message().time | date: 'hh:mm a' }}\n </p>\n } @else {\n <div class=\"bmb_chat-bubble-extra-container\">\n @if (gptIcons()) {\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"repeat\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleRepeat($event)\"\n aria-label=\"button\"\n (keypress)=\"handleRepeat($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"record_voice_over\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleVoice($event)\"\n aria-label=\"button\"\n (keypress)=\"handleVoice($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"content_copy\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleCopyContent($event)\"\n aria-label=\"button\"\n (keypress)=\"handleCopyContent($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"thumb_up\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleLike($event)\"\n aria-label=\"button\"\n (keypress)=\"handleLike($event)\"\n ></bmb-icon>\n <bmb-icon\n class=\"bmb_chat-bubble-extra-icon\"\n icon=\"thumb_down\"\n [isFill]=\"true\"\n [size]=\"24\"\n (click)=\"handleDislike($event)\"\n aria-label=\"button\"\n (keypress)=\"handleDislike($event)\"\n ></bmb-icon>\n }\n </div>\n <p class=\"bmb_chat-bubble-extra-time\">\n {{ message().time | date: 'hh:mm a' }}\n </p>\n }\n </div>\n </div>\n </div>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_chat-bubble{margin:.625rem 0;width:100%}.bmb_chat-bubble-main{display:flex;flex-direction:column}.bmb_chat-bubble-main-info{display:flex;gap:.5rem;padding-bottom:.625rem}.bmb_chat-bubble-user{justify-content:flex-end}.bmb_chat-bubble-user>.bmb_chat-bubble-profile{order:3}.bmb_chat-bubble-profile{display:flex}.bmb_chat-bubble-profile-top{align-items:flex-start}.bmb_chat-bubble-profile-bottom{align-items:flex-end;margin-bottom:1.125rem}.bmb_chat-bubble-profile-bot{display:flex;align-items:center;justify-content:center;border-radius:var(--bmb-radius-full);width:2rem;height:2rem;background-color:var(--general-contrasts-80);color:var(--general-contrasts-25)}.bmb_chat-bubble-msg{font-family:Poppins-Regular,sans-serif;font-size:.875rem;min-height:2.8125rem;width:fit-content;border-radius:1rem 1rem 1rem 0;padding:var(--bmb-padding-m);box-shadow:0 .125rem .3125rem rgba(var(--black-primary),.1)}.bmb_chat-bubble-msg-container{max-width:70%}.bmb_chat-bubble-msg-top{border-radius:0 1rem 1rem;background-color:var(--general-contrasts-20)}.bmb_chat-bubble-msg p{margin:0}.bmb_chat-bubble-msg-image{border-radius:1rem;max-width:21.875rem;max-height:15.625rem;margin-top:.625rem}.bmb_chat-bubble-msg-userProfile-bottom{border-radius:1rem 1rem 0;background-color:var(--general-contrasts-5)}.bmb_chat-bubble-msg-userProfile-top{border-radius:1rem 0 1rem 1rem}.bmb_chat-bubble-msg-thinking-dots{display:flex;gap:.5rem}.bmb_chat-bubble-msg-thinking-dot{width:.75rem;height:.75rem;background-color:rgb(var(--blue-mariner-500));border-radius:var(--bmb-radius-full);opacity:.3;animation:thinking 1.5s infinite ease-in-out}.bmb_chat-bubble-msg-thinking-dot:nth-child(1){animation-delay:0s}.bmb_chat-bubble-msg-thinking-dot:nth-child(2){animation-delay:.3s}.bmb_chat-bubble-msg-thinking-dot:nth-child(3){animation-delay:.6s}.bmb_chat-bubble-msg-options-container{display:flex;gap:.5rem;margin-top:1rem}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.bmb_chat-bubble-extra{font-family:Poppins-Regular,sans-serif;font-size:.75rem;display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;height:1.25rem}.bmb_chat-bubble-extra p{margin:0}.bmb_chat-bubble-extra-user{justify-content:flex-start;margin-right:2.8125rem}.bmb_chat-bubble-extra-icon{color:var(--general-contrasts-50);cursor:pointer}.bmb_chat-bubble-extra-container{display:flex;align-items:center;gap:.5rem;padding-top:.9375rem}.bmb_chat-bubble-extra-time{padding-top:.9375rem}\n"] }]
|
|
11262
11312
|
}] });
|
|
11263
11313
|
|
|
11264
11314
|
class BmbHomeCardChatComponent {
|
|
@@ -11861,7 +11911,7 @@ class BmbWebTemplatesComponent {
|
|
|
11861
11911
|
this.topBarOnLangChange.emit(lang);
|
|
11862
11912
|
}
|
|
11863
11913
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbWebTemplatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11864
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbWebTemplatesComponent, isStandalone: true, selector: "bmb-web-templates", inputs: { isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, titleScreen: { classPropertyName: "titleScreen", publicName: "titleScreen", isSignal: true, isRequired: false, transformFunction: null }, subTitleScreen: { classPropertyName: "subTitleScreen", publicName: "subTitleScreen", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, titleMainSlot: { classPropertyName: "titleMainSlot", publicName: "titleMainSlot", isSignal: true, isRequired: false, transformFunction: null }, titleAsideSlot: { classPropertyName: "titleAsideSlot", publicName: "titleAsideSlot", isSignal: true, isRequired: false, transformFunction: null }, topBarUserInformation: { classPropertyName: "topBarUserInformation", publicName: "topBarUserInformation", isSignal: true, isRequired: false, transformFunction: null }, topBarHasLogoutButton: { classPropertyName: "topBarHasLogoutButton", publicName: "topBarHasLogoutButton", isSignal: true, isRequired: false, transformFunction: null }, topBarImage: { classPropertyName: "topBarImage", publicName: "topBarImage", isSignal: true, isRequired: false, transformFunction: null }, topBarMobileImage: { classPropertyName: "topBarMobileImage", publicName: "topBarMobileImage", isSignal: true, isRequired: false, transformFunction: null }, topBarAppName: { classPropertyName: "topBarAppName", publicName: "topBarAppName", isSignal: true, isRequired: false, transformFunction: null }, topBarAppSubTitle: { classPropertyName: "topBarAppSubTitle", publicName: "topBarAppSubTitle", isSignal: true, isRequired: false, transformFunction: null }, topBarShowLang: { classPropertyName: "topBarShowLang", publicName: "topBarShowLang", isSignal: true, isRequired: false, transformFunction: null }, topBarLang: { classPropertyName: "topBarLang", publicName: "topBarLang", isSignal: true, isRequired: false, transformFunction: null }, topBarMitec: { classPropertyName: "topBarMitec", publicName: "topBarMitec", isSignal: true, isRequired: false, transformFunction: null }, topBarAssignmentNotification: { classPropertyName: "topBarAssignmentNotification", publicName: "topBarAssignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, topBarAlertNotification: { classPropertyName: "topBarAlertNotification", publicName: "topBarAlertNotification", isSignal: true, isRequired: false, transformFunction: null }, sideBarElements: { classPropertyName: "sideBarElements", publicName: "sideBarElements", isSignal: true, isRequired: false, transformFunction: null }, sideBarTitle: { classPropertyName: "sideBarTitle", publicName: "sideBarTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { topBarLogOut: "topBarLogOut", topBarOnLangChange: "topBarOnLangChange" }, queries: [{ propertyName: "asideContent", first: true, predicate: ["bmbTemplateAside"], descendants: true, isSignal: true }, { propertyName: "mainContent", first: true, predicate: ["bmbTemplateMain"], descendants: true, isSignal: true }, { propertyName: "secondAsideContent", first: true, predicate: ["bmbTemplateSecondAside"], descendants: true, isSignal: true }, { propertyName: "singleColumnCard", first: true, predicate: ["singleColumnCard"], descendants: true, isSignal: true }, { propertyName: "asideFirstCard", first: true, predicate: ["asideFirstCard"], descendants: true, isSignal: true }, { propertyName: "asideLightCard", first: true, predicate: ["asideLightCard"], descendants: true, isSignal: true }, { propertyName: "twoAsideCard", first: true, predicate: ["twoAsideCard"], descendants: true, isSignal: true }], ngImport: i0, template: "<section [ngClass]=\"getSectionClass()\">\n <bmb-top-bar\n [userInformation]=\"topBarUserInformation()\"\n [image]=\"topBarImage()\"\n [mobileImage]=\"topBarMobileImage()\"\n [appName]=\"topBarAppName()\"\n [appSubTitle]=\"topBarAppSubTitle()\"\n [lang]=\"topBarLang()\"\n [mitec]=\"topBarMitec()\"\n [alertNotification]=\"topBarAlertNotification()\"\n class=\"bmb_web-template-top-bar\"\n (logOut)=\"handleLogOut($event)\"\n />\n <header class=\"bmb_web-template-header\">\n <div\n class=\"bmb_web-template-header-container\"\n [ngClass]=\"{ 'bmb_web-template-full-screen': isFullScreen() }\"\n >\n <h1 class=\"bmb_web-template-header-title\">{{ titleScreen() }}</h1>\n <h2 class=\"bmb_web-template-header-subtitle\">{{ subTitleScreen() }}</h2>\n </div>\n </header>\n @switch (template()) {\n @case ('full-width-card') {\n <ng-container [ngTemplateOutlet]=\"fullWidthCard\" />\n }\n @case ('justify-width-card') {\n <ng-container [ngTemplateOutlet]=\"justifyWidthCard\" />\n }\n @case ('single-column-card') {\n <ng-container [ngTemplateOutlet]=\"singleColumnCard\" />\n }\n @case ('aside-first-card') {\n <ng-container [ngTemplateOutlet]=\"asideFirstCard\" />\n }\n @case ('aside-light-card') {\n <ng-container [ngTemplateOutlet]=\"asideLightCard\" />\n }\n @case ('two-aside-card') {\n <ng-container [ngTemplateOutlet]=\"twoAsideCard\" />\n }\n }\n <bmb-sidebar\n [elements]=\"sideBarElements()\"\n [title]=\"sideBarTitle()\"\n ></bmb-sidebar>\n</section>\n\n<ng-template #fullWidthCard>\n <main class=\"bmb_web-template-main\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n <aside class=\"bmb_web-template-aside\">\n @if (titleAsideSlot()) {\n <h3>{{ titleAsideSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n</ng-template>\n\n<ng-template #justifyWidthCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"8\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"4\">\n @if (titleAsideSlot()) {\n <h3>{{ titleAsideSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n </section>\n</ng-template>\n\n<ng-template #singleColumnCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n </section>\n</ng-template>\n\n<ng-template #asideFirstCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"12\">\n @if (titleAsideSlot()) {\n <h3>{{ titleAsideSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n <section class=\"bmb_web-template-main-container\">\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n </section>\n</ng-template>\n\n<ng-template #asideLightCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"9\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n </section>\n</ng-template>\n\n<ng-template #twoAsideCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"6\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n <ng-container [ngTemplateOutlet]=\"secondAsideContent() ?? null\" />\n </aside>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_web-template-full-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content max-content;grid-template-areas:\"topBar\" \"header\" \"main\" \"aside\";gap:1rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card{grid-template-columns:2fr 1fr;grid-template-rows:71px max-content 1fr;gap:0;grid-template-areas:\"topBar topBar\" \"header header\" \"main aside\"}}.bmb_web-template-full-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-full-width-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-full-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 62.5rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-full-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main{margin-left:0;border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0;margin-bottom:0;border-width:.0625rem .0625rem 0 0}}.bmb_web-template-full-width-card .bmb_web-template-main-container{overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main-container{padding-left:5.5rem}}.bmb_web-template-full-width-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m) var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-aside{margin:0;border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m);border-width:.0625rem 0 0 .0625rem}}.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-justify-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-justify-width-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-justify-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-justify-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-justify-width-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container-outline)}.bmb_web-template-justify-width-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-justify-width-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-single-column-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-single-column-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-single-column-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-single-column-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-single-column-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-single-column-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-first-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card{gap:0}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card.bmb_web-template{height:auto;overflow:auto}}.bmb_web-template-aside-first-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-first-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-first-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-first-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-first-card .bmb_web-template-main,.bmb_web-template-aside-first-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-aside-light-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-light-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-light-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-light-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding:0 1rem 1rem;gap:0 0 var(--bmb-spacing-m)}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-light-card .bmb_web-template-main{border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-main{border:.0625rem solid var(--general-contrasts-container);border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0}}.bmb_web-template-aside-light-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-light-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-aside{border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m)}}.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-two-aside-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-two-aside-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-two-aside-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-two-aside-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-two-aside-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-two-aside-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-two-aside-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template{background-color:var(--general-contrasts-25);display:grid;gap:0;min-height:100dvh}@media (min-width: 62.5625rem){.bmb_web-template{height:100dvh;overflow:hidden}}\n"], dependencies: [{ kind: "component", type: BmbTopBarComponent, selector: "bmb-top-bar", inputs: ["userInformation", "appName", "appPowered", "appSubTitle", "lang", "mitec", "alertNotification", "showRoleButton", "showHelpButton", "allowSidebarForMobile", "image", "mobileImage"], outputs: ["imageChange", "mobileImageChange", "helpButtonClick", "userProfileClick", "alertButtonClick", "roleButtonClick", "backToHomeClick"] }, { kind: "component", type: BmbSidebarComponent, selector: "bmb-sidebar", inputs: ["elements", "title", "position"] }, { 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: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11914
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbWebTemplatesComponent, isStandalone: true, selector: "bmb-web-templates", inputs: { isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, titleScreen: { classPropertyName: "titleScreen", publicName: "titleScreen", isSignal: true, isRequired: false, transformFunction: null }, subTitleScreen: { classPropertyName: "subTitleScreen", publicName: "subTitleScreen", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, titleMainSlot: { classPropertyName: "titleMainSlot", publicName: "titleMainSlot", isSignal: true, isRequired: false, transformFunction: null }, titleAsideSlot: { classPropertyName: "titleAsideSlot", publicName: "titleAsideSlot", isSignal: true, isRequired: false, transformFunction: null }, topBarUserInformation: { classPropertyName: "topBarUserInformation", publicName: "topBarUserInformation", isSignal: true, isRequired: false, transformFunction: null }, topBarHasLogoutButton: { classPropertyName: "topBarHasLogoutButton", publicName: "topBarHasLogoutButton", isSignal: true, isRequired: false, transformFunction: null }, topBarImage: { classPropertyName: "topBarImage", publicName: "topBarImage", isSignal: true, isRequired: false, transformFunction: null }, topBarMobileImage: { classPropertyName: "topBarMobileImage", publicName: "topBarMobileImage", isSignal: true, isRequired: false, transformFunction: null }, topBarAppName: { classPropertyName: "topBarAppName", publicName: "topBarAppName", isSignal: true, isRequired: false, transformFunction: null }, topBarAppSubTitle: { classPropertyName: "topBarAppSubTitle", publicName: "topBarAppSubTitle", isSignal: true, isRequired: false, transformFunction: null }, topBarShowLang: { classPropertyName: "topBarShowLang", publicName: "topBarShowLang", isSignal: true, isRequired: false, transformFunction: null }, topBarLang: { classPropertyName: "topBarLang", publicName: "topBarLang", isSignal: true, isRequired: false, transformFunction: null }, topBarMitec: { classPropertyName: "topBarMitec", publicName: "topBarMitec", isSignal: true, isRequired: false, transformFunction: null }, topBarAssignmentNotification: { classPropertyName: "topBarAssignmentNotification", publicName: "topBarAssignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, topBarAlertNotification: { classPropertyName: "topBarAlertNotification", publicName: "topBarAlertNotification", isSignal: true, isRequired: false, transformFunction: null }, sideBarElements: { classPropertyName: "sideBarElements", publicName: "sideBarElements", isSignal: true, isRequired: false, transformFunction: null }, sideBarTitle: { classPropertyName: "sideBarTitle", publicName: "sideBarTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { topBarLogOut: "topBarLogOut", topBarOnLangChange: "topBarOnLangChange" }, queries: [{ propertyName: "asideContent", first: true, predicate: ["bmbTemplateAside"], descendants: true, isSignal: true }, { propertyName: "mainContent", first: true, predicate: ["bmbTemplateMain"], descendants: true, isSignal: true }, { propertyName: "secondAsideContent", first: true, predicate: ["bmbTemplateSecondAside"], descendants: true, isSignal: true }, { propertyName: "singleColumnCard", first: true, predicate: ["singleColumnCard"], descendants: true, isSignal: true }, { propertyName: "asideFirstCard", first: true, predicate: ["asideFirstCard"], descendants: true, isSignal: true }, { propertyName: "asideLightCard", first: true, predicate: ["asideLightCard"], descendants: true, isSignal: true }, { propertyName: "twoAsideCard", first: true, predicate: ["twoAsideCard"], descendants: true, isSignal: true }], ngImport: i0, template: "<section [ngClass]=\"getSectionClass()\">\n <bmb-top-bar\n [userInformation]=\"topBarUserInformation()\"\n [image]=\"topBarImage()\"\n [mobileImage]=\"topBarMobileImage()\"\n [appName]=\"topBarAppName()\"\n [appSubTitle]=\"topBarAppSubTitle()\"\n [lang]=\"topBarLang()\"\n [mitec]=\"topBarMitec()\"\n [alertNotification]=\"topBarAlertNotification()\"\n class=\"bmb_web-template-top-bar\"\n (logOut)=\"handleLogOut($event)\"\n />\n <header class=\"bmb_web-template-header\">\n <div\n class=\"bmb_web-template-header-container\"\n [ngClass]=\"{ 'bmb_web-template-full-screen': isFullScreen() }\"\n >\n <h1 class=\"bmb_web-template-header-title\">{{ titleScreen() }}</h1>\n <h2 class=\"bmb_web-template-header-subtitle\">{{ subTitleScreen() }}</h2>\n </div>\n </header>\n @switch (template()) {\n @case ('full-width-card') {\n <ng-container [ngTemplateOutlet]=\"fullWidthCard\" />\n }\n @case ('justify-width-card') {\n <ng-container [ngTemplateOutlet]=\"justifyWidthCard\" />\n }\n @case ('single-column-card') {\n <ng-container [ngTemplateOutlet]=\"singleColumnCard\" />\n }\n @case ('aside-first-card') {\n <ng-container [ngTemplateOutlet]=\"asideFirstCard\" />\n }\n @case ('aside-light-card') {\n <ng-container [ngTemplateOutlet]=\"asideLightCard\" />\n }\n @case ('two-aside-card') {\n <ng-container [ngTemplateOutlet]=\"twoAsideCard\" />\n }\n }\n <bmb-sidebar\n [elements]=\"sideBarElements()\"\n [title]=\"sideBarTitle()\"\n ></bmb-sidebar>\n</section>\n\n<ng-template #fullWidthCard>\n <main class=\"bmb_web-template-main\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n <aside class=\"bmb_web-template-aside\">\n @if (titleAsideSlot()) {\n <h3>{{ titleAsideSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n</ng-template>\n\n<ng-template #justifyWidthCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"8\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"4\">\n @if (titleAsideSlot()) {\n <h3>{{ titleAsideSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n </section>\n</ng-template>\n\n<ng-template #singleColumnCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n </section>\n</ng-template>\n\n<ng-template #asideFirstCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"12\">\n @if (titleAsideSlot()) {\n <h3>{{ titleAsideSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n <section class=\"bmb_web-template-main-container\">\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n </section>\n</ng-template>\n\n<ng-template #asideLightCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"9\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n </section>\n</ng-template>\n\n<ng-template #twoAsideCard>\n <section\n class=\"bmb_web-template-container\"\n bmbLayout\n gapSize=\"m\"\n margin=\"none\"\n >\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n <ng-container [ngTemplateOutlet]=\"asideContent() ?? null\" />\n </aside>\n <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"6\">\n <section class=\"bmb_web-template-main-container\">\n @if (titleMainSlot()) {\n <h3>{{ titleMainSlot() }}</h3>\n <bmb-divider />\n }\n <ng-container [ngTemplateOutlet]=\"mainContent() ?? null\" />\n </section>\n </main>\n <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n <ng-container [ngTemplateOutlet]=\"secondAsideContent() ?? null\" />\n </aside>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_web-template-full-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content max-content;grid-template-areas:\"topBar\" \"header\" \"main\" \"aside\";gap:1rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card{grid-template-columns:2fr 1fr;grid-template-rows:71px max-content 1fr;gap:0;grid-template-areas:\"topBar topBar\" \"header header\" \"main aside\"}}.bmb_web-template-full-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-full-width-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-full-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 62.5rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-full-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main{margin-left:0;border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0;margin-bottom:0;border-width:.0625rem .0625rem 0 0}}.bmb_web-template-full-width-card .bmb_web-template-main-container{overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main-container{padding-left:5.5rem}}.bmb_web-template-full-width-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m) var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-aside{margin:0;border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m);border-width:.0625rem 0 0 .0625rem}}.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-justify-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-justify-width-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-justify-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-justify-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-justify-width-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container-outline)}.bmb_web-template-justify-width-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-justify-width-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-single-column-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-single-column-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-single-column-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-single-column-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-single-column-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-single-column-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-first-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card{gap:0}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card.bmb_web-template{height:auto;overflow:auto}}.bmb_web-template-aside-first-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-first-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-first-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-first-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-first-card .bmb_web-template-main,.bmb_web-template-aside-first-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-aside-light-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-light-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-light-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-light-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding:0 1rem 1rem;gap:0 0 var(--bmb-spacing-m)}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-light-card .bmb_web-template-main{border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-main{border:.0625rem solid var(--general-contrasts-container);border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0}}.bmb_web-template-aside-light-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-light-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-aside{border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m)}}.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-two-aside-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-two-aside-card .bmb_web-template-header{background-color:var(--containers-main);display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-two-aside-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-two-aside-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-two-aside-card .bmb_web-template-main{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template-two-aside-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-two-aside-card .bmb_web-template-aside{background-color:var(--containers-main);border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid var(--general-contrasts-container)}.bmb_web-template{background-color:var(--general-contrasts-25);display:grid;gap:0;min-height:100dvh}@media (min-width: 62.5625rem){.bmb_web-template{height:100dvh;overflow:hidden}}\n"], dependencies: [{ kind: "component", type: BmbTopBarComponent, selector: "bmb-top-bar", inputs: ["userInformation", "appName", "appPowered", "appSubTitle", "lang", "mitec", "alertNotification", "showRoleButton", "showSearchButton", "showHelpButton", "allowSidebarForMobile", "image", "mobileImage"], outputs: ["imageChange", "mobileImageChange", "helpButtonClick", "userProfileClick", "alertButtonClick", "roleButtonClick", "backToHomeClick", "searchButtonClick"] }, { kind: "component", type: BmbSidebarComponent, selector: "bmb-sidebar", inputs: ["elements", "title", "position"] }, { 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: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11865
11915
|
}
|
|
11866
11916
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbWebTemplatesComponent, decorators: [{
|
|
11867
11917
|
type: Component,
|
|
@@ -12698,7 +12748,7 @@ class BmbInputTagsComponent {
|
|
|
12698
12748
|
return showError(this.control());
|
|
12699
12749
|
}
|
|
12700
12750
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbInputTagsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12701
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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 }, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:rgb(var(--red-light))}.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", "isMultipleFile", "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", "clearEvent"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "customFilterFunction", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12751
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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 }, 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:rgb(var(--red-light))}.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", "isMultipleFile", "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", "clearEvent"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "customFilterFunction", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "clickedItem", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12702
12752
|
}
|
|
12703
12753
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
|
|
12704
12754
|
type: Component,
|
|
@@ -12710,7 +12760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
12710
12760
|
BmbInputValidatorComponent,
|
|
12711
12761
|
BmbInputContentComponent,
|
|
12712
12762
|
BmbDropdownContentComponent,
|
|
12713
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [], 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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(--
|
|
12763
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [], 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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:var(--bmb-radius-2);width:100%;background:var(--general-contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:rgb(var(--red-light))}.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"] }]
|
|
12714
12764
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
12715
12765
|
|
|
12716
12766
|
class BmbInvoiceComponent {
|
|
@@ -12744,11 +12794,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
12744
12794
|
|
|
12745
12795
|
class BmbMultiDotPaginatorItemComponent {
|
|
12746
12796
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbMultiDotPaginatorItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12747
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BmbMultiDotPaginatorItemComponent, isStandalone: true, selector: "bmb-multi-dot-paginator-item", viewQueries: [{ propertyName: "multiDotPaginatorItem", first: true, predicate: ["BmbMultiDotPaginatorItem"], descendants: true, static: true }], ngImport: i0, template: "<section #BmbMultiDotPaginatorItem class=\"bmb_multi-dot-paginator-item\">\n <ng-content></ng-content>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}bmb-multi-dot-paginator-item{display:block}@media (min-width: 62.5625rem){bmb-multi-dot-paginator-item{width:calc(50% / var(--numberOfElements) - 3rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*{opacity:1}}@media (width >= 62.5625rem) and (width <= 124.9375rem){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (1999px < width){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (min-width: 125rem){bmb-multi-dot-paginator-item{width:calc(33.333% / var(--numberOfElements) - 2rem)}}.bmb_multi-dot-paginator-item{width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-item{padding-right:2.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12797
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BmbMultiDotPaginatorItemComponent, isStandalone: true, selector: "bmb-multi-dot-paginator-item", viewQueries: [{ propertyName: "multiDotPaginatorItem", first: true, predicate: ["BmbMultiDotPaginatorItem"], descendants: true, static: true }], ngImport: i0, template: "<section #BmbMultiDotPaginatorItem class=\"bmb_multi-dot-paginator-item\">\n <ng-content></ng-content>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}bmb-multi-dot-paginator-item{display:block}@media (min-width: 62.5625rem){bmb-multi-dot-paginator-item{width:calc(50% / var(--numberOfElements) - 3rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*{opacity:1}}@media (width >= 62.5625rem) and (width <= 124.9375rem){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (1999px < width){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (min-width: 125rem){bmb-multi-dot-paginator-item{width:calc(33.333% / var(--numberOfElements) - 2rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*{opacity:1}}.bmb_multi-dot-paginator-item{width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-item{padding-right:2.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12748
12798
|
}
|
|
12749
12799
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbMultiDotPaginatorItemComponent, decorators: [{
|
|
12750
12800
|
type: Component,
|
|
12751
|
-
args: [{ selector: 'bmb-multi-dot-paginator-item', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section #BmbMultiDotPaginatorItem class=\"bmb_multi-dot-paginator-item\">\n <ng-content></ng-content>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}bmb-multi-dot-paginator-item{display:block}@media (min-width: 62.5625rem){bmb-multi-dot-paginator-item{width:calc(50% / var(--numberOfElements) - 3rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*{opacity:1}}@media (width >= 62.5625rem) and (width <= 124.9375rem){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (1999px < width){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (min-width: 125rem){bmb-multi-dot-paginator-item{width:calc(33.333% / var(--numberOfElements) - 2rem)}}.bmb_multi-dot-paginator-item{width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-item{padding-right:2.5rem}}\n"] }]
|
|
12801
|
+
args: [{ selector: 'bmb-multi-dot-paginator-item', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section #BmbMultiDotPaginatorItem class=\"bmb_multi-dot-paginator-item\">\n <ng-content></ng-content>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}bmb-multi-dot-paginator-item{display:block}@media (min-width: 62.5625rem){bmb-multi-dot-paginator-item{width:calc(50% / var(--numberOfElements) - 3rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*{opacity:1}}@media (width >= 62.5625rem) and (width <= 124.9375rem){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (1999px < width){bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~*{opacity:.5}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*~* .bmb_multi-dot-paginator-item{padding-right:0;padding-left:2.5rem}}@media (min-width: 125rem){bmb-multi-dot-paginator-item{width:calc(33.333% / var(--numberOfElements) - 2rem)}bmb-multi-dot-paginator-item.bmb_multi-dot-paginator-item-active+*+*{opacity:1}}.bmb_multi-dot-paginator-item{width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-item{padding-right:2.5rem}}\n"] }]
|
|
12752
12802
|
}], propDecorators: { multiDotPaginatorItem: [{
|
|
12753
12803
|
type: ViewChild,
|
|
12754
12804
|
args: ['BmbMultiDotPaginatorItem', { static: true }]
|
|
@@ -12808,7 +12858,7 @@ class BmbMultiDotPaginatorComponent {
|
|
|
12808
12858
|
}
|
|
12809
12859
|
}
|
|
12810
12860
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbMultiDotPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12811
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbMultiDotPaginatorComponent, isStandalone: true, selector: "bmb-multi-dot-paginator", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "childrenItems", predicate: BmbMultiDotPaginatorItemComponent, isSignal: true }], ngImport: i0, template: "<div class=\"bmb_multi-dot-paginator\">\n <header class=\"bmb_multi-dot-paginator-header\">\n <h2 class=\"bmb_multi-dot-paginator-title\">\n {{ title() }}\n @if (subtitle()) {\n <h4 class=\"bmb_multi-dot-paginator-subtitle\">{{ subtitle() }}</h4>\n }\n </h2>\n </header>\n <section class=\"bmb_multi-dot-paginator-content\">\n <div\n class=\"bmb_multi-dot-paginator-content-list\"\n [style]=\"\n '--numberOfElements: ' +\n numberOfElements.length +\n '; --selected-child: ' +\n selectedIndex +\n ';'\n \"\n >\n <ng-content />\n <div class=\"bmb_multi-dot-paginator-return\">\n <bmb-fab\n icon=\"keyboard_return\"\n size=\"large\"\n type=\"normal\"\n text=\"Regresar al inicio\"\n [mitec]=\"true\"\n (click)=\"selectItem(0)\"\n />\n </div>\n </div>\n <button\n class=\"bmb_multi-dot-paginator-next\"\n (click)=\"setNextItem()\"\n title=\"Siguiente\"\n >\n Siguiente\n </button>\n </section>\n <footer class=\"bmb_multi-dot-paginator-footer\">\n <ul\n class=\"bmb_multi-dot-paginator-list\"\n [style]=\"'--selected-child: ' + selectedIndex + ';'\"\n >\n @if (numberOfElements.length > 0) {\n <li class=\"bmb_multi-dot-paginator-list-item\">\n <bmb-action-icon\n [disabled]=\"selectedIndex === 0\"\n [icon]=\"'chevron_left'\"\n [iconSize]=\"24\"\n (buttonClick)=\"prevItem()\"\n ></bmb-action-icon>\n </li>\n }\n @for (dot of numberOfElements; track $index) {\n <li\n class=\"bmb_multi-dot-paginator-list-item\"\n [ngClass]=\"{\n 'bmb_multi-dot-paginator-list-item-active': selectedIndex === $index\n }\"\n >\n <button\n class=\"bmb_multi-dot-paginator-dot\"\n (click)=\"selectItem($index)\"\n [title]=\"$index\"\n [ngClass]=\"{\n 'bmb_multi-dot-paginator-dot-active': selectedIndex === $index\n }\"\n ></button>\n </li>\n }\n @if (numberOfElements.length > 0) {\n <li class=\"bmb_multi-dot-paginator-list-item\">\n <bmb-action-icon\n [disabled]=\"selectedIndex === numberOfElements.length - 1\"\n [icon]=\"'chevron_right'\"\n [iconSize]=\"24\"\n (buttonClick)=\"nextItem()\"\n ></bmb-action-icon>\n </li>\n }\n </ul>\n </footer>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounce{0%{margin-left:0}25%{margin-left:-10px}50%{margin-left:10px}75%{margin-left:-5px}to{margin-left:0}}.bmb_multi-dot-paginator{display:flex;flex-direction:column;gap:var(--bmb-spacing-m);height:100%;overflow:hidden}.bmb_multi-dot-paginator-title{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;color:var(--general-contrasts-100);font-weight:300}.bmb_multi-dot-paginator-subtitle{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:var(--general-contrasts-50);font-weight:300}.bmb_multi-dot-paginator-content{flex:1;overflow:visible;position:relative}.bmb_multi-dot-paginator-content-list{display:flex;flex-flow:column nowrap;gap:.75rem;height:100%;margin:0;padding:.875rem;transition:all .5s ease;width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(50% / var(--numberOfElements) - 3rem);--selected-child: calc(var(--selected-child) + 1);flex-direction:row;gap:0;padding:0;transform:translate(calc(var(--child-size) * var(--selected-child) * -1));width:calc(100% * var(--numberOfElements))}}@media (min-width: 125rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(33.333% / var(--numberOfElements) - 2rem)}}.bmb_multi-dot-paginator-content-list.bounce{animation:bounce .3s ease}.bmb_multi-dot-paginator-footer{display:none;justify-content:center;height:auto;align-items:center;gap:var(--bmb-spacing-s)}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-footer{display:flex;padding:var(--bmb-spacing-m)}}.bmb_multi-dot-paginator-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0;height:1rem;align-items:center}.bmb_multi-dot-paginator-list-item{display:flex;align-items:center}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item:nth-last-child(2) .bmb_multi-dot-paginator-dot:after{width:1.5rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item:last-child .bmb_multi-dot-paginator-dot:after{width:1.5rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item-active+.bmb_multi-dot-paginator-list-item .bmb_multi-dot-paginator-dot{background-color:var(--general-contrasts-main-selection)}}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item-active+.bmb_multi-dot-paginator-list-item+.bmb_multi-dot-paginator-list-item .bmb_multi-dot-paginator-dot{background-color:var(--general-contrasts-main-selection)}}.bmb_multi-dot-paginator-list-item bmb-action-icon{display:flex;align-items:center}.bmb_multi-dot-paginator-return{align-items:center;display:none;padding-left:3rem;position:relative;width:18.75rem}.bmb_multi-dot-paginator-return .bmb_fab-large-normal{position:initial}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-return{display:flex}}.bmb_multi-dot-paginator-next{display:none;height:100%;opacity:0;padding:0;position:absolute;right:0;top:0;width:0}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-next{display:block;width:4rem}}.bmb_multi-dot-paginator-dot{background-color:rgb(var(--gray-charade-500));border-radius:var(--bmb-radius-full);cursor:pointer;height:.75rem;margin:0 .3125rem;padding:0;position:relative;width:.75rem}.bmb_multi-dot-paginator-dot-active{background-color:var(--general-contrasts-main-selection);border-radius:var(--bmb-radius-full);box-shadow:0 0 .25rem 0 var(--general-contrasts-main-selection)}.bmb_multi-dot-paginator-dot-active:after{border:.0625rem solid var(--general-contrasts-main-selection);border-radius:1.25rem;box-shadow:0 0 .1875rem 0 inset var(--general-contrasts-main-selection),0 0 .25rem 0 var(--general-contrasts-main-selection);content:\"\";height:1.5rem;left:-.4375rem;position:absolute;top:-.4375rem;width:2.875rem;z-index:0}@media (min-width: 125rem){.bmb_multi-dot-paginator-dot-active:after{width:4.25rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "text", "size", "type", "mitec"], outputs: ["fabClick"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12861
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BmbMultiDotPaginatorComponent, isStandalone: true, selector: "bmb-multi-dot-paginator", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "childrenItems", predicate: BmbMultiDotPaginatorItemComponent, isSignal: true }], ngImport: i0, template: "<div class=\"bmb_multi-dot-paginator\">\n <header class=\"bmb_multi-dot-paginator-header\">\n <h2 class=\"bmb_multi-dot-paginator-title\">\n {{ title() }}\n @if (subtitle()) {\n <h4 class=\"bmb_multi-dot-paginator-subtitle\">{{ subtitle() }}</h4>\n }\n </h2>\n </header>\n <section class=\"bmb_multi-dot-paginator-content\">\n <div\n class=\"bmb_multi-dot-paginator-content-list\"\n [style]=\"\n '--numberOfElements: ' +\n numberOfElements.length +\n '; --selected-child: ' +\n selectedIndex +\n ';'\n \"\n >\n <ng-content />\n <div class=\"bmb_multi-dot-paginator-return\">\n <bmb-fab\n icon=\"keyboard_return\"\n size=\"large\"\n type=\"normal\"\n text=\"Regresar al inicio\"\n [mitec]=\"true\"\n (click)=\"selectItem(0)\"\n />\n </div>\n </div>\n <button\n class=\"bmb_multi-dot-paginator-next\"\n (click)=\"setNextItem()\"\n title=\"Siguiente\"\n >\n Siguiente\n </button>\n </section>\n <footer class=\"bmb_multi-dot-paginator-footer\">\n <ul\n class=\"bmb_multi-dot-paginator-list\"\n [style]=\"'--selected-child: ' + selectedIndex + ';'\"\n >\n @if (numberOfElements.length > 0) {\n <li class=\"bmb_multi-dot-paginator-list-item\">\n <bmb-action-icon\n [disabled]=\"selectedIndex === 0\"\n [icon]=\"'chevron_left'\"\n [iconSize]=\"24\"\n (buttonClick)=\"prevItem()\"\n ></bmb-action-icon>\n </li>\n }\n @for (dot of numberOfElements; track $index) {\n <li\n class=\"bmb_multi-dot-paginator-list-item\"\n [ngClass]=\"{\n 'bmb_multi-dot-paginator-list-item-active': selectedIndex === $index\n }\"\n >\n <button\n class=\"bmb_multi-dot-paginator-dot\"\n (click)=\"selectItem($index)\"\n [title]=\"$index\"\n [ngClass]=\"{\n 'bmb_multi-dot-paginator-dot-active': selectedIndex === $index\n }\"\n ></button>\n </li>\n }\n @if (numberOfElements.length > 0) {\n <li class=\"bmb_multi-dot-paginator-list-item\">\n <bmb-action-icon\n [disabled]=\"selectedIndex === numberOfElements.length - 1\"\n [icon]=\"'chevron_right'\"\n [iconSize]=\"24\"\n (buttonClick)=\"nextItem()\"\n ></bmb-action-icon>\n </li>\n }\n </ul>\n </footer>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounce{0%{margin-left:0}25%{margin-left:-10px}50%{margin-left:10px}75%{margin-left:-5px}to{margin-left:0}}.bmb_multi-dot-paginator{display:flex;flex-direction:column;gap:var(--bmb-spacing-m);height:100%;overflow:hidden}.bmb_multi-dot-paginator-title{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;color:var(--general-contrasts-100);font-weight:300}.bmb_multi-dot-paginator-subtitle{font-family:Poppins-Regular,sans-serif;font-size:1rem;color:var(--general-contrasts-50);font-weight:300}.bmb_multi-dot-paginator-content{flex:1;overflow:visible;position:relative}.bmb_multi-dot-paginator-content-list{display:flex;flex-flow:column nowrap;gap:.75rem;height:100%;margin:0;padding:.875rem;transition:all .5s ease;width:100%}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(50% / var(--numberOfElements) - 3rem);--selected-child: calc(var(--selected-child) + 1);flex-direction:row;gap:0;padding:0;transform:translate(calc(var(--child-size) * var(--selected-child) * -1));width:calc(100% * var(--numberOfElements))}}@media (min-width: 125rem){.bmb_multi-dot-paginator-content-list{--child-size: calc(33.333% / var(--numberOfElements) - 2rem)}}.bmb_multi-dot-paginator-content-list.bounce{animation:bounce .3s ease}.bmb_multi-dot-paginator-footer{display:none;justify-content:center;height:auto;align-items:center;gap:var(--bmb-spacing-s)}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-footer{display:flex;padding:var(--bmb-spacing-m)}}.bmb_multi-dot-paginator-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0;height:1rem;align-items:center}.bmb_multi-dot-paginator-list-item{display:flex;align-items:center}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item:nth-last-child(2) .bmb_multi-dot-paginator-dot:after{width:1.5rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item:last-child .bmb_multi-dot-paginator-dot:after{width:1.5rem}}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-list-item-active+.bmb_multi-dot-paginator-list-item .bmb_multi-dot-paginator-dot{background-color:var(--general-contrasts-main-selection)}}@media (min-width: 125rem){.bmb_multi-dot-paginator-list-item-active+.bmb_multi-dot-paginator-list-item+.bmb_multi-dot-paginator-list-item .bmb_multi-dot-paginator-dot{background-color:var(--general-contrasts-main-selection)}}.bmb_multi-dot-paginator-list-item bmb-action-icon{display:flex;align-items:center}.bmb_multi-dot-paginator-return{align-items:center;display:none;padding-left:3rem;position:relative;width:18.75rem}.bmb_multi-dot-paginator-return .bmb_fab-large-normal{position:initial}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-return{display:flex}}.bmb_multi-dot-paginator-next{display:none;height:100%;opacity:0;padding:0;position:absolute;right:0;top:0;width:0}@media (min-width: 62.5625rem){.bmb_multi-dot-paginator-next{display:block;width:4rem}}.bmb_multi-dot-paginator-dot{background-color:rgb(var(--gray-charade-500));border-radius:var(--bmb-radius-full);cursor:pointer;height:.75rem;margin:0 .3125rem;padding:0;position:relative;width:.75rem}.bmb_multi-dot-paginator-dot-active{background-color:var(--general-contrasts-main-selection);border-radius:var(--bmb-radius-full);box-shadow:0 0 .25rem 0 var(--general-contrasts-main-selection)}.bmb_multi-dot-paginator-dot-active:after{border:.0625rem solid var(--general-contrasts-main-selection);border-radius:1.25rem;box-shadow:0 0 .1875rem 0 inset var(--general-contrasts-main-selection),0 0 .25rem 0 var(--general-contrasts-main-selection);content:\"\";height:1.5rem;left:-.4375rem;position:absolute;top:-.4375rem;width:2.875rem;z-index:0}@media (min-width: 125rem){.bmb_multi-dot-paginator-dot-active:after{width:4.25rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "size", "mitec", "text", "type"], outputs: ["fabClick"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12812
12862
|
}
|
|
12813
12863
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbMultiDotPaginatorComponent, decorators: [{
|
|
12814
12864
|
type: Component,
|
|
@@ -13639,7 +13689,7 @@ class BmbDrawerOverlayComponent {
|
|
|
13639
13689
|
return Array.isArray(appsForCurrentNav) ? appsForCurrentNav : [];
|
|
13640
13690
|
}
|
|
13641
13691
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbDrawerOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13642
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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(--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:rgb(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", "
|
|
13692
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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(--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:rgb(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", "size", "mitec", "text", "type"], 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", "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 }); }
|
|
13643
13693
|
}
|
|
13644
13694
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbDrawerOverlayComponent, decorators: [{
|
|
13645
13695
|
type: Component,
|
|
@@ -14559,11 +14609,11 @@ class BmbSoundsCardComponent {
|
|
|
14559
14609
|
this.handleMute.emit(this.isMuted);
|
|
14560
14610
|
}
|
|
14561
14611
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbSoundsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14562
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: BmbSoundsCardComponent, isStandalone: true, selector: "bmb-sounds-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handlevolume: "handlevolume", handlePlay: "handlePlay", handleMute: "handleMute" }, viewQueries: [{ propertyName: "rangeVolume", first: true, predicate: ["rangeVolume"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section class=\"bmb_sounds-card\">\n <bmb-media-card\n [bgColor]=\"'--blue-mariner-950'\"\n [alt]=\"'Alt'\"\n [width]=\"width()\"\n [ratio]=\"ratio()\"\n [borderRadius]=\"'m'\"\n [type]=\"'inline'\"\n [fullmediaCard]=\"true\"\n [boxShadow]=\"true\"\n >\n <section class=\"bmb_sounds-card-content\">\n <div class=\"bmb_sounds-card-content-icon\">\n <button\n class=\"bmb_sounds-card-content-icon-btn\"\n [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n (click)=\"this.handlePlayPause()\"\n >\n <bmb-icon\n class=\"bmb_sounds-card-content-icon-btn-icon\"\n [ngClass]=\"{\n 'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n }\"\n [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n [isFill]=\"true\"\n [size]=\"100\"\n />\n </button>\n </div>\n <div class=\"bmb_sounds-card-info\">\n <div class=\"bmb_sounds-card-info-title\">\n <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-subtitle\">\n <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n subtitle()\n }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-volume\">\n <button\n class=\"bmb_sounds-card-info-volume-btn\"\n (click)=\"this.handleMuteVolume()\"\n >\n <bmb-icon\n [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n [size]=\"28\"\n />\n </button>\n <input\n #rangeVolume\n class=\"bmb_sounds-card-info-volume-range\"\n type=\"range\"\n min=\"0\"\n max=\"100\"\n [value]=\"internalVolume\"\n (input)=\"onVolumeChange($event)\"\n />\n </div>\n </div>\n </section>\n </bmb-media-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:var(--bmb-radius-full);padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:rgb(var(--blue-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:rgb(var(--gray-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:rgb(var(--blue-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:rgb(var(--blue-mariner-50));border-radius:var(--bmb-radius-1)}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:var(--bmb-radius-full);background-color:rgb(var(--gray-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbMediaCardComponent, selector: "bmb-media-card", inputs: ["link", "target", "src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop", "type", "title", "subtitle", "content", "date", "userName", "userImage", "fullmediaCard", "bgColor", "boxShadow"], outputs: ["mediaCardClicked"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14612
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: BmbSoundsCardComponent, isStandalone: true, selector: "bmb-sounds-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handlevolume: "handlevolume", handlePlay: "handlePlay", handleMute: "handleMute" }, viewQueries: [{ propertyName: "rangeVolume", first: true, predicate: ["rangeVolume"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section class=\"bmb_sounds-card\">\n <bmb-media-card\n [bgColor]=\"'--blue-mariner-950'\"\n [alt]=\"'Alt'\"\n [width]=\"width()\"\n [ratio]=\"ratio()\"\n [borderRadius]=\"'m'\"\n [type]=\"'inline'\"\n [fullmediaCard]=\"true\"\n [boxShadow]=\"true\"\n >\n <section class=\"bmb_sounds-card-content\">\n <div class=\"bmb_sounds-card-content-icon\">\n <button\n class=\"bmb_sounds-card-content-icon-btn\"\n [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n (click)=\"this.handlePlayPause()\"\n >\n <bmb-icon\n class=\"bmb_sounds-card-content-icon-btn-icon\"\n [ngClass]=\"{\n 'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n }\"\n [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n [isFill]=\"true\"\n [size]=\"100\"\n />\n </button>\n </div>\n <div class=\"bmb_sounds-card-info\">\n <div class=\"bmb_sounds-card-info-title\">\n <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-subtitle\">\n <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n subtitle()\n }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-volume\">\n <button\n class=\"bmb_sounds-card-info-volume-btn\"\n (click)=\"this.handleMuteVolume()\"\n >\n <bmb-icon\n [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n [size]=\"28\"\n />\n </button>\n <input\n #rangeVolume\n class=\"bmb_sounds-card-info-volume-range\"\n type=\"range\"\n min=\"0\"\n max=\"100\"\n [value]=\"internalVolume\"\n (input)=\"onVolumeChange($event)\"\n />\n </div>\n </div>\n </section>\n </bmb-media-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:var(--bmb-radius-full);padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:rgb(var(--blue-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:rgb(var(--gray-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:rgb(var(--blue-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:rgb(var(--blue-mariner-50));border-radius:var(--bmb-radius-1)}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:var(--bmb-radius-full);background-color:rgb(var(--gray-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}.bmb_sounds-card .bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(0deg,#1f222e00 33.5%,rgb(var(--blue-mariner-950)))}.bmb_sounds-card .bmb_media-card-content-overlay{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbMediaCardComponent, selector: "bmb-media-card", inputs: ["link", "target", "src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop", "type", "title", "subtitle", "content", "date", "userName", "userImage", "fullmediaCard", "bgColor", "boxShadow"], outputs: ["mediaCardClicked"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14563
14613
|
}
|
|
14564
14614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbSoundsCardComponent, decorators: [{
|
|
14565
14615
|
type: Component,
|
|
14566
|
-
args: [{ selector: 'bmb-sounds-card', standalone: true, imports: [CommonModule, BmbMediaCardComponent, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_sounds-card\">\n <bmb-media-card\n [bgColor]=\"'--blue-mariner-950'\"\n [alt]=\"'Alt'\"\n [width]=\"width()\"\n [ratio]=\"ratio()\"\n [borderRadius]=\"'m'\"\n [type]=\"'inline'\"\n [fullmediaCard]=\"true\"\n [boxShadow]=\"true\"\n >\n <section class=\"bmb_sounds-card-content\">\n <div class=\"bmb_sounds-card-content-icon\">\n <button\n class=\"bmb_sounds-card-content-icon-btn\"\n [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n (click)=\"this.handlePlayPause()\"\n >\n <bmb-icon\n class=\"bmb_sounds-card-content-icon-btn-icon\"\n [ngClass]=\"{\n 'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n }\"\n [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n [isFill]=\"true\"\n [size]=\"100\"\n />\n </button>\n </div>\n <div class=\"bmb_sounds-card-info\">\n <div class=\"bmb_sounds-card-info-title\">\n <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-subtitle\">\n <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n subtitle()\n }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-volume\">\n <button\n class=\"bmb_sounds-card-info-volume-btn\"\n (click)=\"this.handleMuteVolume()\"\n >\n <bmb-icon\n [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n [size]=\"28\"\n />\n </button>\n <input\n #rangeVolume\n class=\"bmb_sounds-card-info-volume-range\"\n type=\"range\"\n min=\"0\"\n max=\"100\"\n [value]=\"internalVolume\"\n (input)=\"onVolumeChange($event)\"\n />\n </div>\n </div>\n </section>\n </bmb-media-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:var(--bmb-radius-full);padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:rgb(var(--blue-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:rgb(var(--gray-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:rgb(var(--blue-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:rgb(var(--blue-mariner-50));border-radius:var(--bmb-radius-1)}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:var(--bmb-radius-full);background-color:rgb(var(--gray-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}\n"] }]
|
|
14616
|
+
args: [{ selector: 'bmb-sounds-card', standalone: true, imports: [CommonModule, BmbMediaCardComponent, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_sounds-card\">\n <bmb-media-card\n [bgColor]=\"'--blue-mariner-950'\"\n [alt]=\"'Alt'\"\n [width]=\"width()\"\n [ratio]=\"ratio()\"\n [borderRadius]=\"'m'\"\n [type]=\"'inline'\"\n [fullmediaCard]=\"true\"\n [boxShadow]=\"true\"\n >\n <section class=\"bmb_sounds-card-content\">\n <div class=\"bmb_sounds-card-content-icon\">\n <button\n class=\"bmb_sounds-card-content-icon-btn\"\n [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n (click)=\"this.handlePlayPause()\"\n >\n <bmb-icon\n class=\"bmb_sounds-card-content-icon-btn-icon\"\n [ngClass]=\"{\n 'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying\n }\"\n [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n [isFill]=\"true\"\n [size]=\"100\"\n />\n </button>\n </div>\n <div class=\"bmb_sounds-card-info\">\n <div class=\"bmb_sounds-card-info-title\">\n <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-subtitle\">\n <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n subtitle()\n }}</span>\n </div>\n <div class=\"bmb_sounds-card-info-volume\">\n <button\n class=\"bmb_sounds-card-info-volume-btn\"\n (click)=\"this.handleMuteVolume()\"\n >\n <bmb-icon\n [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n [size]=\"28\"\n />\n </button>\n <input\n #rangeVolume\n class=\"bmb_sounds-card-info-volume-range\"\n type=\"range\"\n min=\"0\"\n max=\"100\"\n [value]=\"internalVolume\"\n (input)=\"onVolumeChange($event)\"\n />\n </div>\n </div>\n </section>\n </bmb-media-card>\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:var(--bmb-radius-full);padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--gray-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:rgb(var(--blue-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:rgb(var(--blue-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:rgb(var(--gray-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:rgb(var(--blue-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:rgb(var(--blue-mariner-50));border-radius:var(--bmb-radius-1)}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:var(--bmb-radius-full);background-color:rgb(var(--gray-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}.bmb_sounds-card .bmb_media-card-content-inline .bmb_media-card-content-container{background-image:linear-gradient(0deg,#1f222e00 33.5%,rgb(var(--blue-mariner-950)))}.bmb_sounds-card .bmb_media-card-content-overlay{display:none}\n"] }]
|
|
14567
14617
|
}], propDecorators: { rangeVolume: [{
|
|
14568
14618
|
type: ViewChild,
|
|
14569
14619
|
args: ['rangeVolume', { read: ElementRef }]
|
|
@@ -15073,7 +15123,7 @@ class BmbTableLiteComponent {
|
|
|
15073
15123
|
return row.id || row.sociedad;
|
|
15074
15124
|
}
|
|
15075
15125
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTableLiteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15076
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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 [placeholderStartDate]=\"'Desde'\"\n [placeholderEndDate]=\"'Hasta'\"\n [icon]=\"'calendar_month'\"\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 ? 'zoom_in_map' : 'zoom_out_map'\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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: 62.5625rem){.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: 62.5625rem){.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: 62.5625rem){.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: 37.5rem){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.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: 43.6875rem){.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:.0625rem dashed var(--general-contrasts-25);display:grid;grid-template-columns:var(--grid-template);padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 47.9375rem){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:var(--general-contrasts-100);text-transform:uppercase;font-family:Poppins-Bold,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:.25rem .5rem;position:relative}@media (max-width: 47.9375rem){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 47.9375rem){.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);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Regular,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(--general_contrasts-75)}.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(--general-contrasts-100);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-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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "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", "max", "min", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "inputId", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
15126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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 [placeholderStartDate]=\"'Desde'\"\n [placeholderEndDate]=\"'Hasta'\"\n [icon]=\"'calendar_month'\"\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 ? 'zoom_in_map' : 'zoom_out_map'\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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: 62.5625rem){.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: 62.5625rem){.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: 62.5625rem){.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: 37.5rem){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.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: 43.6875rem){.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:.0625rem dashed var(--general-contrasts-25);display:grid;grid-template-columns:var(--grid-template);padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 47.9375rem){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:var(--general-contrasts-100);text-transform:uppercase;font-family:Poppins-Bold,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:.25rem .5rem;position:relative}@media (max-width: 47.9375rem){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 47.9375rem){.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);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Regular,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(--general-contrasts-75)}.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(--general-contrasts-100);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-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", "isFill", "size", "alt", "dotNotification", "isSVGTemplate"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "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", "max", "min", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "inputId", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "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", "isSVGTemplate"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
15077
15127
|
}
|
|
15078
15128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BmbTableLiteComponent, decorators: [{
|
|
15079
15129
|
type: Component,
|
|
@@ -15085,7 +15135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
15085
15135
|
BmbInputComponent,
|
|
15086
15136
|
BmbDateRangeComponent,
|
|
15087
15137
|
BmbActionIconComponent,
|
|
15088
|
-
], 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 [placeholderStartDate]=\"'Desde'\"\n [placeholderEndDate]=\"'Hasta'\"\n [icon]=\"'calendar_month'\"\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 ? 'zoom_in_map' : 'zoom_out_map'\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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: 62.5625rem){.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: 62.5625rem){.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: 62.5625rem){.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: 37.5rem){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.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: 43.6875rem){.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:.0625rem dashed var(--general-contrasts-25);display:grid;grid-template-columns:var(--grid-template);padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 47.9375rem){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:var(--general-contrasts-100);text-transform:uppercase;font-family:Poppins-Bold,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:.25rem .5rem;position:relative}@media (max-width: 47.9375rem){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 47.9375rem){.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);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Regular,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(--general_contrasts-75)}.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(--general-contrasts-100);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-success{color:var(--semantic-success)}.bmb_table_lite-error{color:var(--semantic-error)}\n"] }]
|
|
15138
|
+
], 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 [placeholderStartDate]=\"'Desde'\"\n [placeholderEndDate]=\"'Hasta'\"\n [icon]=\"'calendar_month'\"\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 ? 'zoom_in_map' : 'zoom_out_map'\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-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-semibold-1{font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{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-semibold-2{font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{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-semibold-3{font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{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-semibold-4{font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{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-semibold-4_5{font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{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-semibold-5{font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{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-semibold-6{font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{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-semibold-7{font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{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-semibold-8{font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{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-semibold-9{font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{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-semibold-10{font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{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-semibold-11{font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{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-semibold-12{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: 62.5625rem){.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: 62.5625rem){.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: 62.5625rem){.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: 37.5rem){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 37.5rem){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 43.6875rem){.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: 43.6875rem){.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:.0625rem dashed var(--general-contrasts-25);display:grid;grid-template-columns:var(--grid-template);padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 47.9375rem){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:var(--general-contrasts-100);text-transform:uppercase;font-family:Poppins-Bold,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:.25rem .5rem;position:relative}@media (max-width: 47.9375rem){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 47.9375rem){.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);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Regular,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(--general-contrasts-75)}.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(--general-contrasts-100);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-success{color:var(--semantic-success)}.bmb_table_lite-error{color:var(--semantic-error)}\n"] }]
|
|
15089
15139
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { select: [{
|
|
15090
15140
|
type: Output
|
|
15091
15141
|
}], clickedRow: [{
|