@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1019-d → 1.5.1019-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.
|
@@ -1183,11 +1183,11 @@ class BmbNativeModalComponent {
|
|
|
1183
1183
|
this.modalService.closeModal(this.modalId());
|
|
1184
1184
|
}
|
|
1185
1185
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbNativeModalComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1186
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbNativeModalComponent, isStandalone: true, selector: "bmb-native-modal", inputs: { 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 }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, alertIcon: { classPropertyName: "alertIcon", publicName: "alertIcon", isSignal: true, isRequired: false, transformFunction: null }, modalId: { classPropertyName: "modalId", publicName: "modalId", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconStyle: { classPropertyName: "iconStyle", publicName: "iconStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionsClicked: "actionsClicked", closeModalClicked: "closeModalClicked" }, ngImport: i0, template: "<bmb-overlay [active]=\"true\" />\
|
|
1186
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbNativeModalComponent, isStandalone: true, selector: "bmb-native-modal", inputs: { 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 }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, alertIcon: { classPropertyName: "alertIcon", publicName: "alertIcon", isSignal: true, isRequired: false, transformFunction: null }, modalId: { classPropertyName: "modalId", publicName: "modalId", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconStyle: { classPropertyName: "iconStyle", publicName: "iconStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionsClicked: "actionsClicked", closeModalClicked: "closeModalClicked" }, ngImport: i0, template: "<bmb-overlay [active]=\"true\" />\n<dialog class=\"bmb_native-modal\" [open]=\"true\">\n <div\n class=\"bmb_native-modal-container bmb_box-shadow-3\"\n [ngClass]=\"getContainerClass()\"\n >\n <header class=\"bmb_native-modal-header\">\n <bmb-three-cols\n [expandMainColumn]=\"true\"\n gapSize=\"none\"\n alignItems=\"start\"\n >\n <ng-template #bmbMainContent>\n <span class=\"bmb_modal-container-header-title\">\n <bmb-title-content\n [title]=\"title()\"\n titleSize=\"9\"\n [subtitle]=\"subtitle()\"\n [icon]=\"modalIcon()\"\n [iconSize]=\"48\"\n [transparentBgC]=\"true\"\n />\n </span>\n </ng-template>\n <ng-template #bmbRightContent>\n <span class=\"bmb_modal-container-header-icon_close\">\n <bmb-action-icon\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleCloseModal($event)\"\n />\n </span>\n </ng-template>\n </bmb-three-cols>\n </header>\n <section class=\"bmb_native-modal-content\">\n @if (isTemplateRef()) {\n <ng-template #templateContent>\n <ng-container *ngTemplateOutlet=\"getContent()\"></ng-container>\n </ng-template>\n <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\n } @else {\n <p>\n {{ content() }}\n </p>\n }\n </section>\n @if (actions().length) {\n <footer class=\"bmb_native-modal-footer\">\n @for (btn of actions(); track $index) {\n <button\n bmbButton\n [appearance]=\"btn.appearance || 'secondary-outlined'\"\n (click)=\"btn.action()\"\n >\n @if (btn.icon) {\n <i class=\"{{ btn.icon }}\"></i>\n }\n {{ btn.buttonName }}\n </button>\n }\n </footer>\n }\n </div>\n</dialog>\n", styles: [".bmb_native-modal{position:fixed;left:0;top:0;width:100dvw;height:100dvh;z-index:90;border:0;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0}.bmb_native-modal[open]{animation:fadein .3s ease-in forwards}.bmb_native-modal-container{padding:2rem;width:calc(100% - 2rem);background-color:var(--containers-modal);border-radius:1rem;border:.0625rem solid var(--general_contrasts-25);color:var(--general_contrasts-100);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;gap:var(--bmb-spacing-xl)}.bmb_native-modal-container-x-small{max-width:29.5rem}.bmb_native-modal-container-small{max-width:40.875rem}.bmb_native-modal-container-medium{max-width:47.5rem}.bmb_native-modal-container-large{max-width:57.5rem}.bmb_native-modal-container-x-large{max-width:67.5rem}.bmb_native-modal-content{overflow:auto;flex:1}.bmb_native-modal-footer{display:flex;justify-content:flex-end;gap:var(--bmb-spacing-m);flex-wrap:wrap}@media (max-width: 1000px){.bmb_native-modal-footer .bmb_btn{flex:1 1 100%}}@keyframes fadein{0%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: BmbOverlayComponent, selector: "bmb-overlay", inputs: ["active"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { 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: BmbThreeColsComponent, selector: "bmb-three-cols", inputs: ["gapSize", "justify", "alignItems", "expandMainColumn"] }, { kind: "component", type: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1187
1187
|
}
|
|
1188
1188
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbNativeModalComponent, decorators: [{
|
|
1189
1189
|
type: Component,
|
|
1190
|
-
args: [{ selector: 'bmb-native-modal', template: "<bmb-overlay [active]=\"true\" />\
|
|
1190
|
+
args: [{ selector: 'bmb-native-modal', template: "<bmb-overlay [active]=\"true\" />\n<dialog class=\"bmb_native-modal\" [open]=\"true\">\n <div\n class=\"bmb_native-modal-container bmb_box-shadow-3\"\n [ngClass]=\"getContainerClass()\"\n >\n <header class=\"bmb_native-modal-header\">\n <bmb-three-cols\n [expandMainColumn]=\"true\"\n gapSize=\"none\"\n alignItems=\"start\"\n >\n <ng-template #bmbMainContent>\n <span class=\"bmb_modal-container-header-title\">\n <bmb-title-content\n [title]=\"title()\"\n titleSize=\"9\"\n [subtitle]=\"subtitle()\"\n [icon]=\"modalIcon()\"\n [iconSize]=\"48\"\n [transparentBgC]=\"true\"\n />\n </span>\n </ng-template>\n <ng-template #bmbRightContent>\n <span class=\"bmb_modal-container-header-icon_close\">\n <bmb-action-icon\n icon=\"close\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleCloseModal($event)\"\n />\n </span>\n </ng-template>\n </bmb-three-cols>\n </header>\n <section class=\"bmb_native-modal-content\">\n @if (isTemplateRef()) {\n <ng-template #templateContent>\n <ng-container *ngTemplateOutlet=\"getContent()\"></ng-container>\n </ng-template>\n <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\n } @else {\n <p>\n {{ content() }}\n </p>\n }\n </section>\n @if (actions().length) {\n <footer class=\"bmb_native-modal-footer\">\n @for (btn of actions(); track $index) {\n <button\n bmbButton\n [appearance]=\"btn.appearance || 'secondary-outlined'\"\n (click)=\"btn.action()\"\n >\n @if (btn.icon) {\n <i class=\"{{ btn.icon }}\"></i>\n }\n {{ btn.buttonName }}\n </button>\n }\n </footer>\n }\n </div>\n</dialog>\n", standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1191
1191
|
BmbOverlayComponent,
|
|
1192
1192
|
BmbButtonDirective,
|
|
1193
1193
|
CommonModule,
|
|
@@ -1226,7 +1226,7 @@ class BmbPortalComponent {
|
|
|
1226
1226
|
}
|
|
1227
1227
|
}
|
|
1228
1228
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbPortalComponent, deps: [{ token: BmbNotificationService }, { token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1229
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbPortalComponent, isStandalone: true, selector: "bmb-portal", ngImport: i0, template: "<section class=\"bmb_portal\">\
|
|
1229
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbPortalComponent, isStandalone: true, selector: "bmb-portal", ngImport: i0, template: "<section class=\"bmb_portal\">\n <div class=\"bmb_portal-top-left\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'top-left',\n }\"\n />\n </div>\n <div class=\"bmb_portal-top-center\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'top-center',\n }\"\n />\n </div>\n <div class=\"bmb_portal-top-right\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'top-right',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-left\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'bottom-left',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-center\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'bottom-center',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-right\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'bottom-right',\n }\"\n />\n </div>\n</section>\n\n@for (item of modalSignal(); track $index) {\n <bmb-native-modal\n [title]=\"item.title || ''\"\n [content]=\"item.content || ''\"\n [modalId]=\"item.modalId || ''\"\n [subtitle]=\"item.subtitle || ''\"\n [size]=\"item.size || 'medium'\"\n [iconStyle]=\"item.iconStyle\"\n [actions]=\"item.actions || []\"\n (closeModalClicked)=\"handleModalClick(item, $event)\"\n />\n}\n\n<ng-template\n #commonTemplate\n let-notifications=\"notifications\"\n let-position=\"position\"\n>\n @for (notification of notifications; track $index) {\n @if (notification.position === position) {\n @if (notification.component === \"toast\") {\n <bmb-toast\n [title]=\"notification.title\"\n [description]=\"notification.content\"\n [appearance]=\"notification.appearance || 'neutral'\"\n [isClosable]=\"true\"\n [id]=\"notification.id || $index\"\n (onClose)=\"closeNotification(notification)\"\n />\n } @else if (notification.component === \"notice-card\") {\n <bmb-notice-card\n [src]=\"notification.media\"\n [title]=\"notification.title\"\n [description]=\"notification.content\"\n [buttonText]=\"notification.buttonText\"\n [link]=\"notification.link\"\n (onClose)=\"closeNotification(notification)\"\n />\n } @else {\n <bmb-push-notification-item\n [notification]=\"notification\"\n (onClose)=\"closeNotification(notification)\"\n />\n }\n }\n }\n</ng-template>\n", styles: [".bmb_portal-top-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center>*{transform:translate(-50%)}.bmb_portal-bottom-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center>*{transform:translate(-50%)}\n"], dependencies: [{ kind: "component", type: BmbPushNotificationItemComponent, selector: "bmb-push-notification-item", inputs: ["notification"], outputs: ["onClose"] }, { kind: "component", type: BmbToastComponent, selector: "bmb-toast", inputs: ["appearance", "isClosable", "title", "description", "position", "id"], outputs: ["onClose"] }, { kind: "component", type: BmbNoticeCardComponent, selector: "bmb-notice-card", inputs: ["src", "title", "description", "buttonText", "link", "closeBtnColor"], outputs: ["onClose", "onClickBtn"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbNativeModalComponent, selector: "bmb-native-modal", inputs: ["title", "subtitle", "content", "actions", "alertIcon", "modalId", "size", "iconStyle"], outputs: ["actionsClicked", "closeModalClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1230
1230
|
}
|
|
1231
1231
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbPortalComponent, decorators: [{
|
|
1232
1232
|
type: Component,
|
|
@@ -1236,7 +1236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
1236
1236
|
BmbNoticeCardComponent,
|
|
1237
1237
|
CommonModule,
|
|
1238
1238
|
BmbNativeModalComponent,
|
|
1239
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_portal\">\
|
|
1239
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"bmb_portal\">\n <div class=\"bmb_portal-top-left\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'top-left',\n }\"\n />\n </div>\n <div class=\"bmb_portal-top-center\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'top-center',\n }\"\n />\n </div>\n <div class=\"bmb_portal-top-right\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'top-right',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-left\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'bottom-left',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-center\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'bottom-center',\n }\"\n />\n </div>\n <div class=\"bmb_portal-bottom-right\">\n <ng-container\n [ngTemplateOutlet]=\"commonTemplate\"\n [ngTemplateOutletContext]=\"{\n notifications: getNotifications(),\n position: 'bottom-right',\n }\"\n />\n </div>\n</section>\n\n@for (item of modalSignal(); track $index) {\n <bmb-native-modal\n [title]=\"item.title || ''\"\n [content]=\"item.content || ''\"\n [modalId]=\"item.modalId || ''\"\n [subtitle]=\"item.subtitle || ''\"\n [size]=\"item.size || 'medium'\"\n [iconStyle]=\"item.iconStyle\"\n [actions]=\"item.actions || []\"\n (closeModalClicked)=\"handleModalClick(item, $event)\"\n />\n}\n\n<ng-template\n #commonTemplate\n let-notifications=\"notifications\"\n let-position=\"position\"\n>\n @for (notification of notifications; track $index) {\n @if (notification.position === position) {\n @if (notification.component === \"toast\") {\n <bmb-toast\n [title]=\"notification.title\"\n [description]=\"notification.content\"\n [appearance]=\"notification.appearance || 'neutral'\"\n [isClosable]=\"true\"\n [id]=\"notification.id || $index\"\n (onClose)=\"closeNotification(notification)\"\n />\n } @else if (notification.component === \"notice-card\") {\n <bmb-notice-card\n [src]=\"notification.media\"\n [title]=\"notification.title\"\n [description]=\"notification.content\"\n [buttonText]=\"notification.buttonText\"\n [link]=\"notification.link\"\n (onClose)=\"closeNotification(notification)\"\n />\n } @else {\n <bmb-push-notification-item\n [notification]=\"notification\"\n (onClose)=\"closeNotification(notification)\"\n />\n }\n }\n }\n</ng-template>\n", styles: [".bmb_portal-top-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center>*{transform:translate(-50%)}.bmb_portal-bottom-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center>*{transform:translate(-50%)}\n"] }]
|
|
1240
1240
|
}], ctorParameters: () => [{ type: BmbNotificationService }, { type: BmbNativeModalService }] });
|
|
1241
1241
|
|
|
1242
1242
|
class BmbNotificationService {
|
|
@@ -2250,7 +2250,7 @@ class BmbSwitchComponent {
|
|
|
2250
2250
|
this.id = input(''); //Deprecated
|
|
2251
2251
|
this.disabled = input(false);
|
|
2252
2252
|
this.name = input(getUUID());
|
|
2253
|
-
this.inputId = model(`bmb-switch-${
|
|
2253
|
+
this.inputId = model(`bmb-switch-${this.name()}`);
|
|
2254
2254
|
this.control = model(newFormControlByType('checkbox'));
|
|
2255
2255
|
this.change = output();
|
|
2256
2256
|
this.isControlNull = false;
|
|
@@ -2305,7 +2305,7 @@ class BmbSwitchComponent {
|
|
|
2305
2305
|
}
|
|
2306
2306
|
}
|
|
2307
2307
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2308
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbSwitchComponent, isStandalone: true, selector: "bmb-switch", inputs: { leftText: { classPropertyName: "leftText", publicName: "leftText", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, rightText: { classPropertyName: "rightText", publicName: "rightText", isSignal: true, isRequired: false, transformFunction: null }, rightIcon: { classPropertyName: "rightIcon", publicName: "rightIcon", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", 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 }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isChecked: "isCheckedChange", inputId: "inputIdChange", control: "controlChange", change: "change" }, ngImport: i0, template: "<bmb-input-validator\n type=\"checkbox\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [checked]=\"isChecked()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n>\n <section class=\"bmb_switch-direction\">\n @if (showSwitchLabel(\"left\")) {\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n leftText()\n }}</label>\n }\n <span class=\"bmb_switch\">\n <input\n bmbControl\n class=\"bmb_switch-input\"\n type=\"checkbox\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [checked]=\"isChecked()\"\n [attr.aria-checked]=\"isChecked()\"\n [attr.id]=\"inputId()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-disabled]=\"disabled().toString()\"\n [tabindex]=\"disabled() ? -1 : 0\"\n (change)=\"handleChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-slider\">\n @if (!!getSwitchIcon()) {\n <bmb-icon\n class=\"bmb_switch-slider-icon\"\n [icon]=\"getSwitchIcon()\"\n [size]=\"20\"\n />\n }\n </label>\n </span>\n @if (showSwitchLabel(\"right\")) {\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n rightText()\n }}</label>\n }\n </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_switch{align-items:center;cursor:pointer;display:flex;height:2rem;margin:.125rem 0;position:relative}.bmb_switch-position{margin-top:.5rem}.bmb_switch-content{width:max-content;display:inline-block}.bmb_switch-direction{display:inline-flex;flex-direction:row;padding:0 .5rem}.bmb_switch-input{opacity:0;height:0;width:0;position:absolute}.bmb_switch-input:checked+.bmb_switch-slider{background-color:var(--buttons-active-switch)}.bmb_switch-input:checked+.bmb_switch-slider:after{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider .material-symbols-rounded{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider:hover:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):hover+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-focus)}.bmb_switch-input:is(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-focus)}.bmb_switch-slider{background-color:rgb(var(--color-charade-700));border:0;border-radius:.9375rem;cursor:pointer;display:block;height:1.25rem;margin:0 .75rem;position:relative;transition:background-color .3s,left .3s;width:2.5rem}.bmb_switch-slider:after{background-color:rgb(var(--color-white-primary));border-radius:50%;bottom:0;content:\"\";height:2rem;left:-.75rem;margin:auto;position:absolute;top:0;transition:all .3s;width:2rem}.bmb_switch-slider .material-symbols-rounded{transition:all .3s}.bmb_switch-slider-icon{color:var(--general_contrasts-100);position:absolute;top:0;left:-.375rem;z-index:1;transition:all .3s}.bmb_switch-label{color:var(--general_contrasts-100);padding:0 .3125rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin:.5rem 0 .25rem .125rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2308
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbSwitchComponent, isStandalone: true, selector: "bmb-switch", inputs: { leftText: { classPropertyName: "leftText", publicName: "leftText", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, rightText: { classPropertyName: "rightText", publicName: "rightText", isSignal: true, isRequired: false, transformFunction: null }, rightIcon: { classPropertyName: "rightIcon", publicName: "rightIcon", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", 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 }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isChecked: "isCheckedChange", inputId: "inputIdChange", control: "controlChange", change: "change" }, ngImport: i0, template: "<bmb-input-validator\r\n type=\"checkbox\"\r\n [inputId]=\"inputId()\"\r\n [name]=\"name()\"\r\n [checked]=\"isChecked()\"\r\n [isDisabled]=\"disabled()\"\r\n [control]=\"control()\"\r\n>\r\n <section class=\"bmb_switch-direction\">\r\n @if (showSwitchLabel(\"left\")) {\r\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\r\n leftText()\r\n }}</label>\r\n }\r\n <span class=\"bmb_switch\">\r\n <input\r\n bmbControl\r\n class=\"bmb_switch-input\"\r\n type=\"checkbox\"\r\n [id]=\"inputId()\"\r\n [formControl]=\"control()\"\r\n [name]=\"name()\"\r\n [checked]=\"isChecked()\"\r\n [attr.aria-checked]=\"isChecked()\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [attr.aria-disabled]=\"disabled().toString()\"\r\n [tabindex]=\"disabled() ? -1 : 0\"\r\n (change)=\"handleChange($event)\"\r\n (keydown)=\"handleKeyDown($event)\"\r\n />\r\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-slider\">\r\n @if (!!getSwitchIcon()) {\r\n <bmb-icon\r\n class=\"bmb_switch-slider-icon\"\r\n [icon]=\"getSwitchIcon()\"\r\n [size]=\"20\"\r\n />\r\n }\r\n </label>\r\n </span>\r\n @if (showSwitchLabel(\"right\")) {\r\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\r\n rightText()\r\n }}</label>\r\n }\r\n </section>\r\n</bmb-input-validator>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_switch{align-items:center;cursor:pointer;display:flex;height:2rem;margin:.125rem 0;position:relative}.bmb_switch-position{margin-top:.5rem}.bmb_switch-content{width:max-content;display:inline-block}.bmb_switch-direction{display:inline-flex;flex-direction:row;padding:0 .5rem}.bmb_switch-input{opacity:0;height:0;width:0;position:absolute}.bmb_switch-input:checked+.bmb_switch-slider{background-color:var(--buttons-active-switch)}.bmb_switch-input:checked+.bmb_switch-slider:after{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider .material-symbols-rounded{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider:hover:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):hover+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-focus)}.bmb_switch-input:is(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-focus)}.bmb_switch-slider{background-color:rgb(var(--color-charade-700));border:0;border-radius:.9375rem;cursor:pointer;display:block;height:1.25rem;margin:0 .75rem;position:relative;transition:background-color .3s,left .3s;width:2.5rem}.bmb_switch-slider:after{background-color:rgb(var(--color-white-primary));border-radius:50%;bottom:0;content:\"\";height:2rem;left:-.75rem;margin:auto;position:absolute;top:0;transition:all .3s;width:2rem}.bmb_switch-slider .material-symbols-rounded{transition:all .3s}.bmb_switch-slider-icon{color:var(--general_contrasts-100);position:absolute;top:0;left:-.375rem;z-index:1;transition:all .3s}.bmb_switch-label{color:var(--general_contrasts-100);padding:0 .3125rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin:.5rem 0 .25rem .125rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2309
2309
|
}
|
|
2310
2310
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbSwitchComponent, decorators: [{
|
|
2311
2311
|
type: Component,
|
|
@@ -2315,7 +2315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
2315
2315
|
BmbInputValidatorComponent,
|
|
2316
2316
|
FormsModule,
|
|
2317
2317
|
BmbIconComponent,
|
|
2318
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n type=\"checkbox\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [checked]=\"isChecked()\"\n [isDisabled]=\"disabled()\"\n [control]=\"control()\"\n>\n <section class=\"bmb_switch-direction\">\n @if (showSwitchLabel(\"left\")) {\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n leftText()\n }}</label>\n }\n <span class=\"bmb_switch\">\n <input\n bmbControl\n class=\"bmb_switch-input\"\n type=\"checkbox\"\n [id]=\"inputId()\"\n [formControl]=\"control()\"\n [name]=\"name()\"\n [checked]=\"isChecked()\"\n [attr.aria-checked]=\"isChecked()\"\n [attr.id]=\"inputId()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-disabled]=\"disabled().toString()\"\n [tabindex]=\"disabled() ? -1 : 0\"\n (change)=\"handleChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-slider\">\n @if (!!getSwitchIcon()) {\n <bmb-icon\n class=\"bmb_switch-slider-icon\"\n [icon]=\"getSwitchIcon()\"\n [size]=\"20\"\n />\n }\n </label>\n </span>\n @if (showSwitchLabel(\"right\")) {\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\n rightText()\n }}</label>\n }\n </section>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_switch{align-items:center;cursor:pointer;display:flex;height:2rem;margin:.125rem 0;position:relative}.bmb_switch-position{margin-top:.5rem}.bmb_switch-content{width:max-content;display:inline-block}.bmb_switch-direction{display:inline-flex;flex-direction:row;padding:0 .5rem}.bmb_switch-input{opacity:0;height:0;width:0;position:absolute}.bmb_switch-input:checked+.bmb_switch-slider{background-color:var(--buttons-active-switch)}.bmb_switch-input:checked+.bmb_switch-slider:after{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider .material-symbols-rounded{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider:hover:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):hover+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-focus)}.bmb_switch-input:is(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-focus)}.bmb_switch-slider{background-color:rgb(var(--color-charade-700));border:0;border-radius:.9375rem;cursor:pointer;display:block;height:1.25rem;margin:0 .75rem;position:relative;transition:background-color .3s,left .3s;width:2.5rem}.bmb_switch-slider:after{background-color:rgb(var(--color-white-primary));border-radius:50%;bottom:0;content:\"\";height:2rem;left:-.75rem;margin:auto;position:absolute;top:0;transition:all .3s;width:2rem}.bmb_switch-slider .material-symbols-rounded{transition:all .3s}.bmb_switch-slider-icon{color:var(--general_contrasts-100);position:absolute;top:0;left:-.375rem;z-index:1;transition:all .3s}.bmb_switch-label{color:var(--general_contrasts-100);padding:0 .3125rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin:.5rem 0 .25rem .125rem;cursor:pointer}\n"] }]
|
|
2318
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\r\n type=\"checkbox\"\r\n [inputId]=\"inputId()\"\r\n [name]=\"name()\"\r\n [checked]=\"isChecked()\"\r\n [isDisabled]=\"disabled()\"\r\n [control]=\"control()\"\r\n>\r\n <section class=\"bmb_switch-direction\">\r\n @if (showSwitchLabel(\"left\")) {\r\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\r\n leftText()\r\n }}</label>\r\n }\r\n <span class=\"bmb_switch\">\r\n <input\r\n bmbControl\r\n class=\"bmb_switch-input\"\r\n type=\"checkbox\"\r\n [id]=\"inputId()\"\r\n [formControl]=\"control()\"\r\n [name]=\"name()\"\r\n [checked]=\"isChecked()\"\r\n [attr.aria-checked]=\"isChecked()\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [attr.aria-disabled]=\"disabled().toString()\"\r\n [tabindex]=\"disabled() ? -1 : 0\"\r\n (change)=\"handleChange($event)\"\r\n (keydown)=\"handleKeyDown($event)\"\r\n />\r\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-slider\">\r\n @if (!!getSwitchIcon()) {\r\n <bmb-icon\r\n class=\"bmb_switch-slider-icon\"\r\n [icon]=\"getSwitchIcon()\"\r\n [size]=\"20\"\r\n />\r\n }\r\n </label>\r\n </span>\r\n @if (showSwitchLabel(\"right\")) {\r\n <label [htmlFor]=\"inputId()\" class=\"bmb_switch-label\">{{\r\n rightText()\r\n }}</label>\r\n }\r\n </section>\r\n</bmb-input-validator>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_switch{align-items:center;cursor:pointer;display:flex;height:2rem;margin:.125rem 0;position:relative}.bmb_switch-position{margin-top:.5rem}.bmb_switch-content{width:max-content;display:inline-block}.bmb_switch-direction{display:inline-flex;flex-direction:row;padding:0 .5rem}.bmb_switch-input{opacity:0;height:0;width:0;position:absolute}.bmb_switch-input:checked+.bmb_switch-slider{background-color:var(--buttons-active-switch)}.bmb_switch-input:checked+.bmb_switch-slider:after{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider .material-symbols-rounded{transform:translate(2rem)}.bmb_switch-input:checked+.bmb_switch-slider:hover:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):hover+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-hover)}.bmb_switch-input:not(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-inactive-switch-box-shadow-focus)}.bmb_switch-input:is(:checked):focus:focus-visible+.bmb_switch-slider:after{box-shadow:0 0 0 .625rem var(--buttons-active-switch-box-shadow-focus)}.bmb_switch-slider{background-color:rgb(var(--color-charade-700));border:0;border-radius:.9375rem;cursor:pointer;display:block;height:1.25rem;margin:0 .75rem;position:relative;transition:background-color .3s,left .3s;width:2.5rem}.bmb_switch-slider:after{background-color:rgb(var(--color-white-primary));border-radius:50%;bottom:0;content:\"\";height:2rem;left:-.75rem;margin:auto;position:absolute;top:0;transition:all .3s;width:2rem}.bmb_switch-slider .material-symbols-rounded{transition:all .3s}.bmb_switch-slider-icon{color:var(--general_contrasts-100);position:absolute;top:0;left:-.375rem;z-index:1;transition:all .3s}.bmb_switch-label{color:var(--general_contrasts-100);padding:0 .3125rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem;margin:.5rem 0 .25rem .125rem;cursor:pointer}\n"] }]
|
|
2319
2319
|
}] });
|
|
2320
2320
|
|
|
2321
2321
|
class BmbRadialComponent {
|
|
@@ -3010,7 +3010,7 @@ class BmbTagComponent {
|
|
|
3010
3010
|
this.grouped = input(false);
|
|
3011
3011
|
this.dismissible = input(false);
|
|
3012
3012
|
this.rounded = input(false);
|
|
3013
|
-
this.activityTag = input(false);
|
|
3013
|
+
this.activityTag = input(false); //Disable
|
|
3014
3014
|
this.isDisabled = input(false);
|
|
3015
3015
|
this.isActive = input(false);
|
|
3016
3016
|
this.closedTag = output();
|
|
@@ -3036,10 +3036,14 @@ class BmbTagComponent {
|
|
|
3036
3036
|
'bmb_tag-rounded',
|
|
3037
3037
|
`bmb_tag-${this.appearance()}`,
|
|
3038
3038
|
];
|
|
3039
|
-
if (this.
|
|
3039
|
+
if (this.dismissible()) {
|
|
3040
|
+
if (this.isActive())
|
|
3041
|
+
classes.push('bmb_tag-active');
|
|
3042
|
+
if (this.isDisabled())
|
|
3043
|
+
classes.push('bmb_tag-disabled');
|
|
3044
|
+
}
|
|
3045
|
+
else
|
|
3040
3046
|
classes.push('bmb_tag-activity');
|
|
3041
|
-
if (this.isActive())
|
|
3042
|
-
classes.push('bmb_tag-active');
|
|
3043
3047
|
return classes;
|
|
3044
3048
|
}
|
|
3045
3049
|
closeTag(text) {
|
|
@@ -3049,11 +3053,11 @@ class BmbTagComponent {
|
|
|
3049
3053
|
this.clickedTag.emit(text);
|
|
3050
3054
|
}
|
|
3051
3055
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbTagComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3052
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbTagComponent, isStandalone: true, selector: "bmb-tag", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, activityTag: { classPropertyName: "activityTag", publicName: "activityTag", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closedTag: "closedTag", clickedTag: "clickedTag" }, ngImport: i0, template: "<ng-template #tag>\n <span class=\"bmb_tag-text\">{{ text() }}</span>\n @if (dismissible() && !activityTag()) {\n <bmb-icon\n [size]=\"16\"\n class=\"bmb_tag-btn\"\n (click)=\"closeTag(text())\"\n [icon]=\"'close'\"\n />\n }\n</ng-template>\n\n@if (activityTag()) {\n <div [ngClass]=\"getClasses()\">\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </div>\n} @else {\n <button\n type=\"button\"\n [disabled]=\"isDisabled()\"\n [ngClass]=\"getClasses()\"\n (click)=\"clickTag(text())\"\n >\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </button>\n}\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag:hover:not(.bmb_tag-activity){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active)}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3056
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbTagComponent, isStandalone: true, selector: "bmb-tag", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, activityTag: { classPropertyName: "activityTag", publicName: "activityTag", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closedTag: "closedTag", clickedTag: "clickedTag" }, ngImport: i0, template: "<ng-template #tag>\r\n <span class=\"bmb_tag-text\">{{ text() }}</span>\r\n @if (dismissible()) {\r\n <bmb-action-icon\r\n [iconSize]=\"16\"\r\n class=\"bmb_tag-btn\"\r\n (buttonClick)=\"closeTag(text())\"\r\n [icon]=\"'close'\"\r\n />\r\n }\r\n</ng-template>\r\n\r\n@if (dismissible()) {\r\n <button\r\n type=\"button\"\r\n [disabled]=\"isDisabled()\"\r\n [ngClass]=\"getClasses()\"\r\n (click)=\"clickTag(text())\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"tag\" />\r\n </button>\r\n} @else {\r\n <div [ngClass]=\"getClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"tag\" />\r\n </div>\r\n}\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3053
3057
|
}
|
|
3054
3058
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbTagComponent, decorators: [{
|
|
3055
3059
|
type: Component,
|
|
3056
|
-
args: [{ selector: 'bmb-tag', standalone: true, imports: [CommonModule, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #tag>\n <span class=\"bmb_tag-text\">{{ text() }}</span>\n @if (dismissible() && !activityTag()) {\n <bmb-icon\n [size]=\"16\"\n class=\"bmb_tag-btn\"\n (click)=\"closeTag(text())\"\n [icon]=\"'close'\"\n />\n }\n</ng-template>\n\n@if (activityTag()) {\n <div [ngClass]=\"getClasses()\">\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </div>\n} @else {\n <button\n type=\"button\"\n [disabled]=\"isDisabled()\"\n [ngClass]=\"getClasses()\"\n (click)=\"clickTag(text())\"\n >\n <ng-container [ngTemplateOutlet]=\"tag\" />\n </button>\n}\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag:hover:not(.bmb_tag-activity){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active)}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"] }]
|
|
3060
|
+
args: [{ selector: 'bmb-tag', standalone: true, imports: [CommonModule, BmbIconComponent, BmbActionIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #tag>\r\n <span class=\"bmb_tag-text\">{{ text() }}</span>\r\n @if (dismissible()) {\r\n <bmb-action-icon\r\n [iconSize]=\"16\"\r\n class=\"bmb_tag-btn\"\r\n (buttonClick)=\"closeTag(text())\"\r\n [icon]=\"'close'\"\r\n />\r\n }\r\n</ng-template>\r\n\r\n@if (dismissible()) {\r\n <button\r\n type=\"button\"\r\n [disabled]=\"isDisabled()\"\r\n [ngClass]=\"getClasses()\"\r\n (click)=\"clickTag(text())\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"tag\" />\r\n </button>\r\n} @else {\r\n <div [ngClass]=\"getClasses()\">\r\n <ng-container [ngTemplateOutlet]=\"tag\" />\r\n </div>\r\n}\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"] }]
|
|
3057
3061
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
3058
3062
|
|
|
3059
3063
|
class BmbFilterCardComponent {
|
|
@@ -4053,11 +4057,11 @@ class BmbTabsComponent {
|
|
|
4053
4057
|
return classes;
|
|
4054
4058
|
}
|
|
4055
4059
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbTabsComponent, deps: [{ token: TabsService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4056
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbTabsComponent, isStandalone: true, selector: "bmb-tabs", inputs: { appearanceContrast: { classPropertyName: "appearanceContrast", publicName: "appearanceContrast", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, selectedTabId: { classPropertyName: "selectedTabId", publicName: "selectedTabId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedTabId: "selectedTabIdChange", selected: "selected" }, viewQueries: [{ propertyName: "tabsItems", first: true, predicate: ["tabsItems"], descendants: true }], ngImport: i0, template: "<section [ngClass]=\"getTabsClasses()\">\n <div class=\"bmb_tabs-container\">\n @if (hasScroll()) {\n <bmb-action-icon\n class=\"bmb_tabs-scroll bmb_tabs-scroll-left\"\n icon=\"arrow_back_ios\"\n (buttonClick)=\"scrollTo(true)\"\n [disabled]=\"scrollLeft() === 0\"\n />\n }\n <ul\n role=\"tablist\"\n class=\"bmb_tabs-tab\"\n #tabsItems\n (scroll)=\"scrollEvent($event)\"\n >\n @for (tab of tabs(); track $index) {\n <li role=\"none\">\n <button\n role=\"tab\"\n [attr.aria-selected]=\"$index === selectedTabId() - 1\"\n [attr.tabindex]=\"$index === selectedTabId() - 1 ? 0 : -1\"\n class=\"bmb_tabs-item\"\n (click)=\"selectTab(tab.id)\"\n [ngClass]=\"{\n 'bmb_tabs-item-active': $index === selectedTabId() - 1,\n 'bmb_tabs-item-uppercase': format() === 'uppercase',\n 'bmb_tabs-item-mobile': tab.isMobile,\n 'bmb_tabs-item-desktop': tab.isDesktop,\n }\"\n >\n <span class=\"bmb_tabs-content\">\n {{ tab.title }}\n </span>\n @if (!!tab.badge) {\n <span class=\"bmb_tabs-badge\">{{ tab.badge }}</span>\n }\n </button>\n </li>\n }\n </ul>\n @if (hasScroll()) {\n <bmb-action-icon\n class=\"bmb_tabs-scroll bmb_tabs-scroll-left\"\n icon=\"arrow_forward_ios\"\n (buttonClick)=\"scrollTo(false)\"\n [disabled]=\"scrollRight() === 0\"\n />\n }\n </div>\n <section class=\"bmb_tabs-content-container\">\n <ng-content></ng-content>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tabs{display:flex;flex-flow:column;max-height:100%}.bmb_tabs-primary{background-color:var(--containers-background)}.bmb_tabs-alternative{background-color:var(--containers-main)}.bmb_tabs-content-container{flex:1;overflow:auto}.bmb_tabs-container{display:flex}.bmb_tabs-tab{display:flex;flex-flow:row nowrap;gap:1rem;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;list-style:none;padding:0;margin:0}.bmb_tabs-item{align-items:center;border-bottom:.125rem solid transparent;color:var(--general_contrasts-50);display:flex;gap:.5rem;height:2.5rem;justify-content:center;min-width:max-content;padding:.5rem;scroll-behavior:smooth;scroll-snap-align:start;text-align:center;transition:all .3s ease;line-height:1.125rem;font-family:Poppins-Medium,sans-serif;font-size:1rem;font-weight:500;width:auto;flex:1 0 auto;max-width:15rem}.bmb_tabs-item:hover,.bmb_tabs-item:focus-visible{color:var(--general_contrasts-100)}.bmb_tabs-item-active{border-bottom-color:var(--general_contrasts-input-outline);color:var(--general_contrasts-100)}.bmb_tabs-badge{align-items:center;color:var(--general_contrasts-50);display:flex;font-family:Poppins-Medium,sans-serif;font-size:.625rem;font-weight:600}.bmb_tabs-scroll-left{display:flex;padding:.5rem;align-items:center}\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"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4060
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbTabsComponent, isStandalone: true, selector: "bmb-tabs", inputs: { appearanceContrast: { classPropertyName: "appearanceContrast", publicName: "appearanceContrast", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, selectedTabId: { classPropertyName: "selectedTabId", publicName: "selectedTabId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedTabId: "selectedTabIdChange", selected: "selected" }, viewQueries: [{ propertyName: "tabsItems", first: true, predicate: ["tabsItems"], descendants: true }], ngImport: i0, template: "<section [ngClass]=\"getTabsClasses()\">\r\n <div class=\"bmb_tabs-container\">\r\n @if (hasScroll()) {\r\n <bmb-action-icon\r\n class=\"bmb_tabs-scroll bmb_tabs-scroll-left\"\r\n icon=\"arrow_back_ios\"\r\n (buttonClick)=\"scrollTo(true)\"\r\n [disabled]=\"scrollLeft() === 0\"\r\n />\r\n }\r\n <ul\r\n role=\"tablist\"\r\n class=\"bmb_tabs-tab\"\r\n #tabsItems\r\n (scroll)=\"scrollEvent($event)\"\r\n >\r\n @for (tab of tabs(); track $index) {\r\n <li role=\"none\" class=\"bmb_tabs-item-li\">\r\n <button\r\n role=\"tab\"\r\n [attr.aria-selected]=\"$index === selectedTabId() - 1\"\r\n [attr.tabindex]=\"$index === selectedTabId() - 1 ? 0 : -1\"\r\n class=\"bmb_tabs-item\"\r\n (click)=\"selectTab(tab.id)\"\r\n [ngClass]=\"{\r\n 'bmb_tabs-item-active': $index === selectedTabId() - 1,\r\n 'bmb_tabs-item-uppercase': format() === 'uppercase',\r\n 'bmb_tabs-item-mobile': tab.isMobile,\r\n 'bmb_tabs-item-desktop': tab.isDesktop,\r\n }\"\r\n >\r\n <span class=\"bmb_tabs-content\">\r\n {{ tab.title }}\r\n </span>\r\n @if (!!tab.badge) {\r\n <span class=\"bmb_tabs-badge\">{{ tab.badge }}</span>\r\n }\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n @if (hasScroll()) {\r\n <bmb-action-icon\r\n class=\"bmb_tabs-scroll bmb_tabs-scroll-left\"\r\n icon=\"arrow_forward_ios\"\r\n (buttonClick)=\"scrollTo(false)\"\r\n [disabled]=\"scrollRight() === 0\"\r\n />\r\n }\r\n </div>\r\n <section class=\"bmb_tabs-content-container\">\r\n <ng-content></ng-content>\r\n </section>\r\n</section>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tabs{display:flex;flex-flow:column;max-height:100%}.bmb_tabs-primary{background-color:var(--containers-background)}.bmb_tabs-alternative{background-color:var(--containers-main)}.bmb_tabs-content-container{flex:1;overflow:auto}.bmb_tabs-container{display:flex}.bmb_tabs-tab{display:flex;flex-flow:row nowrap;gap:1rem;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;list-style:none;padding:0;margin:0}.bmb_tabs-item{align-items:center;border-bottom:.125rem solid transparent;color:var(--general_contrasts-50);display:flex;gap:.5rem;height:2.5rem;justify-content:center;min-width:max-content;padding:.5rem;scroll-behavior:smooth;scroll-snap-align:start;text-align:center;transition:all .3s ease;line-height:1.125rem;font-family:Poppins-Medium,sans-serif;font-size:1rem;font-weight:500;width:100%}.bmb_tabs-item:hover,.bmb_tabs-item:focus-visible{color:var(--general_contrasts-100)}.bmb_tabs-item-active{border-bottom-color:var(--general_contrasts-input-outline);color:var(--general_contrasts-100)}.bmb_tabs-item-li{flex:1 0 auto;width:auto;max-width:15rem}.bmb_tabs-badge{align-items:center;color:var(--general_contrasts-50);display:flex;font-family:Poppins-Medium,sans-serif;font-size:.625rem;font-weight:600}.bmb_tabs-scroll-left{display:flex;padding:.5rem;align-items:center}\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"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4057
4061
|
}
|
|
4058
4062
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbTabsComponent, decorators: [{
|
|
4059
4063
|
type: Component,
|
|
4060
|
-
args: [{ selector: 'bmb-tabs', standalone: true, imports: [CommonModule, BmbActionIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section [ngClass]=\"getTabsClasses()\">\n <div class=\"bmb_tabs-container\">\n @if (hasScroll()) {\n <bmb-action-icon\n class=\"bmb_tabs-scroll bmb_tabs-scroll-left\"\n icon=\"arrow_back_ios\"\n (buttonClick)=\"scrollTo(true)\"\n [disabled]=\"scrollLeft() === 0\"\n />\n }\n <ul\n role=\"tablist\"\n class=\"bmb_tabs-tab\"\n #tabsItems\n (scroll)=\"scrollEvent($event)\"\n >\n @for (tab of tabs(); track $index) {\n <li role=\"none\">\n <button\n role=\"tab\"\n [attr.aria-selected]=\"$index === selectedTabId() - 1\"\n [attr.tabindex]=\"$index === selectedTabId() - 1 ? 0 : -1\"\n class=\"bmb_tabs-item\"\n (click)=\"selectTab(tab.id)\"\n [ngClass]=\"{\n 'bmb_tabs-item-active': $index === selectedTabId() - 1,\n 'bmb_tabs-item-uppercase': format() === 'uppercase',\n 'bmb_tabs-item-mobile': tab.isMobile,\n 'bmb_tabs-item-desktop': tab.isDesktop,\n }\"\n >\n <span class=\"bmb_tabs-content\">\n {{ tab.title }}\n </span>\n @if (!!tab.badge) {\n <span class=\"bmb_tabs-badge\">{{ tab.badge }}</span>\n }\n </button>\n </li>\n }\n </ul>\n @if (hasScroll()) {\n <bmb-action-icon\n class=\"bmb_tabs-scroll bmb_tabs-scroll-left\"\n icon=\"arrow_forward_ios\"\n (buttonClick)=\"scrollTo(false)\"\n [disabled]=\"scrollRight() === 0\"\n />\n }\n </div>\n <section class=\"bmb_tabs-content-container\">\n <ng-content></ng-content>\n </section>\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tabs{display:flex;flex-flow:column;max-height:100%}.bmb_tabs-primary{background-color:var(--containers-background)}.bmb_tabs-alternative{background-color:var(--containers-main)}.bmb_tabs-content-container{flex:1;overflow:auto}.bmb_tabs-container{display:flex}.bmb_tabs-tab{display:flex;flex-flow:row nowrap;gap:1rem;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;list-style:none;padding:0;margin:0}.bmb_tabs-item{align-items:center;border-bottom:.125rem solid transparent;color:var(--general_contrasts-50);display:flex;gap:.5rem;height:2.5rem;justify-content:center;min-width:max-content;padding:.5rem;scroll-behavior:smooth;scroll-snap-align:start;text-align:center;transition:all .3s ease;line-height:1.125rem;font-family:Poppins-Medium,sans-serif;font-size:1rem;font-weight:500;width:
|
|
4064
|
+
args: [{ selector: 'bmb-tabs', standalone: true, imports: [CommonModule, BmbActionIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section [ngClass]=\"getTabsClasses()\">\r\n <div class=\"bmb_tabs-container\">\r\n @if (hasScroll()) {\r\n <bmb-action-icon\r\n class=\"bmb_tabs-scroll bmb_tabs-scroll-left\"\r\n icon=\"arrow_back_ios\"\r\n (buttonClick)=\"scrollTo(true)\"\r\n [disabled]=\"scrollLeft() === 0\"\r\n />\r\n }\r\n <ul\r\n role=\"tablist\"\r\n class=\"bmb_tabs-tab\"\r\n #tabsItems\r\n (scroll)=\"scrollEvent($event)\"\r\n >\r\n @for (tab of tabs(); track $index) {\r\n <li role=\"none\" class=\"bmb_tabs-item-li\">\r\n <button\r\n role=\"tab\"\r\n [attr.aria-selected]=\"$index === selectedTabId() - 1\"\r\n [attr.tabindex]=\"$index === selectedTabId() - 1 ? 0 : -1\"\r\n class=\"bmb_tabs-item\"\r\n (click)=\"selectTab(tab.id)\"\r\n [ngClass]=\"{\r\n 'bmb_tabs-item-active': $index === selectedTabId() - 1,\r\n 'bmb_tabs-item-uppercase': format() === 'uppercase',\r\n 'bmb_tabs-item-mobile': tab.isMobile,\r\n 'bmb_tabs-item-desktop': tab.isDesktop,\r\n }\"\r\n >\r\n <span class=\"bmb_tabs-content\">\r\n {{ tab.title }}\r\n </span>\r\n @if (!!tab.badge) {\r\n <span class=\"bmb_tabs-badge\">{{ tab.badge }}</span>\r\n }\r\n </button>\r\n </li>\r\n }\r\n </ul>\r\n @if (hasScroll()) {\r\n <bmb-action-icon\r\n class=\"bmb_tabs-scroll bmb_tabs-scroll-left\"\r\n icon=\"arrow_forward_ios\"\r\n (buttonClick)=\"scrollTo(false)\"\r\n [disabled]=\"scrollRight() === 0\"\r\n />\r\n }\r\n </div>\r\n <section class=\"bmb_tabs-content-container\">\r\n <ng-content></ng-content>\r\n </section>\r\n</section>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tabs{display:flex;flex-flow:column;max-height:100%}.bmb_tabs-primary{background-color:var(--containers-background)}.bmb_tabs-alternative{background-color:var(--containers-main)}.bmb_tabs-content-container{flex:1;overflow:auto}.bmb_tabs-container{display:flex}.bmb_tabs-tab{display:flex;flex-flow:row nowrap;gap:1rem;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;list-style:none;padding:0;margin:0}.bmb_tabs-item{align-items:center;border-bottom:.125rem solid transparent;color:var(--general_contrasts-50);display:flex;gap:.5rem;height:2.5rem;justify-content:center;min-width:max-content;padding:.5rem;scroll-behavior:smooth;scroll-snap-align:start;text-align:center;transition:all .3s ease;line-height:1.125rem;font-family:Poppins-Medium,sans-serif;font-size:1rem;font-weight:500;width:100%}.bmb_tabs-item:hover,.bmb_tabs-item:focus-visible{color:var(--general_contrasts-100)}.bmb_tabs-item-active{border-bottom-color:var(--general_contrasts-input-outline);color:var(--general_contrasts-100)}.bmb_tabs-item-li{flex:1 0 auto;width:auto;max-width:15rem}.bmb_tabs-badge{align-items:center;color:var(--general_contrasts-50);display:flex;font-family:Poppins-Medium,sans-serif;font-size:.625rem;font-weight:600}.bmb_tabs-scroll-left{display:flex;padding:.5rem;align-items:center}\n"] }]
|
|
4061
4065
|
}], ctorParameters: () => [{ type: TabsService }, { type: i0.NgZone }], propDecorators: { tabsItems: [{
|
|
4062
4066
|
type: ViewChild,
|
|
4063
4067
|
args: ['tabsItems']
|
|
@@ -4330,7 +4334,7 @@ class BmbSidebarComponent {
|
|
|
4330
4334
|
return 'arrow_back_ios_new';
|
|
4331
4335
|
}
|
|
4332
4336
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4333
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbSidebarComponent, isStandalone: true, selector: "bmb-sidebar", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:focusin": "onFocusIn($event)", "window:focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "sideNav", first: true, predicate: ["sideNav"], descendants: true }], ngImport: i0, template: "<!-- Template for element -->\n<ng-template #elementTemplate let-element=\"element\">\n <bmb-icon class=\"bmb_sidebar-icon\" [icon]=\"element?.icon!\" />\n <span class=\"bmb_sidebar-text\">{{ element!.title }}</span>\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]=\"item.id.toString()\"\n [link]=\"getLink(item.link, !!item.children)\"\n [target]=\"item.target!\"\n (buttonClick)=\"toggleChildren(item)\"\n >\n <ng-container\n *ngTemplateOutlet=\"elementTemplate; context: { element: item }\"\n />\n @if (!!item.children) {\n @if (position() === \"right\") {\n <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_left\" />\n } @else {\n <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_right\" />\n }\n }\n </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-isMobile=\"isMobile\">\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group.slice(0, 5); track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' && hasSubmenu && !element.children?.length,\n }\"\n (click)=\"checkToCloseSidebar(element)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: element, isMobile: isMobile }\n \"\n />\n @if (!!element.children) {\n <section\n class=\"bmb_sidebar-children\"\n [ngClass]=\"{\n 'bmb_sidebar-children-open': selectedElement === element,\n }\"\n >\n @if (!!selectedElement && isOpen) {\n <section class=\"bmb_sidebar-title\">\n <button\n class=\"bmb_sidebar-title-button\"\n [id]=\"element.id\"\n bmbButton\n appearance=\"transparent\"\n icon=\"chevron_left\"\n [iconSize]=\"24\"\n size=\"micro\"\n (click)=\"toggleChildren(element)\"\n ></button>\n\n <ng-container\n *ngTemplateOutlet=\"\n elementTemplate;\n context: { element: selectedElement }\n \"\n />\n <button\n class=\"bmb_sidebar-title-button\"\n [id]=\"element.id\"\n bmbButton\n appearance=\"transparent\"\n icon=\"close\"\n [iconSize]=\"24\"\n size=\"micro\"\n (click)=\"toggleSidebar()\"\n ></button>\n </section>\n }\n <ul class=\"bmb_sidebar-list\">\n @for (child of element?.children?.slice(0, 6); track $index) {\n <li\n class=\"bmb_sidebar-item\"\n (click)=\"checkToCloseSidebar(child)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: child }\n \"\n />\n </li>\n }\n </ul>\n </section>\n }\n </li>\n }\n </ul>\n }\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)=\"closeSideBar()\"\n>\n <div class=\"bmb_sidebar-content\">\n <ng-container\n *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: false }\"\n />\n </div>\n</nav>\n\n<!-- Mobile -->\n<nav\n class=\"bmb_sidebar bmb_sidebar-mobile\"\n [ngClass]=\"{\n 'bmb_sidebar-open': isOpen,\n 'bmb_sidebar-mobile-right': position() === 'right',\n }\"\n aria-label=\"Sidebar Navigation\"\n>\n <button class=\"bmb_sidebar-button\" type=\"button\" (click)=\"toggleSidebar()\">\n @if (isOpen) {\n <span class=\"bmb_sidebar-button-text\">{{ title() }}</span>\n }\n <bmb-icon class=\"bmb_sidebar-button-icon\" [icon]=\"getMobileIcon()\" />\n </button>\n @if (isOpen) {\n <ng-container\n *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: true }\"\n />\n }\n</nav>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:.8;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:.8;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:.8;width:110%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:RGBA(var(--color-black-primary));border-radius:0 .5rem .5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}@media (min-width: 1000px){.bmb_sidebar{border-radius:0 1.5rem 1.5rem 0}}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{border-radius:0 .5rem .5rem 0;cursor:pointer;top:calc(4.1875rem + 5%);width:1.75rem}@media (min-height: 630px) and (min-width: 1000px){.bmb_sidebar-mobile{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceRightMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:100%;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}@media (max-height: 629px) and (min-width: 1000px){.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceChildrenMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:17.5rem;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}}.bmb_sidebar-mobile-right{right:0;left:auto;border-radius:.5rem 0 0 .5rem}.bmb_sidebar-mobile-right .bmb_check-external-link-button .bmb_sidebar-arrow .material-symbols-rounded{transform:rotate(180deg)}.bmb_sidebar-mobile .bmb_sidebar-button{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:0;width:100%}.bmb_sidebar-mobile .bmb_sidebar-button-icon{color:RGBA(var(--color-white-primary));font-size:1rem}.bmb_sidebar-mobile .bmb_sidebar-button-text{color:RGBA(var(--color-white-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto}@media (min-width: 1000px){.bmb_sidebar-desktop-right{border-radius:1.5rem 0 0 1.5rem}}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-height: 631px) and (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid RGBA(var(--color-charade-800));margin-top:2rem;padding-top:2rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;color:RGBA(var(--color-white-primary));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:RGBA(var(--color-white-primary));color:RGBA(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{font-size:1.5rem;padding:0 .5rem}.bmb_sidebar-text{display:block;flex:1;opacity:0;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:RGBA(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid RGBA(var(--color-charade-800));color:RGBA(var(--color-white-primary));display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-title-button{color:RGBA(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}.bmb_sidebar-title .bmb_sidebar-text{display:flex}.bmb_sidebar-title .bmb_sidebar-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_sidebar .bmb-active-link{display:flex;align-items:center;height:100%;width:100%;background-color:RGBA(var(--color-white-primary));border-radius:1.5rem;color:RGBA(var(--color-black-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4337
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbSidebarComponent, isStandalone: true, selector: "bmb-sidebar", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:focusin": "onFocusIn($event)", "window:focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "sideNav", first: true, predicate: ["sideNav"], descendants: true }], ngImport: i0, template: "<!-- Template for element -->\r\n<ng-template #elementTemplate let-element=\"element\">\r\n <bmb-icon\r\n class=\"bmb_sidebar-icon\"\r\n [icon]=\"element?.icon!\"\r\n [alt]=\"element.title\"\r\n />\r\n <span class=\"bmb_sidebar-text\">{{ element!.title }}</span>\r\n</ng-template>\r\n\r\n<!-- Template for menu items -->\r\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\r\n <bmb-check-external-link-button\r\n class=\"bmb_sidebar-link\"\r\n [idElement]=\"item.id.toString()\"\r\n [link]=\"getLink(item.link, !!item.children)\"\r\n [target]=\"item.target!\"\r\n (buttonClick)=\"toggleChildren(item)\"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"elementTemplate; context: { element: item }\"\r\n />\r\n @if (!!item.children) {\r\n @if (position() === \"right\") {\r\n <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_left\" />\r\n } @else {\r\n <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_right\" />\r\n }\r\n }\r\n </bmb-check-external-link-button>\r\n</ng-template>\r\n\r\n<!-- Template for navigation -->\r\n<ng-template #sidebarTemplate let-isMobile=\"isMobile\">\r\n @for (group of elements().slice(0, 2); track $index) {\r\n <ul class=\"bmb_sidebar-list\">\r\n @for (element of group.slice(0, 5); track $index) {\r\n <li\r\n class=\"bmb_sidebar-item\"\r\n [ngClass]=\"{\r\n 'bmb_sidebar-item-left-space':\r\n position() === 'right' && hasSubmenu && !element.children?.length,\r\n }\"\r\n (click)=\"checkToCloseSidebar(element)\"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n itemsTemplate;\r\n context: { item: element, isMobile: isMobile }\r\n \"\r\n />\r\n @if (!!element.children) {\r\n <section\r\n class=\"bmb_sidebar-children\"\r\n [ngClass]=\"{\r\n 'bmb_sidebar-children-open': selectedElement === element,\r\n }\"\r\n >\r\n @if (!!selectedElement && isOpen) {\r\n <section class=\"bmb_sidebar-title\">\r\n <button\r\n class=\"bmb_sidebar-title-button\"\r\n [id]=\"element.id\"\r\n bmbButton\r\n appearance=\"transparent\"\r\n icon=\"chevron_left\"\r\n [iconSize]=\"24\"\r\n size=\"micro\"\r\n (click)=\"toggleChildren(element)\"\r\n ></button>\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n elementTemplate;\r\n context: { element: selectedElement }\r\n \"\r\n />\r\n <button\r\n class=\"bmb_sidebar-title-button\"\r\n [id]=\"element.id\"\r\n bmbButton\r\n appearance=\"transparent\"\r\n icon=\"close\"\r\n [iconSize]=\"24\"\r\n size=\"micro\"\r\n (click)=\"toggleSidebar()\"\r\n ></button>\r\n </section>\r\n }\r\n <ul class=\"bmb_sidebar-list\">\r\n @for (child of element?.children?.slice(0, 6); track $index) {\r\n <li\r\n class=\"bmb_sidebar-item\"\r\n (click)=\"checkToCloseSidebar(child)\"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n itemsTemplate;\r\n context: { item: child }\r\n \"\r\n />\r\n </li>\r\n }\r\n </ul>\r\n </section>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n\r\n<!-- Web -->\r\n<nav\r\n #sideNav\r\n class=\"bmb_sidebar bmb_sidebar-desktop\"\r\n aria-label=\"Sidebar Navigation\"\r\n [ngClass]=\"{\r\n 'bmb-active': isActive,\r\n 'bmb_sidebar-desktop-right': position() === 'right',\r\n }\"\r\n (mouseleave)=\"closeSideBar()\"\r\n>\r\n <div class=\"bmb_sidebar-content\">\r\n <ng-container\r\n *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: false }\"\r\n />\r\n </div>\r\n</nav>\r\n\r\n<!-- Mobile -->\r\n<nav\r\n class=\"bmb_sidebar bmb_sidebar-mobile\"\r\n [ngClass]=\"{\r\n 'bmb_sidebar-open': isOpen,\r\n 'bmb_sidebar-mobile-right': position() === 'right',\r\n }\"\r\n aria-label=\"Sidebar Navigation\"\r\n>\r\n <button class=\"bmb_sidebar-button\" type=\"button\" (click)=\"toggleSidebar()\">\r\n @if (isOpen) {\r\n <span class=\"bmb_sidebar-button-text\">{{ title() }}</span>\r\n }\r\n <bmb-icon class=\"bmb_sidebar-button-icon\" [icon]=\"getMobileIcon()\" />\r\n </button>\r\n @if (isOpen) {\r\n <ng-container\r\n *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: true }\"\r\n />\r\n }\r\n</nav>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:.8;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:.8;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:.8;width:110%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:RGBA(var(--color-black-primary));border-radius:0 .5rem .5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}@media (min-width: 1000px){.bmb_sidebar{border-radius:0 1.5rem 1.5rem 0}}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{border-radius:0 .5rem .5rem 0;cursor:pointer;top:calc(4.1875rem + 5%);width:1.75rem}@media (min-height: 630px) and (min-width: 1000px){.bmb_sidebar-mobile{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceRightMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:100%;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}@media (max-height: 629px) and (min-width: 1000px){.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceChildrenMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:17.5rem;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}}.bmb_sidebar-mobile-right{right:0;left:auto;border-radius:.5rem 0 0 .5rem}.bmb_sidebar-mobile-right .bmb_check-external-link-button .bmb_sidebar-arrow .material-symbols-rounded{transform:rotate(180deg)}.bmb_sidebar-mobile .bmb_sidebar-button{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:0;width:100%}.bmb_sidebar-mobile .bmb_sidebar-button-icon{color:RGBA(var(--color-white-primary));font-size:1rem}.bmb_sidebar-mobile .bmb_sidebar-button-text{color:RGBA(var(--color-white-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto}@media (min-width: 1000px){.bmb_sidebar-desktop-right{border-radius:1.5rem 0 0 1.5rem}}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-height: 631px) and (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid RGBA(var(--color-charade-800));margin-top:2rem;padding-top:2rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;color:RGBA(var(--color-white-primary));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:RGBA(var(--color-white-primary));color:RGBA(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{font-size:1.5rem;padding:0 .5rem}.bmb_sidebar-text{display:block;flex:1;opacity:0;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:RGBA(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid RGBA(var(--color-charade-800));color:RGBA(var(--color-white-primary));display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-title-button{color:RGBA(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}.bmb_sidebar-title .bmb_sidebar-text{display:flex}.bmb_sidebar-title .bmb_sidebar-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_sidebar .bmb-active-link{display:flex;align-items:center;height:100%;width:100%;background-color:RGBA(var(--color-white-primary));border-radius:1.5rem;color:RGBA(var(--color-black-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4334
4338
|
}
|
|
4335
4339
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbSidebarComponent, decorators: [{
|
|
4336
4340
|
type: Component,
|
|
@@ -4339,7 +4343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
4339
4343
|
BmbButtonDirective,
|
|
4340
4344
|
BmbIconComponent,
|
|
4341
4345
|
BmbCheckExternalLinkButtonComponent,
|
|
4342
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\n<ng-template #elementTemplate let-element=\"element\">\n <bmb-icon class=\"bmb_sidebar-icon\" [icon]=\"element?.icon!\" />\n <span class=\"bmb_sidebar-text\">{{ element!.title }}</span>\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]=\"item.id.toString()\"\n [link]=\"getLink(item.link, !!item.children)\"\n [target]=\"item.target!\"\n (buttonClick)=\"toggleChildren(item)\"\n >\n <ng-container\n *ngTemplateOutlet=\"elementTemplate; context: { element: item }\"\n />\n @if (!!item.children) {\n @if (position() === \"right\") {\n <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_left\" />\n } @else {\n <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_right\" />\n }\n }\n </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-isMobile=\"isMobile\">\n @for (group of elements().slice(0, 2); track $index) {\n <ul class=\"bmb_sidebar-list\">\n @for (element of group.slice(0, 5); track $index) {\n <li\n class=\"bmb_sidebar-item\"\n [ngClass]=\"{\n 'bmb_sidebar-item-left-space':\n position() === 'right' && hasSubmenu && !element.children?.length,\n }\"\n (click)=\"checkToCloseSidebar(element)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: element, isMobile: isMobile }\n \"\n />\n @if (!!element.children) {\n <section\n class=\"bmb_sidebar-children\"\n [ngClass]=\"{\n 'bmb_sidebar-children-open': selectedElement === element,\n }\"\n >\n @if (!!selectedElement && isOpen) {\n <section class=\"bmb_sidebar-title\">\n <button\n class=\"bmb_sidebar-title-button\"\n [id]=\"element.id\"\n bmbButton\n appearance=\"transparent\"\n icon=\"chevron_left\"\n [iconSize]=\"24\"\n size=\"micro\"\n (click)=\"toggleChildren(element)\"\n ></button>\n\n <ng-container\n *ngTemplateOutlet=\"\n elementTemplate;\n context: { element: selectedElement }\n \"\n />\n <button\n class=\"bmb_sidebar-title-button\"\n [id]=\"element.id\"\n bmbButton\n appearance=\"transparent\"\n icon=\"close\"\n [iconSize]=\"24\"\n size=\"micro\"\n (click)=\"toggleSidebar()\"\n ></button>\n </section>\n }\n <ul class=\"bmb_sidebar-list\">\n @for (child of element?.children?.slice(0, 6); track $index) {\n <li\n class=\"bmb_sidebar-item\"\n (click)=\"checkToCloseSidebar(child)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemsTemplate;\n context: { item: child }\n \"\n />\n </li>\n }\n </ul>\n </section>\n }\n </li>\n }\n </ul>\n }\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)=\"closeSideBar()\"\n>\n <div class=\"bmb_sidebar-content\">\n <ng-container\n *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: false }\"\n />\n </div>\n</nav>\n\n<!-- Mobile -->\n<nav\n class=\"bmb_sidebar bmb_sidebar-mobile\"\n [ngClass]=\"{\n 'bmb_sidebar-open': isOpen,\n 'bmb_sidebar-mobile-right': position() === 'right',\n }\"\n aria-label=\"Sidebar Navigation\"\n>\n <button class=\"bmb_sidebar-button\" type=\"button\" (click)=\"toggleSidebar()\">\n @if (isOpen) {\n <span class=\"bmb_sidebar-button-text\">{{ title() }}</span>\n }\n <bmb-icon class=\"bmb_sidebar-button-icon\" [icon]=\"getMobileIcon()\" />\n </button>\n @if (isOpen) {\n <ng-container\n *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: true }\"\n />\n }\n</nav>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:.8;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:.8;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:.8;width:110%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:RGBA(var(--color-black-primary));border-radius:0 .5rem .5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}@media (min-width: 1000px){.bmb_sidebar{border-radius:0 1.5rem 1.5rem 0}}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{border-radius:0 .5rem .5rem 0;cursor:pointer;top:calc(4.1875rem + 5%);width:1.75rem}@media (min-height: 630px) and (min-width: 1000px){.bmb_sidebar-mobile{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceRightMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:100%;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}@media (max-height: 629px) and (min-width: 1000px){.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceChildrenMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:17.5rem;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}}.bmb_sidebar-mobile-right{right:0;left:auto;border-radius:.5rem 0 0 .5rem}.bmb_sidebar-mobile-right .bmb_check-external-link-button .bmb_sidebar-arrow .material-symbols-rounded{transform:rotate(180deg)}.bmb_sidebar-mobile .bmb_sidebar-button{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:0;width:100%}.bmb_sidebar-mobile .bmb_sidebar-button-icon{color:RGBA(var(--color-white-primary));font-size:1rem}.bmb_sidebar-mobile .bmb_sidebar-button-text{color:RGBA(var(--color-white-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto}@media (min-width: 1000px){.bmb_sidebar-desktop-right{border-radius:1.5rem 0 0 1.5rem}}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-height: 631px) and (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid RGBA(var(--color-charade-800));margin-top:2rem;padding-top:2rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;color:RGBA(var(--color-white-primary));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:RGBA(var(--color-white-primary));color:RGBA(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{font-size:1.5rem;padding:0 .5rem}.bmb_sidebar-text{display:block;flex:1;opacity:0;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:RGBA(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid RGBA(var(--color-charade-800));color:RGBA(var(--color-white-primary));display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-title-button{color:RGBA(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}.bmb_sidebar-title .bmb_sidebar-text{display:flex}.bmb_sidebar-title .bmb_sidebar-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_sidebar .bmb-active-link{display:flex;align-items:center;height:100%;width:100%;background-color:RGBA(var(--color-white-primary));border-radius:1.5rem;color:RGBA(var(--color-black-primary))}\n"] }]
|
|
4346
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\r\n<ng-template #elementTemplate let-element=\"element\">\r\n <bmb-icon\r\n class=\"bmb_sidebar-icon\"\r\n [icon]=\"element?.icon!\"\r\n [alt]=\"element.title\"\r\n />\r\n <span class=\"bmb_sidebar-text\">{{ element!.title }}</span>\r\n</ng-template>\r\n\r\n<!-- Template for menu items -->\r\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\r\n <bmb-check-external-link-button\r\n class=\"bmb_sidebar-link\"\r\n [idElement]=\"item.id.toString()\"\r\n [link]=\"getLink(item.link, !!item.children)\"\r\n [target]=\"item.target!\"\r\n (buttonClick)=\"toggleChildren(item)\"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"elementTemplate; context: { element: item }\"\r\n />\r\n @if (!!item.children) {\r\n @if (position() === \"right\") {\r\n <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_left\" />\r\n } @else {\r\n <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_right\" />\r\n }\r\n }\r\n </bmb-check-external-link-button>\r\n</ng-template>\r\n\r\n<!-- Template for navigation -->\r\n<ng-template #sidebarTemplate let-isMobile=\"isMobile\">\r\n @for (group of elements().slice(0, 2); track $index) {\r\n <ul class=\"bmb_sidebar-list\">\r\n @for (element of group.slice(0, 5); track $index) {\r\n <li\r\n class=\"bmb_sidebar-item\"\r\n [ngClass]=\"{\r\n 'bmb_sidebar-item-left-space':\r\n position() === 'right' && hasSubmenu && !element.children?.length,\r\n }\"\r\n (click)=\"checkToCloseSidebar(element)\"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n itemsTemplate;\r\n context: { item: element, isMobile: isMobile }\r\n \"\r\n />\r\n @if (!!element.children) {\r\n <section\r\n class=\"bmb_sidebar-children\"\r\n [ngClass]=\"{\r\n 'bmb_sidebar-children-open': selectedElement === element,\r\n }\"\r\n >\r\n @if (!!selectedElement && isOpen) {\r\n <section class=\"bmb_sidebar-title\">\r\n <button\r\n class=\"bmb_sidebar-title-button\"\r\n [id]=\"element.id\"\r\n bmbButton\r\n appearance=\"transparent\"\r\n icon=\"chevron_left\"\r\n [iconSize]=\"24\"\r\n size=\"micro\"\r\n (click)=\"toggleChildren(element)\"\r\n ></button>\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n elementTemplate;\r\n context: { element: selectedElement }\r\n \"\r\n />\r\n <button\r\n class=\"bmb_sidebar-title-button\"\r\n [id]=\"element.id\"\r\n bmbButton\r\n appearance=\"transparent\"\r\n icon=\"close\"\r\n [iconSize]=\"24\"\r\n size=\"micro\"\r\n (click)=\"toggleSidebar()\"\r\n ></button>\r\n </section>\r\n }\r\n <ul class=\"bmb_sidebar-list\">\r\n @for (child of element?.children?.slice(0, 6); track $index) {\r\n <li\r\n class=\"bmb_sidebar-item\"\r\n (click)=\"checkToCloseSidebar(child)\"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n itemsTemplate;\r\n context: { item: child }\r\n \"\r\n />\r\n </li>\r\n }\r\n </ul>\r\n </section>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n\r\n<!-- Web -->\r\n<nav\r\n #sideNav\r\n class=\"bmb_sidebar bmb_sidebar-desktop\"\r\n aria-label=\"Sidebar Navigation\"\r\n [ngClass]=\"{\r\n 'bmb-active': isActive,\r\n 'bmb_sidebar-desktop-right': position() === 'right',\r\n }\"\r\n (mouseleave)=\"closeSideBar()\"\r\n>\r\n <div class=\"bmb_sidebar-content\">\r\n <ng-container\r\n *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: false }\"\r\n />\r\n </div>\r\n</nav>\r\n\r\n<!-- Mobile -->\r\n<nav\r\n class=\"bmb_sidebar bmb_sidebar-mobile\"\r\n [ngClass]=\"{\r\n 'bmb_sidebar-open': isOpen,\r\n 'bmb_sidebar-mobile-right': position() === 'right',\r\n }\"\r\n aria-label=\"Sidebar Navigation\"\r\n>\r\n <button class=\"bmb_sidebar-button\" type=\"button\" (click)=\"toggleSidebar()\">\r\n @if (isOpen) {\r\n <span class=\"bmb_sidebar-button-text\">{{ title() }}</span>\r\n }\r\n <bmb-icon class=\"bmb_sidebar-button-icon\" [icon]=\"getMobileIcon()\" />\r\n </button>\r\n @if (isOpen) {\r\n <ng-container\r\n *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: true }\"\r\n />\r\n }\r\n</nav>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:.8;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:.8;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:.8;width:110%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:RGBA(var(--color-black-primary));border-radius:0 .5rem .5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}@media (min-width: 1000px){.bmb_sidebar{border-radius:0 1.5rem 1.5rem 0}}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{border-radius:0 .5rem .5rem 0;cursor:pointer;top:calc(4.1875rem + 5%);width:1.75rem}@media (min-height: 630px) and (min-width: 1000px){.bmb_sidebar-mobile{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceRightMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:100%;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}@media (max-height: 629px) and (min-width: 1000px){.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceChildrenMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:17.5rem;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}}.bmb_sidebar-mobile-right{right:0;left:auto;border-radius:.5rem 0 0 .5rem}.bmb_sidebar-mobile-right .bmb_check-external-link-button .bmb_sidebar-arrow .material-symbols-rounded{transform:rotate(180deg)}.bmb_sidebar-mobile .bmb_sidebar-button{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:0;width:100%}.bmb_sidebar-mobile .bmb_sidebar-button-icon{color:RGBA(var(--color-white-primary));font-size:1rem}.bmb_sidebar-mobile .bmb_sidebar-button-text{color:RGBA(var(--color-white-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto}@media (min-width: 1000px){.bmb_sidebar-desktop-right{border-radius:1.5rem 0 0 1.5rem}}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-height: 631px) and (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid RGBA(var(--color-charade-800));margin-top:2rem;padding-top:2rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;color:RGBA(var(--color-white-primary));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:RGBA(var(--color-white-primary));color:RGBA(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{font-size:1.5rem;padding:0 .5rem}.bmb_sidebar-text{display:block;flex:1;opacity:0;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:RGBA(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid RGBA(var(--color-charade-800));color:RGBA(var(--color-white-primary));display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-title-button{color:RGBA(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}.bmb_sidebar-title .bmb_sidebar-text{display:flex}.bmb_sidebar-title .bmb_sidebar-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_sidebar .bmb-active-link{display:flex;align-items:center;height:100%;width:100%;background-color:RGBA(var(--color-white-primary));border-radius:1.5rem;color:RGBA(var(--color-black-primary))}\n"] }]
|
|
4343
4347
|
}], propDecorators: { sideNav: [{
|
|
4344
4348
|
type: ViewChild,
|
|
4345
4349
|
args: ['sideNav']
|
|
@@ -5441,7 +5445,7 @@ class BmbTotpComponent {
|
|
|
5441
5445
|
return this.codeForm.get(name);
|
|
5442
5446
|
}
|
|
5443
5447
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbTotpComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5444
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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 }, maxCode: { classPropertyName: "maxCode", publicName: "maxCode", 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\">\r\n <form class=\"bmb_totp-form\" [formGroup]=\"codeForm\" (ngSubmit)=\"onSubmit()\">\r\n <bmb-container\r\n class=\"bmb_totp-container\"\r\n [appearance]=\"'contrast-box-container'\"\r\n >\r\n <bmb-icon class=\"bmb_totp-icon\" icon=\"lock\" [size]=\"48\" />\r\n <h2 class=\"bmb_totp-title\">{{ title() }}</h2>\r\n <h3 class=\"bmb_totp-subtitle\">{{ subtitle() }}</h3>\r\n <section class=\"bmb_totp-code\">\r\n @for (field of codesArray(); track $index) {\r\n <section class=\"bmb_totp-separator\">\r\n <bmb-input-content\r\n type=\"number\"\r\n class=\"bmb_totp-input\"\r\n [inputId]=\"'code_' + instanceId() + '_' + $index\"\r\n [name]=\"'name_' + instanceId() + '_' + $index\"\r\n [maxLength]=\"1\"\r\n [isError]=\"codeError()\"\r\n [control]=\"getFormControl('name_' + instanceId() + '_' + $index)\"\r\n (onKeyUp)=\"handleKeyUp($event, $index)\"\r\n />\r\n </section>\r\n }\r\n </section>\r\n @if (codeError()) {\r\n <p class=\"bmb_totp-error\">{{ errorMessage() }}</p>\r\n }\r\n @if (showButton()) {\r\n <button\r\n class=\"bmb_totp-button\"\r\n bmbButton\r\n size=\"large\"\r\n type=\"submit\"\r\n [disabled]=\"disableButton()\"\r\n >\r\n {{ buttonText() }}\r\n </button>\r\n }\r\n @if (showButton() && helperText()) {\r\n <p class=\"bmb_totp-helper\">\r\n {{ helperText() }}\r\n </p>\r\n }\r\n </bmb-container>\r\n </form>\r\n</section>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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-Semibold,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:50%;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:.25rem;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:var(--input-error)}\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", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isDisabled", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5448
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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 }, maxCode: { classPropertyName: "maxCode", publicName: "maxCode", 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\">{{ title() }}</h2>\n <h3 class=\"bmb_totp-subtitle\">{{ subtitle() }}</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-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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-Semibold,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:50%;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:.25rem;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:var(--input-error)}\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", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isDisabled", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5445
5449
|
}
|
|
5446
5450
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbTotpComponent, decorators: [{
|
|
5447
5451
|
type: Component,
|
|
@@ -5452,7 +5456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
5452
5456
|
BmbIconComponent,
|
|
5453
5457
|
BmbInputContentComponent,
|
|
5454
5458
|
BmbButtonDirective,
|
|
5455
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_totp\">\
|
|
5459
|
+
], 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\">{{ title() }}</h2>\n <h3 class=\"bmb_totp-subtitle\">{{ subtitle() }}</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-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_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-Semibold,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:50%;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:.25rem;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:var(--input-error)}\n"] }]
|
|
5456
5460
|
}], ctorParameters: () => [{ type: i2.FormBuilder }], propDecorators: { handleKeyDown: [{
|
|
5457
5461
|
type: HostListener,
|
|
5458
5462
|
args: ['keydown', ['$event']]
|
|
@@ -6369,7 +6373,7 @@ class BmbTablesComponent {
|
|
|
6369
6373
|
return classList;
|
|
6370
6374
|
}
|
|
6371
6375
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbTablesComponent, deps: [{ token: i0.Renderer2 }, { token: i1$3.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6372
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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 } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", 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()\">\r\n @if (showSearch() || filtersVisible()) {\r\n <header class=\"bmb_table-header\">\r\n <div class=\"bmb_table-filter\">\r\n @if (showSearch()) {\r\n <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\r\n <bmb-input\r\n class=\"bmb_table-search\"\r\n [type]=\"'text'\"\r\n [placeholder]=\"'Buscar'\"\r\n [disabled]=\"false\"\r\n [icon]=\"'search'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"searchControl\"\r\n ></bmb-input>\r\n </section>\r\n }\r\n\r\n @if (filtersVisible()) {\r\n @for (column of parsedFiltersColumns(); track $index) {\r\n <section class=\"bmb_table-filter-item\">\r\n @switch (column.type) {\r\n @case (\"number\") {\r\n <div class=\"bmb_table-filter-item-number\" margin=\"none\">\r\n <bmb-input\r\n [label]=\"column.label + ' m\u00EDnimo'\"\r\n [type]=\"'number'\"\r\n [placeholder]=\"'M\u00EDn'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl(column.dataKey + '_min')\"\r\n />\r\n <bmb-input\r\n [label]=\"column.label + ' m\u00E1ximo'\"\r\n [type]=\"'number'\"\r\n [placeholder]=\"'M\u00E1x'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl(column.dataKey + '_max')\"\r\n />\r\n </div>\r\n }\r\n\r\n @case (\"date\") {\r\n <bmb-date-range\r\n [label]=\"column.label\"\r\n [placeholderStartDate]=\"'Desde'\"\r\n [placeholderEndDate]=\"'Hasta'\"\r\n [icon]=\"'calendar_month'\"\r\n [appearance]=\"'normal'\"\r\n [dateFormat]=\"'dd/MM/yyyy'\"\r\n [controlStart]=\"getFormControl(column.dataKey + '_from')\"\r\n [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\r\n (startDateChange)=\"\r\n getFormControl(column.dataKey + '_from').setValue($event)\r\n \"\r\n (endDateChange)=\"\r\n getFormControl(column.dataKey + '_to').setValue($event)\r\n \"\r\n />\r\n }\r\n\r\n @default {\r\n <bmb-input\r\n [label]=\"column.label\"\r\n [placeholder]=\"'Filtrar'\"\r\n [control]=\"getFormControl(column.dataKey + '_contains')\"\r\n />\r\n }\r\n }\r\n </section>\r\n }\r\n }\r\n </div>\r\n </header>\r\n }\r\n <div class=\"bmb_table-container\">\r\n @if (showFilters()) {\r\n <bmb-action-icon\r\n [idElement]=\"''\"\r\n [icon]=\"'filter_list'\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"toggleFilters()\"\r\n ></bmb-action-icon>\r\n }\r\n <section class=\"bmb_table-container-table\">\r\n <table\r\n mat-table\r\n [dataSource]=\"dataSource\"\r\n class=\"bmb_table-content\"\r\n multiTemplateDataRows\r\n >\r\n <!-- Checkbox Column -->\r\n <ng-container matColumnDef=\"select\" sticky>\r\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\r\n <bmb-checkbox\r\n (change)=\"$event ? toggleAllRows() : null\"\r\n [checked]=\"selection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n [ariaLabel]=\"checkboxLabel()\"\r\n [disabled]=\"false\"\r\n />\r\n </th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\r\n <bmb-checkbox\r\n (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\r\n [checked]=\"selection.isSelected(row)\"\r\n [ariaLabel]=\"checkboxLabel(row)\"\r\n [disabled]=\"false\"\r\n onkeypress=\"$event.stopPropagation()\"\r\n />\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Expand Column -->\r\n <ng-container matColumnDef=\"expand\" sticky>\r\n <th\r\n mat-header-cell\r\n *matHeaderCellDef\r\n class=\"bmb_table-expand\"\r\n aria-label=\"row actions\"\r\n >\r\n \r\n </th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\r\n <ng-container *ngIf=\"row.detail\">\r\n <button\r\n mat-icon-button\r\n aria-label=\"expand row\"\r\n (click)=\"\r\n expandedElement = expandedElement === row ? null : row;\r\n $event.stopPropagation()\r\n \"\r\n >\r\n <bmb-icon\r\n [icon]=\"\r\n expandedElement === row ? 'expand_less' : 'expand_more'\r\n \"\r\n />\r\n </button>\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Display Columns -->\r\n @for (column of tableColumns; track column; let i = $index) {\r\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\r\n <th\r\n mat-header-cell\r\n *matHeaderCellDef\r\n #headerCell\r\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\r\n matTooltipPosition=\"below\"\r\n matTooltipClass=\"bmb_tooltip\"\r\n [ngClass]=\"{\r\n 'bmb_table-sticky': i === 0,\r\n truncated: truncate(),\r\n wrapped: wrap(),\r\n }\"\r\n >\r\n <!-- T\u00EDtulo -->\r\n @if (column.htmlLabel) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.htmlLabel\"\r\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\r\n ></ng-template>\r\n } @else {\r\n {{ this.lang() === \"es\" ? column.label : column.labelEn }}\r\n }\r\n\r\n <!-- Resize Handle -->\r\n <span\r\n class=\"bmb_table-resize\"\r\n (mousedown)=\"onResizeColumn($event, i)\"\r\n ></span>\r\n </th>\r\n\r\n <td\r\n mat-cell\r\n *matCellDef=\"let row; let a = index\"\r\n #cell\r\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\r\n tooltipClass=\"bmb_tooltip\"\r\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\r\n >\r\n @if (isTemplateRef(row[column.dataKey + \"Template\"])) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\r\n [ngTemplateOutletContext]=\"{ row: row }\"\r\n ></ng-template>\r\n } @else {\r\n {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\r\n }\r\n </td>\r\n </ng-container>\r\n }\r\n\r\n <!-- Actions Column -->\r\n <ng-container matColumnDef=\"actions\" stickyEnd>\r\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"actionTemplate()!\"\r\n [ngTemplateOutletContext]=\"{ row: row }\"\r\n >\r\n </ng-template>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Row to expand -->\r\n <ng-container matColumnDef=\"expandedDetail\">\r\n <td\r\n mat-cell\r\n *matCellDef=\"let row\"\r\n [attr.colspan]=\"tableDisplayColumns.length\"\r\n >\r\n <div\r\n class=\"bmb_table-detail\"\r\n [@detailExpand]=\"\r\n row == expandedElement ? 'expanded' : 'collapsed'\r\n \"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\r\n ></ng-container>\r\n </div>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Rows -->\r\n <tr\r\n mat-header-row\r\n *matHeaderRowDef=\"tableDisplayColumns\"\r\n class=\"bmb_table-row\"\r\n ></tr>\r\n\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\r\n (click)=\"onSelectRow(row)\"\r\n class=\"bmb_table-row\"\r\n [class.bmb_table-expandible]=\"expandedElement === row\"\r\n [ngClass]=\"{\r\n 'bmb_table-even': isEven(i),\r\n 'bmb_table-odd': isOdd(i),\r\n }\"\r\n ></tr>\r\n\r\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\r\n class=\"bmb_table-details\"\r\n [class.bmb_table-expanded]=\"expandedElement === row\"\r\n ></tr>\r\n </ng-container>\r\n </table>\r\n\r\n </section>\r\n <!-- Paginator -->\r\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\r\n <mat-paginator\r\n #paginator\r\n [length]=\"totalItems()\"\r\n [pageSize]=\"this.pageSize()\"\r\n [hidePageSize]=\"true\"\r\n (page)=\"onPageEvent($event)\"\r\n >\r\n </mat-paginator>\r\n\r\n <div class=\"bmb_table-paginator\">\r\n <span class=\"bmb_table-paginator-text\">{{\r\n getPaginationText()\r\n }}</span>\r\n\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() === 0\r\n : !paginator?.hasPreviousPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_double_arrow_left\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() === 0\r\n : !paginator?.hasPreviousPage(),\r\n }\"\r\n (click)=\"\r\n serverSide() ? goToPreviousPage() : paginator.previousPage()\r\n \"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_arrow_left\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_arrow_right\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_double_arrow_right\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{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: 1000px){.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: 1000px){.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: 1000px){.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: 1000px){.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: 600px){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 600px){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 699px){.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: 699px){.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-row{height:2.875rem}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:0 .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}@media (min-width: 768px){.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: 1200px){.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:RGBA(var(--color-charade-500));overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Medium,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(--vertical-step-active-color)}.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(--color-table-btn-900);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", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "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", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "label", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "appearance", "disabled", "isRequired", "isClearable", "controlStart", "controlEnd", "dateFormat", "placeholderStartDate", "placeholderEndDate", "stepYearPicker", "name", "multipleRow"], outputs: ["controlStartChange", "controlEndChange"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], animations: [
|
|
6376
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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 } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", 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()\">\r\n @if (showSearch() || filtersVisible()) {\r\n <header class=\"bmb_table-header\">\r\n <div class=\"bmb_table-filter\">\r\n @if (showSearch()) {\r\n <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\r\n <bmb-input\r\n class=\"bmb_table-search\"\r\n [type]=\"'text'\"\r\n [placeholder]=\"'Buscar'\"\r\n [disabled]=\"false\"\r\n [icon]=\"'search'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"searchControl\"\r\n ></bmb-input>\r\n </section>\r\n }\r\n\r\n @if (filtersVisible()) {\r\n @for (column of parsedFiltersColumns(); track $index) {\r\n <section class=\"bmb_table-filter-item\">\r\n @switch (column.type) {\r\n @case (\"number\") {\r\n <div class=\"bmb_table-filter-item-number\" margin=\"none\">\r\n <bmb-input\r\n [label]=\"column.label + ' m\u00EDnimo'\"\r\n [type]=\"'number'\"\r\n [placeholder]=\"'M\u00EDn'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl(column.dataKey + '_min')\"\r\n />\r\n <bmb-input\r\n [label]=\"column.label + ' m\u00E1ximo'\"\r\n [type]=\"'number'\"\r\n [placeholder]=\"'M\u00E1x'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl(column.dataKey + '_max')\"\r\n />\r\n </div>\r\n }\r\n\r\n @case (\"date\") {\r\n <bmb-date-range\r\n [label]=\"column.label\"\r\n [placeholderStartDate]=\"'Desde'\"\r\n [placeholderEndDate]=\"'Hasta'\"\r\n [icon]=\"'calendar_month'\"\r\n [appearance]=\"'normal'\"\r\n [dateFormat]=\"'dd/MM/yyyy'\"\r\n [controlStart]=\"getFormControl(column.dataKey + '_from')\"\r\n [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\r\n (startDateChange)=\"\r\n getFormControl(column.dataKey + '_from').setValue($event)\r\n \"\r\n (endDateChange)=\"\r\n getFormControl(column.dataKey + '_to').setValue($event)\r\n \"\r\n />\r\n }\r\n\r\n @default {\r\n <bmb-input\r\n [label]=\"column.label\"\r\n [placeholder]=\"'Filtrar'\"\r\n [control]=\"getFormControl(column.dataKey + '_contains')\"\r\n />\r\n }\r\n }\r\n </section>\r\n }\r\n }\r\n </div>\r\n </header>\r\n }\r\n <div class=\"bmb_table-container\">\r\n @if (showFilters()) {\r\n <bmb-action-icon\r\n [idElement]=\"''\"\r\n [icon]=\"'filter_list'\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"toggleFilters()\"\r\n ></bmb-action-icon>\r\n }\r\n <section class=\"bmb_table-container-table\">\r\n <table\r\n mat-table\r\n [dataSource]=\"dataSource\"\r\n class=\"bmb_table-content\"\r\n multiTemplateDataRows\r\n >\r\n <!-- Checkbox Column -->\r\n <ng-container matColumnDef=\"select\" sticky>\r\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\r\n <bmb-checkbox\r\n (change)=\"$event ? toggleAllRows() : null\"\r\n [checked]=\"selection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n [ariaLabel]=\"checkboxLabel()\"\r\n [disabled]=\"false\"\r\n />\r\n </th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\r\n <bmb-checkbox\r\n (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\r\n [checked]=\"selection.isSelected(row)\"\r\n [ariaLabel]=\"checkboxLabel(row)\"\r\n [disabled]=\"false\"\r\n onkeypress=\"$event.stopPropagation()\"\r\n />\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Expand Column -->\r\n <ng-container matColumnDef=\"expand\" sticky>\r\n <th\r\n mat-header-cell\r\n *matHeaderCellDef\r\n class=\"bmb_table-expand\"\r\n aria-label=\"row actions\"\r\n >\r\n \r\n </th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\r\n <ng-container *ngIf=\"row.detail\">\r\n <button\r\n mat-icon-button\r\n aria-label=\"expand row\"\r\n (click)=\"\r\n expandedElement = expandedElement === row ? null : row;\r\n $event.stopPropagation()\r\n \"\r\n >\r\n <bmb-icon\r\n [icon]=\"\r\n expandedElement === row ? 'expand_less' : 'expand_more'\r\n \"\r\n />\r\n </button>\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Display Columns -->\r\n @for (column of tableColumns; track column; let i = $index) {\r\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\r\n <th\r\n mat-header-cell\r\n *matHeaderCellDef\r\n #headerCell\r\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\r\n matTooltipPosition=\"below\"\r\n matTooltipClass=\"bmb_tooltip\"\r\n [ngClass]=\"{\r\n 'bmb_table-sticky': i === 0,\r\n truncated: truncate(),\r\n wrapped: wrap(),\r\n }\"\r\n >\r\n <!-- T\u00EDtulo -->\r\n @if (column.htmlLabel) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.htmlLabel\"\r\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\r\n ></ng-template>\r\n } @else {\r\n {{ this.lang() === \"es\" ? column.label : column.labelEn }}\r\n }\r\n\r\n <!-- Resize Handle -->\r\n <span\r\n class=\"bmb_table-resize\"\r\n (mousedown)=\"onResizeColumn($event, i)\"\r\n ></span>\r\n </th>\r\n\r\n <td\r\n mat-cell\r\n *matCellDef=\"let row; let a = index\"\r\n #cell\r\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\r\n tooltipClass=\"bmb_tooltip\"\r\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\r\n >\r\n @if (isTemplateRef(row[column.dataKey + \"Template\"])) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\r\n [ngTemplateOutletContext]=\"{ row: row }\"\r\n ></ng-template>\r\n } @else {\r\n {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\r\n }\r\n </td>\r\n </ng-container>\r\n }\r\n\r\n <!-- Actions Column -->\r\n <ng-container matColumnDef=\"actions\" stickyEnd>\r\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"actionTemplate()!\"\r\n [ngTemplateOutletContext]=\"{ row: row }\"\r\n >\r\n </ng-template>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Row to expand -->\r\n <ng-container matColumnDef=\"expandedDetail\">\r\n <td\r\n mat-cell\r\n *matCellDef=\"let row\"\r\n [attr.colspan]=\"tableDisplayColumns.length\"\r\n >\r\n <div\r\n class=\"bmb_table-detail\"\r\n [@detailExpand]=\"\r\n row == expandedElement ? 'expanded' : 'collapsed'\r\n \"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\r\n ></ng-container>\r\n </div>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Rows -->\r\n <tr\r\n mat-header-row\r\n *matHeaderRowDef=\"tableDisplayColumns\"\r\n class=\"bmb_table-row\"\r\n ></tr>\r\n\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\r\n (click)=\"onSelectRow(row)\"\r\n class=\"bmb_table-row\"\r\n [class.bmb_table-expandible]=\"expandedElement === row\"\r\n [ngClass]=\"{\r\n 'bmb_table-even': isEven(i),\r\n 'bmb_table-odd': isOdd(i),\r\n }\"\r\n ></tr>\r\n\r\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\r\n class=\"bmb_table-details\"\r\n [class.bmb_table-expanded]=\"expandedElement === row\"\r\n ></tr>\r\n </ng-container>\r\n </table>\r\n </section>\r\n <!-- Paginator -->\r\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\r\n <mat-paginator\r\n #paginator\r\n [length]=\"totalItems()\"\r\n [pageSize]=\"this.pageSize()\"\r\n [hidePageSize]=\"true\"\r\n (page)=\"onPageEvent($event)\"\r\n >\r\n </mat-paginator>\r\n\r\n <div class=\"bmb_table-paginator\">\r\n <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\r\n\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() === 0\r\n : !paginator?.hasPreviousPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_double_arrow_left\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() === 0\r\n : !paginator?.hasPreviousPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_arrow_left\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_arrow_right\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_double_arrow_right\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{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: 1000px){.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: 1000px){.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: 1000px){.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: 1000px){.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: 600px){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 600px){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 699px){.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: 699px){.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-row{height:2.875rem}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:0 .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}@media (min-width: 768px){.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: 1200px){.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:RGBA(var(--color-charade-500));overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Medium,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(--vertical-step-active-color)}.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(--color-table-btn-900);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", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "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", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "label", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "appearance", "disabled", "isRequired", "isClearable", "controlStart", "controlEnd", "dateFormat", "placeholderStartDate", "placeholderEndDate", "stepYearPicker", "name", "multipleRow"], outputs: ["controlStartChange", "controlEndChange"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], animations: [
|
|
6373
6377
|
trigger('detailExpand', [
|
|
6374
6378
|
state('collapsed,void', style({ height: '0px', minHeight: '0' })),
|
|
6375
6379
|
state('expanded', style({ height: '*' })),
|
|
@@ -6403,7 +6407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
6403
6407
|
state('expanded', style({ height: '*' })),
|
|
6404
6408
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
|
|
6405
6409
|
]),
|
|
6406
|
-
], template: "<div [ngClass]=\"getTableClasses()\">\r\n @if (showSearch() || filtersVisible()) {\r\n <header class=\"bmb_table-header\">\r\n <div class=\"bmb_table-filter\">\r\n @if (showSearch()) {\r\n <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\r\n <bmb-input\r\n class=\"bmb_table-search\"\r\n [type]=\"'text'\"\r\n [placeholder]=\"'Buscar'\"\r\n [disabled]=\"false\"\r\n [icon]=\"'search'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"searchControl\"\r\n ></bmb-input>\r\n </section>\r\n }\r\n\r\n @if (filtersVisible()) {\r\n @for (column of parsedFiltersColumns(); track $index) {\r\n <section class=\"bmb_table-filter-item\">\r\n @switch (column.type) {\r\n @case (\"number\") {\r\n <div class=\"bmb_table-filter-item-number\" margin=\"none\">\r\n <bmb-input\r\n [label]=\"column.label + ' m\u00EDnimo'\"\r\n [type]=\"'number'\"\r\n [placeholder]=\"'M\u00EDn'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl(column.dataKey + '_min')\"\r\n />\r\n <bmb-input\r\n [label]=\"column.label + ' m\u00E1ximo'\"\r\n [type]=\"'number'\"\r\n [placeholder]=\"'M\u00E1x'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl(column.dataKey + '_max')\"\r\n />\r\n </div>\r\n }\r\n\r\n @case (\"date\") {\r\n <bmb-date-range\r\n [label]=\"column.label\"\r\n [placeholderStartDate]=\"'Desde'\"\r\n [placeholderEndDate]=\"'Hasta'\"\r\n [icon]=\"'calendar_month'\"\r\n [appearance]=\"'normal'\"\r\n [dateFormat]=\"'dd/MM/yyyy'\"\r\n [controlStart]=\"getFormControl(column.dataKey + '_from')\"\r\n [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\r\n (startDateChange)=\"\r\n getFormControl(column.dataKey + '_from').setValue($event)\r\n \"\r\n (endDateChange)=\"\r\n getFormControl(column.dataKey + '_to').setValue($event)\r\n \"\r\n />\r\n }\r\n\r\n @default {\r\n <bmb-input\r\n [label]=\"column.label\"\r\n [placeholder]=\"'Filtrar'\"\r\n [control]=\"getFormControl(column.dataKey + '_contains')\"\r\n />\r\n }\r\n }\r\n </section>\r\n }\r\n }\r\n </div>\r\n </header>\r\n }\r\n <div class=\"bmb_table-container\">\r\n @if (showFilters()) {\r\n <bmb-action-icon\r\n [idElement]=\"''\"\r\n [icon]=\"'filter_list'\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"toggleFilters()\"\r\n ></bmb-action-icon>\r\n }\r\n <section class=\"bmb_table-container-table\">\r\n <table\r\n mat-table\r\n [dataSource]=\"dataSource\"\r\n class=\"bmb_table-content\"\r\n multiTemplateDataRows\r\n >\r\n <!-- Checkbox Column -->\r\n <ng-container matColumnDef=\"select\" sticky>\r\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\r\n <bmb-checkbox\r\n (change)=\"$event ? toggleAllRows() : null\"\r\n [checked]=\"selection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n [ariaLabel]=\"checkboxLabel()\"\r\n [disabled]=\"false\"\r\n />\r\n </th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\r\n <bmb-checkbox\r\n (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\r\n [checked]=\"selection.isSelected(row)\"\r\n [ariaLabel]=\"checkboxLabel(row)\"\r\n [disabled]=\"false\"\r\n onkeypress=\"$event.stopPropagation()\"\r\n />\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Expand Column -->\r\n <ng-container matColumnDef=\"expand\" sticky>\r\n <th\r\n mat-header-cell\r\n *matHeaderCellDef\r\n class=\"bmb_table-expand\"\r\n aria-label=\"row actions\"\r\n >\r\n \r\n </th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\r\n <ng-container *ngIf=\"row.detail\">\r\n <button\r\n mat-icon-button\r\n aria-label=\"expand row\"\r\n (click)=\"\r\n expandedElement = expandedElement === row ? null : row;\r\n $event.stopPropagation()\r\n \"\r\n >\r\n <bmb-icon\r\n [icon]=\"\r\n expandedElement === row ? 'expand_less' : 'expand_more'\r\n \"\r\n />\r\n </button>\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Display Columns -->\r\n @for (column of tableColumns; track column; let i = $index) {\r\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\r\n <th\r\n mat-header-cell\r\n *matHeaderCellDef\r\n #headerCell\r\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\r\n matTooltipPosition=\"below\"\r\n matTooltipClass=\"bmb_tooltip\"\r\n [ngClass]=\"{\r\n 'bmb_table-sticky': i === 0,\r\n truncated: truncate(),\r\n wrapped: wrap(),\r\n }\"\r\n >\r\n <!-- T\u00EDtulo -->\r\n @if (column.htmlLabel) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.htmlLabel\"\r\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\r\n ></ng-template>\r\n } @else {\r\n {{ this.lang() === \"es\" ? column.label : column.labelEn }}\r\n }\r\n\r\n <!-- Resize Handle -->\r\n <span\r\n class=\"bmb_table-resize\"\r\n (mousedown)=\"onResizeColumn($event, i)\"\r\n ></span>\r\n </th>\r\n\r\n <td\r\n mat-cell\r\n *matCellDef=\"let row; let a = index\"\r\n #cell\r\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\r\n tooltipClass=\"bmb_tooltip\"\r\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\r\n >\r\n @if (isTemplateRef(row[column.dataKey + \"Template\"])) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\r\n [ngTemplateOutletContext]=\"{ row: row }\"\r\n ></ng-template>\r\n } @else {\r\n {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\r\n }\r\n </td>\r\n </ng-container>\r\n }\r\n\r\n <!-- Actions Column -->\r\n <ng-container matColumnDef=\"actions\" stickyEnd>\r\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"actionTemplate()!\"\r\n [ngTemplateOutletContext]=\"{ row: row }\"\r\n >\r\n </ng-template>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Row to expand -->\r\n <ng-container matColumnDef=\"expandedDetail\">\r\n <td\r\n mat-cell\r\n *matCellDef=\"let row\"\r\n [attr.colspan]=\"tableDisplayColumns.length\"\r\n >\r\n <div\r\n class=\"bmb_table-detail\"\r\n [@detailExpand]=\"\r\n row == expandedElement ? 'expanded' : 'collapsed'\r\n \"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\r\n ></ng-container>\r\n </div>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Rows -->\r\n <tr\r\n mat-header-row\r\n *matHeaderRowDef=\"tableDisplayColumns\"\r\n class=\"bmb_table-row\"\r\n ></tr>\r\n\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\r\n (click)=\"onSelectRow(row)\"\r\n class=\"bmb_table-row\"\r\n [class.bmb_table-expandible]=\"expandedElement === row\"\r\n [ngClass]=\"{\r\n 'bmb_table-even': isEven(i),\r\n 'bmb_table-odd': isOdd(i),\r\n }\"\r\n ></tr>\r\n\r\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\r\n class=\"bmb_table-details\"\r\n [class.bmb_table-expanded]=\"expandedElement === row\"\r\n ></tr>\r\n </ng-container>\r\n </table>\r\n\r\n </section>\r\n <!-- Paginator -->\r\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\r\n <mat-paginator\r\n #paginator\r\n [length]=\"totalItems()\"\r\n [pageSize]=\"this.pageSize()\"\r\n [hidePageSize]=\"true\"\r\n (page)=\"onPageEvent($event)\"\r\n >\r\n </mat-paginator>\r\n\r\n <div class=\"bmb_table-paginator\">\r\n <span class=\"bmb_table-paginator-text\">{{\r\n getPaginationText()\r\n }}</span>\r\n\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() === 0\r\n : !paginator?.hasPreviousPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_double_arrow_left\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() === 0\r\n : !paginator?.hasPreviousPage(),\r\n }\"\r\n (click)=\"\r\n serverSide() ? goToPreviousPage() : paginator.previousPage()\r\n \"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_arrow_left\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_arrow_right\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_double_arrow_right\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{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: 1000px){.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: 1000px){.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: 1000px){.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: 1000px){.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: 600px){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 600px){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 699px){.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: 699px){.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-row{height:2.875rem}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:0 .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}@media (min-width: 768px){.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: 1200px){.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:RGBA(var(--color-charade-500));overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Medium,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(--vertical-step-active-color)}.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(--color-table-btn-900);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"] }]
|
|
6410
|
+
], template: "<div [ngClass]=\"getTableClasses()\">\r\n @if (showSearch() || filtersVisible()) {\r\n <header class=\"bmb_table-header\">\r\n <div class=\"bmb_table-filter\">\r\n @if (showSearch()) {\r\n <section class=\"bmb_table-filter-item bmb_table-filter-item-search\">\r\n <bmb-input\r\n class=\"bmb_table-search\"\r\n [type]=\"'text'\"\r\n [placeholder]=\"'Buscar'\"\r\n [disabled]=\"false\"\r\n [icon]=\"'search'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"searchControl\"\r\n ></bmb-input>\r\n </section>\r\n }\r\n\r\n @if (filtersVisible()) {\r\n @for (column of parsedFiltersColumns(); track $index) {\r\n <section class=\"bmb_table-filter-item\">\r\n @switch (column.type) {\r\n @case (\"number\") {\r\n <div class=\"bmb_table-filter-item-number\" margin=\"none\">\r\n <bmb-input\r\n [label]=\"column.label + ' m\u00EDnimo'\"\r\n [type]=\"'number'\"\r\n [placeholder]=\"'M\u00EDn'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl(column.dataKey + '_min')\"\r\n />\r\n <bmb-input\r\n [label]=\"column.label + ' m\u00E1ximo'\"\r\n [type]=\"'number'\"\r\n [placeholder]=\"'M\u00E1x'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl(column.dataKey + '_max')\"\r\n />\r\n </div>\r\n }\r\n\r\n @case (\"date\") {\r\n <bmb-date-range\r\n [label]=\"column.label\"\r\n [placeholderStartDate]=\"'Desde'\"\r\n [placeholderEndDate]=\"'Hasta'\"\r\n [icon]=\"'calendar_month'\"\r\n [appearance]=\"'normal'\"\r\n [dateFormat]=\"'dd/MM/yyyy'\"\r\n [controlStart]=\"getFormControl(column.dataKey + '_from')\"\r\n [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\r\n (startDateChange)=\"\r\n getFormControl(column.dataKey + '_from').setValue($event)\r\n \"\r\n (endDateChange)=\"\r\n getFormControl(column.dataKey + '_to').setValue($event)\r\n \"\r\n />\r\n }\r\n\r\n @default {\r\n <bmb-input\r\n [label]=\"column.label\"\r\n [placeholder]=\"'Filtrar'\"\r\n [control]=\"getFormControl(column.dataKey + '_contains')\"\r\n />\r\n }\r\n }\r\n </section>\r\n }\r\n }\r\n </div>\r\n </header>\r\n }\r\n <div class=\"bmb_table-container\">\r\n @if (showFilters()) {\r\n <bmb-action-icon\r\n [idElement]=\"''\"\r\n [icon]=\"'filter_list'\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"toggleFilters()\"\r\n ></bmb-action-icon>\r\n }\r\n <section class=\"bmb_table-container-table\">\r\n <table\r\n mat-table\r\n [dataSource]=\"dataSource\"\r\n class=\"bmb_table-content\"\r\n multiTemplateDataRows\r\n >\r\n <!-- Checkbox Column -->\r\n <ng-container matColumnDef=\"select\" sticky>\r\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\r\n <bmb-checkbox\r\n (change)=\"$event ? toggleAllRows() : null\"\r\n [checked]=\"selection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n [ariaLabel]=\"checkboxLabel()\"\r\n [disabled]=\"false\"\r\n />\r\n </th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\r\n <bmb-checkbox\r\n (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\r\n [checked]=\"selection.isSelected(row)\"\r\n [ariaLabel]=\"checkboxLabel(row)\"\r\n [disabled]=\"false\"\r\n onkeypress=\"$event.stopPropagation()\"\r\n />\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Expand Column -->\r\n <ng-container matColumnDef=\"expand\" sticky>\r\n <th\r\n mat-header-cell\r\n *matHeaderCellDef\r\n class=\"bmb_table-expand\"\r\n aria-label=\"row actions\"\r\n >\r\n \r\n </th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\r\n <ng-container *ngIf=\"row.detail\">\r\n <button\r\n mat-icon-button\r\n aria-label=\"expand row\"\r\n (click)=\"\r\n expandedElement = expandedElement === row ? null : row;\r\n $event.stopPropagation()\r\n \"\r\n >\r\n <bmb-icon\r\n [icon]=\"\r\n expandedElement === row ? 'expand_less' : 'expand_more'\r\n \"\r\n />\r\n </button>\r\n </ng-container>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Display Columns -->\r\n @for (column of tableColumns; track column; let i = $index) {\r\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\r\n <th\r\n mat-header-cell\r\n *matHeaderCellDef\r\n #headerCell\r\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\r\n matTooltipPosition=\"below\"\r\n matTooltipClass=\"bmb_tooltip\"\r\n [ngClass]=\"{\r\n 'bmb_table-sticky': i === 0,\r\n truncated: truncate(),\r\n wrapped: wrap(),\r\n }\"\r\n >\r\n <!-- T\u00EDtulo -->\r\n @if (column.htmlLabel) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"column.htmlLabel\"\r\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\r\n ></ng-template>\r\n } @else {\r\n {{ this.lang() === \"es\" ? column.label : column.labelEn }}\r\n }\r\n\r\n <!-- Resize Handle -->\r\n <span\r\n class=\"bmb_table-resize\"\r\n (mousedown)=\"onResizeColumn($event, i)\"\r\n ></span>\r\n </th>\r\n\r\n <td\r\n mat-cell\r\n *matCellDef=\"let row; let a = index\"\r\n #cell\r\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\r\n tooltipClass=\"bmb_tooltip\"\r\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\r\n >\r\n @if (isTemplateRef(row[column.dataKey + \"Template\"])) {\r\n <ng-template\r\n [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\r\n [ngTemplateOutletContext]=\"{ row: row }\"\r\n ></ng-template>\r\n } @else {\r\n {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\r\n }\r\n </td>\r\n </ng-container>\r\n }\r\n\r\n <!-- Actions Column -->\r\n <ng-container matColumnDef=\"actions\" stickyEnd>\r\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\r\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"actionTemplate()!\"\r\n [ngTemplateOutletContext]=\"{ row: row }\"\r\n >\r\n </ng-template>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Row to expand -->\r\n <ng-container matColumnDef=\"expandedDetail\">\r\n <td\r\n mat-cell\r\n *matCellDef=\"let row\"\r\n [attr.colspan]=\"tableDisplayColumns.length\"\r\n >\r\n <div\r\n class=\"bmb_table-detail\"\r\n [@detailExpand]=\"\r\n row == expandedElement ? 'expanded' : 'collapsed'\r\n \"\r\n >\r\n <ng-container\r\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\r\n ></ng-container>\r\n </div>\r\n </td>\r\n </ng-container>\r\n\r\n <!-- Rows -->\r\n <tr\r\n mat-header-row\r\n *matHeaderRowDef=\"tableDisplayColumns\"\r\n class=\"bmb_table-row\"\r\n ></tr>\r\n\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\r\n (click)=\"onSelectRow(row)\"\r\n class=\"bmb_table-row\"\r\n [class.bmb_table-expandible]=\"expandedElement === row\"\r\n [ngClass]=\"{\r\n 'bmb_table-even': isEven(i),\r\n 'bmb_table-odd': isOdd(i),\r\n }\"\r\n ></tr>\r\n\r\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\r\n class=\"bmb_table-details\"\r\n [class.bmb_table-expanded]=\"expandedElement === row\"\r\n ></tr>\r\n </ng-container>\r\n </table>\r\n </section>\r\n <!-- Paginator -->\r\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\r\n <mat-paginator\r\n #paginator\r\n [length]=\"totalItems()\"\r\n [pageSize]=\"this.pageSize()\"\r\n [hidePageSize]=\"true\"\r\n (page)=\"onPageEvent($event)\"\r\n >\r\n </mat-paginator>\r\n\r\n <div class=\"bmb_table-paginator\">\r\n <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\r\n\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() === 0\r\n : !paginator?.hasPreviousPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToFirstPage() : paginator.firstPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_double_arrow_left\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() === 0 : !paginator?.hasPreviousPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() === 0\r\n : !paginator?.hasPreviousPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToPreviousPage() : paginator.previousPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_arrow_left\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToNextPage() : paginator.nextPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_arrow_right\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage()\r\n \"\r\n [ngClass]=\"{\r\n 'bmb_table-paginator-btn-disabled': serverSide()\r\n ? currentPage() >= lastPage()\r\n : !paginator?.hasNextPage(),\r\n }\"\r\n (click)=\"serverSide() ? goToLastPage() : paginator.lastPage()\"\r\n class=\"bmb_table-paginator-btn\"\r\n >\r\n <bmb-icon\r\n icon=\"keyboard_double_arrow_right\"\r\n class=\"bmb_table-paginator-icon\"\r\n />\r\n </button>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table{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: 1000px){.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: 1000px){.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: 1000px){.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: 1000px){.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: 600px){.bmb_table-header .bmb_table-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table-filter-item{width:100%}@container (min-width: 600px){.bmb_table-filter-item{width:calc(50% - .5rem)}}.bmb_table-filter-item-number{display:flex;flex-flow:row}@media (max-width: 699px){.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: 699px){.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-row{height:2.875rem}.bmb_table-row>td,.bmb_table-row>th{height:100%;overflow:hidden;padding:0 .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}@media (min-width: 768px){.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: 1200px){.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:RGBA(var(--color-charade-500));overflow:inherit;position:relative;text-transform:uppercase;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table-row>th.mat-mdc-header-cell{background-color:var(--containers-modal)}.bmb_table-row>td{font-family:Poppins-Medium,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(--vertical-step-active-color)}.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(--color-table-btn-900);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"] }]
|
|
6407
6411
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$3.DomSanitizer }, { type: i0.ChangeDetectorRef }], propDecorators: { select: [{
|
|
6408
6412
|
type: Output
|
|
6409
6413
|
}], clickedRow: [{
|
|
@@ -8725,7 +8729,7 @@ class BmbHomeCardHeaderComponent {
|
|
|
8725
8729
|
}
|
|
8726
8730
|
}
|
|
8727
8731
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbHomeCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8728
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbHomeCardHeaderComponent, isStandalone: true, selector: "bmb-home-card-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, dataLocalNav: { classPropertyName: "dataLocalNav", publicName: "dataLocalNav", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", 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 }, actionHeaders: { classPropertyName: "actionHeaders", publicName: "actionHeaders", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, showRightButton: { classPropertyName: "showRightButton", publicName: "showRightButton", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, useAutoExpand: { classPropertyName: "useAutoExpand", publicName: "useAutoExpand", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isExpanded: "isExpandedChange", onClose: "onClose", onBack: "onBack", onExpandClick: "onExpandClick" }, ngImport: i0, template: "<header class=\"bmb_home-card-header\">\n <bmb-container>\n <span class=\"bmb_home-card-header-container\">\n <bmb-three-cols [expandMainColumn]=\"true\">\n <ng-template #bmbLeftContent>\n @if (isExpanded() && !!leftIcon()) {\n <span class=\"bmb_home-card-header-container-left_template\">\n <bmb-action-icon\n [icon]=\"leftIcon()!\"\n [iconSize]=\"24\"\n (buttonClick)=\"handleBack()\"\n />\n </span>\n }\n </ng-template>\n <ng-template #bmbMainContent>\n <bmb-title-content\n [title]=\"title()\"\n [subtitle]=\"subtitle()\"\n [icon]=\"getIconName()\"\n [iconSize]=\"iconSize()!\"\n [bgIconAppearance]=\"bgIconAppearance()\"\n [dataLocalNav]=\"getDataLocalNav()\"\n />\n </ng-template>\n <ng-template #bmbRightContent>\n <bmb-navigation-bar\n [actionHeaders]=\"actionHeaderList\"\n [iconSize]=\"24\"\n alignItems=\"center\"\n />\n </ng-template>\n </bmb-three-cols>\n </span>\n </bmb-container>\n</header>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-card-header{container-type:inline-size}.bmb_home-card-header-container{width:100%}.bmb_home-card-header .bmb_three-cols>*:empty{display:none}.bmb_home-card-header .bmb_container{border-radius:var(--bmb-radius-l) var(--bmb-radius-l) 0 0;padding:1.5rem}@container (max-width: 559px){.bmb_home-card-header .bmb_title-content-container-icon,.bmb_home-card-header .bmb_title-content-container-wrapper-subtitle,.bmb_home-card-header .bmb_title-content-container-wrapper-breadcrumb{display:none}}\n"], dependencies: [{ kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbThreeColsComponent, selector: "bmb-three-cols", inputs: ["gapSize", "justify", "alignItems", "expandMainColumn"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbNavigationBarComponent, selector: "bmb-navigation-bar", inputs: ["actionHeaders", "iconSize", "gapSize", "justify", "alignItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8732
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbHomeCardHeaderComponent, isStandalone: true, selector: "bmb-home-card-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, dataLocalNav: { classPropertyName: "dataLocalNav", publicName: "dataLocalNav", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", 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 }, actionHeaders: { classPropertyName: "actionHeaders", publicName: "actionHeaders", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, showRightButton: { classPropertyName: "showRightButton", publicName: "showRightButton", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, useAutoExpand: { classPropertyName: "useAutoExpand", publicName: "useAutoExpand", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isExpanded: "isExpandedChange", onClose: "onClose", onBack: "onBack", onExpandClick: "onExpandClick" }, ngImport: i0, template: "<header class=\"bmb_home-card-header\">\r\n <bmb-container>\r\n <span class=\"bmb_home-card-header-container\">\r\n <bmb-three-cols [expandMainColumn]=\"true\">\r\n <ng-template #bmbLeftContent>\r\n @if (!!leftIcon()) {\r\n <span class=\"bmb_home-card-header-container-left_template\">\r\n <bmb-action-icon\r\n [icon]=\"leftIcon()!\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"handleBack()\"\r\n />\r\n </span>\r\n }\r\n </ng-template>\r\n <ng-template #bmbMainContent>\r\n <bmb-title-content\r\n [title]=\"title()\"\r\n [subtitle]=\"subtitle()\"\r\n [icon]=\"getIconName()\"\r\n [iconSize]=\"iconSize()!\"\r\n [bgIconAppearance]=\"bgIconAppearance()\"\r\n [dataLocalNav]=\"getDataLocalNav()\"\r\n />\r\n </ng-template>\r\n <ng-template #bmbRightContent>\r\n <bmb-navigation-bar\r\n [actionHeaders]=\"actionHeaderList\"\r\n [iconSize]=\"24\"\r\n alignItems=\"center\"\r\n />\r\n </ng-template>\r\n </bmb-three-cols>\r\n </span>\r\n </bmb-container>\r\n</header>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-card-header{container-type:inline-size}.bmb_home-card-header-container{width:100%}.bmb_home-card-header .bmb_three-cols>*:empty{display:none}.bmb_home-card-header .bmb_container{border-radius:var(--bmb-radius-l) var(--bmb-radius-l) 0 0;padding:1.5rem}@container (max-width: 559px){.bmb_home-card-header .bmb_title-content-container-icon,.bmb_home-card-header .bmb_title-content-container-wrapper-subtitle,.bmb_home-card-header .bmb_title-content-container-wrapper-breadcrumb{display:none}}\n"], dependencies: [{ kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbThreeColsComponent, selector: "bmb-three-cols", inputs: ["gapSize", "justify", "alignItems", "expandMainColumn"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbNavigationBarComponent, selector: "bmb-navigation-bar", inputs: ["actionHeaders", "iconSize", "gapSize", "justify", "alignItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8729
8733
|
}
|
|
8730
8734
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbHomeCardHeaderComponent, decorators: [{
|
|
8731
8735
|
type: Component,
|
|
@@ -8735,7 +8739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
8735
8739
|
BmbActionIconComponent,
|
|
8736
8740
|
BmbTitleContentComponent,
|
|
8737
8741
|
BmbNavigationBarComponent,
|
|
8738
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"bmb_home-card-header\">\n <bmb-container>\n <span class=\"bmb_home-card-header-container\">\n <bmb-three-cols [expandMainColumn]=\"true\">\n <ng-template #bmbLeftContent>\n @if (
|
|
8742
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"bmb_home-card-header\">\r\n <bmb-container>\r\n <span class=\"bmb_home-card-header-container\">\r\n <bmb-three-cols [expandMainColumn]=\"true\">\r\n <ng-template #bmbLeftContent>\r\n @if (!!leftIcon()) {\r\n <span class=\"bmb_home-card-header-container-left_template\">\r\n <bmb-action-icon\r\n [icon]=\"leftIcon()!\"\r\n [iconSize]=\"24\"\r\n (buttonClick)=\"handleBack()\"\r\n />\r\n </span>\r\n }\r\n </ng-template>\r\n <ng-template #bmbMainContent>\r\n <bmb-title-content\r\n [title]=\"title()\"\r\n [subtitle]=\"subtitle()\"\r\n [icon]=\"getIconName()\"\r\n [iconSize]=\"iconSize()!\"\r\n [bgIconAppearance]=\"bgIconAppearance()\"\r\n [dataLocalNav]=\"getDataLocalNav()\"\r\n />\r\n </ng-template>\r\n <ng-template #bmbRightContent>\r\n <bmb-navigation-bar\r\n [actionHeaders]=\"actionHeaderList\"\r\n [iconSize]=\"24\"\r\n alignItems=\"center\"\r\n />\r\n </ng-template>\r\n </bmb-three-cols>\r\n </span>\r\n </bmb-container>\r\n</header>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_home-card-header{container-type:inline-size}.bmb_home-card-header-container{width:100%}.bmb_home-card-header .bmb_three-cols>*:empty{display:none}.bmb_home-card-header .bmb_container{border-radius:var(--bmb-radius-l) var(--bmb-radius-l) 0 0;padding:1.5rem}@container (max-width: 559px){.bmb_home-card-header .bmb_title-content-container-icon,.bmb_home-card-header .bmb_title-content-container-wrapper-subtitle,.bmb_home-card-header .bmb_title-content-container-wrapper-breadcrumb{display:none}}\n"] }]
|
|
8739
8743
|
}] });
|
|
8740
8744
|
|
|
8741
8745
|
class BmbHomeCardComponent {
|
|
@@ -11492,7 +11496,7 @@ class BmbInputTagsComponent {
|
|
|
11492
11496
|
return showError(this.control());
|
|
11493
11497
|
}
|
|
11494
11498
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbInputTagsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11495
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, 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 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 [isDisabled]=\"disabled()\"\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 (click)=\"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 <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</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isDisabled", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isOpen", "isKeyboardEvent"], outputs: ["itemsChange", "isOpenChange", "isKeyboardEventChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11499
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, 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\r\n class=\"bmb_input-tags\"\r\n [name]=\"name()\"\r\n [value]=\"getValidInitialValues()\"\r\n [label]=\"label()!\"\r\n [errorMessage]=\"errorMessage()\"\r\n [helperMessage]=\"helperMessage()\"\r\n [isRequired]=\"isRequired()\"\r\n [isDisabled]=\"disabled()\"\r\n [control]=\"control()\"\r\n [showError]=\"shouldShowError\"\r\n [tooltip]=\"tooltip()\"\r\n [tooltipPosition]=\"tooltipPosition()\"\r\n clickOutside\r\n (clickOutside)=\"closeList()\"\r\n [inputId]=\"inputId()\"\r\n>\r\n <section\r\n class=\"bmb_input-tags-container\"\r\n [ngClass]=\"{\r\n 'bmb_input-tags-container-error': shouldShowError,\r\n 'bmb_input-tags-container-focus': isFocused(),\r\n }\"\r\n >\r\n <bmb-input-content\r\n class=\"bmb_input-tags-filter\"\r\n type=\"text\"\r\n [inputId]=\"inputId()\"\r\n [name]=\"getUUID('filter')\"\r\n [control]=\"filterControl\"\r\n [placeholder]=\"placeholder()\"\r\n [isDisabled]=\"disabled()\"\r\n (click)=\"openList()\"\r\n (onBlur)=\"handleValidity()\"\r\n (keydown)=\"handleKeyDown($event)\"\r\n (onFocus)=\"handleFocus($event)\"\r\n />\r\n @if (!!selectedTags && !!selectedTags.length) {\r\n <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\r\n @for (item of selectedTags; track $index) {\r\n <bmb-tag\r\n [text]=\"item.selectedText!\"\r\n [dismissible]=\"true\"\r\n [isDisabled]=\"disabled()\"\r\n (clickedTag)=\"removeTag(item)\"\r\n (closedTag)=\"removeTag(item)\"\r\n />\r\n }\r\n </div>\r\n }\r\n </section>\r\n <input\r\n hidden\r\n type=\"text\"\r\n [id]=\"name()\"\r\n [name]=\"name()\"\r\n [formControl]=\"control()\"\r\n />\r\n <bmb-dropdown-content\r\n class=\"bmb_input-tags-dialog\"\r\n name=\"list\"\r\n [selectedOption]=\"control().value\"\r\n [isKeyboardEvent]=\"isKeyboardEvent\"\r\n [(items)]=\"filteredOptions\"\r\n [(isOpen)]=\"showDropdown\"\r\n />\r\n</bmb-input-validator>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isDisabled", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isOpen", "isKeyboardEvent"], outputs: ["itemsChange", "isOpenChange", "isKeyboardEventChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11496
11500
|
}
|
|
11497
11501
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
|
|
11498
11502
|
type: Component,
|
|
@@ -11504,7 +11508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
11504
11508
|
BmbInputValidatorComponent,
|
|
11505
11509
|
BmbInputContentComponent,
|
|
11506
11510
|
BmbDropdownContentComponent,
|
|
11507
|
-
], 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 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 [isDisabled]=\"disabled()\"\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 (click)=\"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 <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</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"] }]
|
|
11511
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [], template: "<bmb-input-validator\r\n class=\"bmb_input-tags\"\r\n [name]=\"name()\"\r\n [value]=\"getValidInitialValues()\"\r\n [label]=\"label()!\"\r\n [errorMessage]=\"errorMessage()\"\r\n [helperMessage]=\"helperMessage()\"\r\n [isRequired]=\"isRequired()\"\r\n [isDisabled]=\"disabled()\"\r\n [control]=\"control()\"\r\n [showError]=\"shouldShowError\"\r\n [tooltip]=\"tooltip()\"\r\n [tooltipPosition]=\"tooltipPosition()\"\r\n clickOutside\r\n (clickOutside)=\"closeList()\"\r\n [inputId]=\"inputId()\"\r\n>\r\n <section\r\n class=\"bmb_input-tags-container\"\r\n [ngClass]=\"{\r\n 'bmb_input-tags-container-error': shouldShowError,\r\n 'bmb_input-tags-container-focus': isFocused(),\r\n }\"\r\n >\r\n <bmb-input-content\r\n class=\"bmb_input-tags-filter\"\r\n type=\"text\"\r\n [inputId]=\"inputId()\"\r\n [name]=\"getUUID('filter')\"\r\n [control]=\"filterControl\"\r\n [placeholder]=\"placeholder()\"\r\n [isDisabled]=\"disabled()\"\r\n (click)=\"openList()\"\r\n (onBlur)=\"handleValidity()\"\r\n (keydown)=\"handleKeyDown($event)\"\r\n (onFocus)=\"handleFocus($event)\"\r\n />\r\n @if (!!selectedTags && !!selectedTags.length) {\r\n <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\r\n @for (item of selectedTags; track $index) {\r\n <bmb-tag\r\n [text]=\"item.selectedText!\"\r\n [dismissible]=\"true\"\r\n [isDisabled]=\"disabled()\"\r\n (clickedTag)=\"removeTag(item)\"\r\n (closedTag)=\"removeTag(item)\"\r\n />\r\n }\r\n </div>\r\n }\r\n </section>\r\n <input\r\n hidden\r\n type=\"text\"\r\n [id]=\"name()\"\r\n [name]=\"name()\"\r\n [formControl]=\"control()\"\r\n />\r\n <bmb-dropdown-content\r\n class=\"bmb_input-tags-dialog\"\r\n name=\"list\"\r\n [selectedOption]=\"control().value\"\r\n [isKeyboardEvent]=\"isKeyboardEvent\"\r\n [(items)]=\"filteredOptions\"\r\n [(isOpen)]=\"showDropdown\"\r\n />\r\n</bmb-input-validator>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@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-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"] }]
|
|
11508
11512
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
11509
11513
|
|
|
11510
11514
|
class BmbInvoiceComponent {
|
|
@@ -12004,7 +12008,13 @@ class BmbSimpleHeaderComponent {
|
|
|
12004
12008
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbSimpleHeaderComponent, isStandalone: true, selector: "bmb-simple-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconAlternativeColor: { classPropertyName: "iconAlternativeColor", publicName: "iconAlternativeColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onIconClick: "onIconClick" }, ngImport: i0, template: `
|
|
12005
12009
|
<section bmbLayout alignItems="center">
|
|
12006
12010
|
<h4 bmbLayoutItem [isDynamicItem]="true" [colGrow]="1">{{ title() }}</h4>
|
|
12007
|
-
<span
|
|
12011
|
+
<span
|
|
12012
|
+
[style.color]="
|
|
12013
|
+
iconAlternativeColor()
|
|
12014
|
+
? 'var(--buttons-primary-normal)'
|
|
12015
|
+
: 'currentColor'
|
|
12016
|
+
"
|
|
12017
|
+
>
|
|
12008
12018
|
<bmb-action-icon
|
|
12009
12019
|
[icon]="icon()"
|
|
12010
12020
|
[iconSize]="24"
|
|
@@ -12023,7 +12033,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
12023
12033
|
template: `
|
|
12024
12034
|
<section bmbLayout alignItems="center">
|
|
12025
12035
|
<h4 bmbLayoutItem [isDynamicItem]="true" [colGrow]="1">{{ title() }}</h4>
|
|
12026
|
-
<span
|
|
12036
|
+
<span
|
|
12037
|
+
[style.color]="
|
|
12038
|
+
iconAlternativeColor()
|
|
12039
|
+
? 'var(--buttons-primary-normal)'
|
|
12040
|
+
: 'currentColor'
|
|
12041
|
+
"
|
|
12042
|
+
>
|
|
12027
12043
|
<bmb-action-icon
|
|
12028
12044
|
[icon]="icon()"
|
|
12029
12045
|
[iconSize]="24"
|