@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1019-b → 1.5.1019-c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs +166 -50
- package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map +1 -1
- package/lib/components/bmb-filter-card/bmb-filter-card.component.d.ts +2 -3
- package/lib/components/bmb-header-mobile/bmb-header-mobile.component.d.ts +2 -1
- package/lib/components/bmb-student-activity-card/bmb-student-activity-card.component.d.ts +2 -1
- package/lib/components/bmb-tables/bmb-tables.component.d.ts +22 -4
- package/lib/components/bmb-tags/bmb-tags.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -2491,7 +2491,9 @@ class BmbDropdownComponent {
|
|
|
2491
2491
|
closeList() {
|
|
2492
2492
|
this.isOpen = false;
|
|
2493
2493
|
this.isKeyboardEvent = false;
|
|
2494
|
-
this.
|
|
2494
|
+
if (this.isFilterable() && !this.isMultiSelect()) {
|
|
2495
|
+
this.selectionControl.setValue(this.selectedItem?.selectedText || '');
|
|
2496
|
+
}
|
|
2495
2497
|
}
|
|
2496
2498
|
// Keyboards events
|
|
2497
2499
|
onKeyDown(event) {
|
|
@@ -2527,7 +2529,7 @@ class BmbDropdownComponent {
|
|
|
2527
2529
|
return showError(this.control());
|
|
2528
2530
|
}
|
|
2529
2531
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2530
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbDropdownComponent, isStandalone: true, selector: "bmb-dropdown", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, preferredOptions: { classPropertyName: "preferredOptions", publicName: "preferredOptions", isSignal: true, isRequired: false, transformFunction: null }, isMultiSelect: { classPropertyName: "isMultiSelect", publicName: "isMultiSelect", 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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isFilterable: { classPropertyName: "isFilterable", publicName: "isFilterable", 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: { control: "controlChange", onValueChange: "onValueChange", onFocus: "onFocus" }, usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n class=\"bmb_dropdown\"\n [name]=\"name()\"\n [value]=\"getValidInitialValues()\"\n [label]=\"label()!\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperText()\"\n [isRequired]=\"required()\"\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 <bmb-input-content\n class=\"bmb_dropdown-field\"\n type=\"text\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [icon]=\"getIcon()\"\n [
|
|
2532
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbDropdownComponent, isStandalone: true, selector: "bmb-dropdown", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, preferredOptions: { classPropertyName: "preferredOptions", publicName: "preferredOptions", isSignal: true, isRequired: false, transformFunction: null }, isMultiSelect: { classPropertyName: "isMultiSelect", publicName: "isMultiSelect", 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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isFilterable: { classPropertyName: "isFilterable", publicName: "isFilterable", 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: { control: "controlChange", onValueChange: "onValueChange", onFocus: "onFocus" }, usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\r\n class=\"bmb_dropdown\"\r\n [name]=\"name()\"\r\n [value]=\"getValidInitialValues()\"\r\n [label]=\"label()!\"\r\n [errorMessage]=\"errorMessage()\"\r\n [helperMessage]=\"helperText()\"\r\n [isRequired]=\"required()\"\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 <bmb-input-content\r\n class=\"bmb_dropdown-field\"\r\n type=\"text\"\r\n [inputId]=\"inputId()\"\r\n [name]=\"name()\"\r\n [icon]=\"getIcon()\"\r\n [control]=\"selectionControl\"\r\n [isReadOnly]=\"!isFilterable() || isMultiSelect()\"\r\n [placeholder]=\"placeholder()\"\r\n [isError]=\"shouldShowError\"\r\n [isDisabled]=\"disabled()\"\r\n (click)=\"openList()\"\r\n (onKeyDown)=\"onKeyDown($event)\"\r\n (onBlur)=\"handleValidity()\"\r\n (onFocus)=\"handleFocus($event)\"\r\n >\r\n <ng-template #customContent>\r\n <label [htmlFor]=\"inputId()\">\r\n <bmb-icon\r\n class=\"bmb_field-actions\"\r\n icon=\"keyboard_arrow_down\"\r\n (click)=\"openList()\"\r\n [size]=\"24\"\r\n />\r\n </label>\r\n </ng-template>\r\n </bmb-input-content>\r\n <bmb-dropdown-content\r\n class=\"bmb_dropdown-list\"\r\n [selectedOption]=\"control().value\"\r\n [isKeyboardEvent]=\"isKeyboardEvent\"\r\n [(items)]=\"filteredOptions\"\r\n [(isOpen)]=\"isOpen\"\r\n />\r\n <input\r\n hidden\r\n type=\"text\"\r\n [id]=\"getUUID('id')\"\r\n [name]=\"name()\"\r\n [formControl]=\"control()\"\r\n />\r\n</bmb-input-validator>\r\n", styles: [".bmb_dropdown{display:inline-block;position:relative;width:100%}.bmb_dropdown-field .bmb_field-input{padding-right:2.25rem}.bmb_dropdown-field .bmb_field-input-normal,.bmb_dropdown-field .bmb_field-actions{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { 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: 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 }); }
|
|
2531
2533
|
}
|
|
2532
2534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbDropdownComponent, decorators: [{
|
|
2533
2535
|
type: Component,
|
|
@@ -2539,7 +2541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
2539
2541
|
BmbInputValidatorComponent,
|
|
2540
2542
|
BmbInputContentComponent,
|
|
2541
2543
|
BmbDropdownContentComponent,
|
|
2542
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\n class=\"bmb_dropdown\"\n [name]=\"name()\"\n [value]=\"getValidInitialValues()\"\n [label]=\"label()!\"\n [errorMessage]=\"errorMessage()\"\n [helperMessage]=\"helperText()\"\n [isRequired]=\"required()\"\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 <bmb-input-content\n class=\"bmb_dropdown-field\"\n type=\"text\"\n [inputId]=\"inputId()\"\n [name]=\"name()\"\n [icon]=\"getIcon()\"\n [
|
|
2544
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<bmb-input-validator\r\n class=\"bmb_dropdown\"\r\n [name]=\"name()\"\r\n [value]=\"getValidInitialValues()\"\r\n [label]=\"label()!\"\r\n [errorMessage]=\"errorMessage()\"\r\n [helperMessage]=\"helperText()\"\r\n [isRequired]=\"required()\"\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 <bmb-input-content\r\n class=\"bmb_dropdown-field\"\r\n type=\"text\"\r\n [inputId]=\"inputId()\"\r\n [name]=\"name()\"\r\n [icon]=\"getIcon()\"\r\n [control]=\"selectionControl\"\r\n [isReadOnly]=\"!isFilterable() || isMultiSelect()\"\r\n [placeholder]=\"placeholder()\"\r\n [isError]=\"shouldShowError\"\r\n [isDisabled]=\"disabled()\"\r\n (click)=\"openList()\"\r\n (onKeyDown)=\"onKeyDown($event)\"\r\n (onBlur)=\"handleValidity()\"\r\n (onFocus)=\"handleFocus($event)\"\r\n >\r\n <ng-template #customContent>\r\n <label [htmlFor]=\"inputId()\">\r\n <bmb-icon\r\n class=\"bmb_field-actions\"\r\n icon=\"keyboard_arrow_down\"\r\n (click)=\"openList()\"\r\n [size]=\"24\"\r\n />\r\n </label>\r\n </ng-template>\r\n </bmb-input-content>\r\n <bmb-dropdown-content\r\n class=\"bmb_dropdown-list\"\r\n [selectedOption]=\"control().value\"\r\n [isKeyboardEvent]=\"isKeyboardEvent\"\r\n [(items)]=\"filteredOptions\"\r\n [(isOpen)]=\"isOpen\"\r\n />\r\n <input\r\n hidden\r\n type=\"text\"\r\n [id]=\"getUUID('id')\"\r\n [name]=\"name()\"\r\n [formControl]=\"control()\"\r\n />\r\n</bmb-input-validator>\r\n", styles: [".bmb_dropdown{display:inline-block;position:relative;width:100%}.bmb_dropdown-field .bmb_field-input{padding-right:2.25rem}.bmb_dropdown-field .bmb_field-input-normal,.bmb_dropdown-field .bmb_field-actions{cursor:pointer}\n"] }]
|
|
2543
2545
|
}] });
|
|
2544
2546
|
|
|
2545
2547
|
class BmbTagComponent {
|
|
@@ -2553,6 +2555,7 @@ class BmbTagComponent {
|
|
|
2553
2555
|
this.rounded = input(false);
|
|
2554
2556
|
this.activityTag = input(false);
|
|
2555
2557
|
this.isDisabled = input(false);
|
|
2558
|
+
this.isActive = input(false);
|
|
2556
2559
|
this.closedTag = output();
|
|
2557
2560
|
this.clickedTag = output();
|
|
2558
2561
|
this.groupedTags = [];
|
|
@@ -2576,9 +2579,10 @@ class BmbTagComponent {
|
|
|
2576
2579
|
'bmb_tag-rounded',
|
|
2577
2580
|
`bmb_tag-${this.appearance()}`,
|
|
2578
2581
|
];
|
|
2579
|
-
if (this.activityTag())
|
|
2582
|
+
if (this.activityTag())
|
|
2580
2583
|
classes.push('bmb_tag-activity');
|
|
2581
|
-
|
|
2584
|
+
if (this.isActive())
|
|
2585
|
+
classes.push('bmb_tag-active');
|
|
2582
2586
|
return classes;
|
|
2583
2587
|
}
|
|
2584
2588
|
closeTag(text) {
|
|
@@ -2588,32 +2592,14 @@ class BmbTagComponent {
|
|
|
2588
2592
|
this.clickedTag.emit(text);
|
|
2589
2593
|
}
|
|
2590
2594
|
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 }); }
|
|
2591
|
-
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 } }, 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: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 }); }
|
|
2595
|
+
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 }); }
|
|
2592
2596
|
}
|
|
2593
2597
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbTagComponent, decorators: [{
|
|
2594
2598
|
type: Component,
|
|
2595
|
-
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: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"] }]
|
|
2599
|
+
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"] }]
|
|
2596
2600
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
2597
2601
|
|
|
2598
2602
|
class BmbFilterCardComponent {
|
|
2599
|
-
ngOnInit() {
|
|
2600
|
-
this.controlTypes().forEach((controlType) => {
|
|
2601
|
-
controlType.control.forEach((control) => {
|
|
2602
|
-
if (control.type === 'radial') {
|
|
2603
|
-
const controlName = this.filterForm.get(control.name);
|
|
2604
|
-
if (controlName) {
|
|
2605
|
-
controlName.setValue(control.checked ? control.label : controlName.value);
|
|
2606
|
-
}
|
|
2607
|
-
else {
|
|
2608
|
-
this.filterForm.addControl(control.name, new FormControl(control.checked ? control.label : ''));
|
|
2609
|
-
}
|
|
2610
|
-
}
|
|
2611
|
-
else {
|
|
2612
|
-
this.filterForm.addControl(control.name, new FormControl(control.checked));
|
|
2613
|
-
}
|
|
2614
|
-
});
|
|
2615
|
-
});
|
|
2616
|
-
}
|
|
2617
2603
|
constructor(matDialog) {
|
|
2618
2604
|
this.matDialog = matDialog;
|
|
2619
2605
|
this.modalTitle = input('');
|
|
@@ -2632,6 +2618,24 @@ class BmbFilterCardComponent {
|
|
|
2632
2618
|
search: new FormControl(''),
|
|
2633
2619
|
selectedDropdown: new FormControl(''),
|
|
2634
2620
|
});
|
|
2621
|
+
effect(() => {
|
|
2622
|
+
this.controlTypes().forEach((controlType) => {
|
|
2623
|
+
controlType.control.forEach((control) => {
|
|
2624
|
+
if (control.type === 'radial') {
|
|
2625
|
+
const controlName = this.filterForm.get(control.name);
|
|
2626
|
+
if (controlName) {
|
|
2627
|
+
controlName.setValue(control.checked ? control.label : controlName.value);
|
|
2628
|
+
}
|
|
2629
|
+
else {
|
|
2630
|
+
this.filterForm.addControl(control.name, new FormControl(control.checked ? control.label : ''));
|
|
2631
|
+
}
|
|
2632
|
+
}
|
|
2633
|
+
else {
|
|
2634
|
+
this.filterForm.addControl(control.name, new FormControl(control.checked));
|
|
2635
|
+
}
|
|
2636
|
+
});
|
|
2637
|
+
});
|
|
2638
|
+
});
|
|
2635
2639
|
}
|
|
2636
2640
|
openModalComponent() {
|
|
2637
2641
|
const data = {
|
|
@@ -2712,7 +2716,7 @@ class BmbFilterCardComponent {
|
|
|
2712
2716
|
this.filterForm.get('search')?.setValue(event);
|
|
2713
2717
|
}
|
|
2714
2718
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbFilterCardComponent, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2715
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\n <ng-template #modalTemplate>\n <div class=\"bmb_filter_card-modal\">\n <form [formGroup]=\"filterForm\">\n @if (showDropdown()) {\n <bmb-dropdown\n [placeholder]=\"placeholderSearch()\"\n [options]=\"dropdownOptions()\"\n [control]=\"getFormControl('search')\"\n (onValueChange)=\"onValueChange($event)\"\n />\n } @else {\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl('search')\"\n [isClearable]=\"true\"\n />\n }\n @for (controlType of controlTypes(); track $index) {\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n <div class=\"bmb_filter_card-control\">\n @for (control of controlType.control; track $index) {\n @switch (control.type) {\n @case (\"tag\") {\n <bmb-tag\n [text]=\"control.label\"\n [dismissible]=\"false\"\n [activityTag]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n (clickedTag)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"radial\") {\n <bmb-radial\n [name]=\"control.name\"\n [checked]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"checkbox\") {\n <bmb-checkbox\n [name]=\"control.name\"\n [checked]=\"filterForm.get(control.name)?.value\"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"switch\") {\n <bmb-switch\n [rightText]=\"control.rightText ?? ''\"\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n }\n }\n </div>\n }\n @if (inLine()) {\n <footer class=\"bmb_filter_card-footer\">\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n {{ secondaryBtnLabel() }}\n </button>\n <button bmbButton (click)=\"onSubmit()\" type=\"submit\">\n {{ primaryBtnLabel() }}\n </button>\n </footer>\n }\n </form>\n </div>\n </ng-template>\n\n @if (inLine()) {\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n } @else {\n <button\n type=\"button\"\n class=\"bmb_filter_card-button\"\n (click)=\"openModalComponent()\"\n type=\"button\"\n >\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n </button>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-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_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "control"], outputs: ["controlChange", "onValueChange", "onFocus"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2719
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\r\n <ng-template #modalTemplate>\r\n <div class=\"bmb_filter_card-modal\">\r\n <form [formGroup]=\"filterForm\">\r\n @if (showDropdown()) {\r\n <bmb-dropdown\r\n [placeholder]=\"placeholderSearch()\"\r\n [options]=\"dropdownOptions()\"\r\n [control]=\"getFormControl('search')\"\r\n (onValueChange)=\"onValueChange($event)\"\r\n />\r\n } @else {\r\n <bmb-input\r\n [placeholder]=\"placeholderSearch()\"\r\n [icon]=\"'search'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl('search')\"\r\n [isClearable]=\"true\"\r\n />\r\n }\r\n @for (controlType of controlTypes(); track $index) {\r\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\r\n <div class=\"bmb_filter_card-control\">\r\n @for (control of controlType.control; track $index) {\r\n @switch (control.type) {\r\n @case (\"tag\") {\r\n <bmb-tag\r\n [text]=\"control.label\"\r\n [dismissible]=\"false\"\r\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\r\n (clickedTag)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n @case (\"radial\") {\r\n <bmb-radial\r\n [name]=\"control.name\"\r\n [checked]=\"\r\n filterForm.get(control.name)?.value === control.label\r\n \"\r\n [label]=\"control.label\"\r\n (change)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n @case (\"checkbox\") {\r\n <bmb-checkbox\r\n [name]=\"control.name\"\r\n [checked]=\"filterForm.get(control.name)?.value\"\r\n [label]=\"control.label\"\r\n (change)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n @case (\"switch\") {\r\n <bmb-switch\r\n [rightText]=\"control.rightText ?? ''\"\r\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\r\n (change)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n }\r\n }\r\n </div>\r\n }\r\n @if (inLine()) {\r\n <footer class=\"bmb_filter_card-footer\">\r\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\r\n {{ secondaryBtnLabel() }}\r\n </button>\r\n <button bmbButton (click)=\"onSubmit()\" type=\"submit\">\r\n {{ primaryBtnLabel() }}\r\n </button>\r\n </footer>\r\n }\r\n </form>\r\n </div>\r\n </ng-template>\r\n\r\n @if (inLine()) {\r\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"bmb_filter_card-button\"\r\n (click)=\"openModalComponent()\"\r\n type=\"button\"\r\n >\r\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\r\n </button>\r\n }\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_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "control"], outputs: ["controlChange", "onValueChange", "onFocus"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2716
2720
|
}
|
|
2717
2721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbFilterCardComponent, decorators: [{
|
|
2718
2722
|
type: Component,
|
|
@@ -2727,7 +2731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
2727
2731
|
BmbDropdownComponent,
|
|
2728
2732
|
BmbButtonDirective,
|
|
2729
2733
|
BmbTagComponent,
|
|
2730
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_filter_card\">\n <ng-template #modalTemplate>\n <div class=\"bmb_filter_card-modal\">\n <form [formGroup]=\"filterForm\">\n @if (showDropdown()) {\n <bmb-dropdown\n [placeholder]=\"placeholderSearch()\"\n [options]=\"dropdownOptions()\"\n [control]=\"getFormControl('search')\"\n (onValueChange)=\"onValueChange($event)\"\n />\n } @else {\n <bmb-input\n [placeholder]=\"placeholderSearch()\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl('search')\"\n [isClearable]=\"true\"\n />\n }\n @for (controlType of controlTypes(); track $index) {\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n <div class=\"bmb_filter_card-control\">\n @for (control of controlType.control; track $index) {\n @switch (control.type) {\n @case (\"tag\") {\n <bmb-tag\n [text]=\"control.label\"\n [dismissible]=\"false\"\n [activityTag]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n (clickedTag)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"radial\") {\n <bmb-radial\n [name]=\"control.name\"\n [checked]=\"\n filterForm.get(control.name)?.value === control.label\n \"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"checkbox\") {\n <bmb-checkbox\n [name]=\"control.name\"\n [checked]=\"filterForm.get(control.name)?.value\"\n [label]=\"control.label\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n @case (\"switch\") {\n <bmb-switch\n [rightText]=\"control.rightText ?? ''\"\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\n (change)=\"onControlChange(control, $event)\"\n />\n }\n }\n }\n </div>\n }\n @if (inLine()) {\n <footer class=\"bmb_filter_card-footer\">\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n {{ secondaryBtnLabel() }}\n </button>\n <button bmbButton (click)=\"onSubmit()\" type=\"submit\">\n {{ primaryBtnLabel() }}\n </button>\n </footer>\n }\n </form>\n </div>\n </ng-template>\n\n @if (inLine()) {\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n } @else {\n <button\n type=\"button\"\n class=\"bmb_filter_card-button\"\n (click)=\"openModalComponent()\"\n type=\"button\"\n >\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n </button>\n }\n</div>\n", styles: ["@font-face{font-family:Poppins-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_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"] }]
|
|
2734
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_filter_card\">\r\n <ng-template #modalTemplate>\r\n <div class=\"bmb_filter_card-modal\">\r\n <form [formGroup]=\"filterForm\">\r\n @if (showDropdown()) {\r\n <bmb-dropdown\r\n [placeholder]=\"placeholderSearch()\"\r\n [options]=\"dropdownOptions()\"\r\n [control]=\"getFormControl('search')\"\r\n (onValueChange)=\"onValueChange($event)\"\r\n />\r\n } @else {\r\n <bmb-input\r\n [placeholder]=\"placeholderSearch()\"\r\n [icon]=\"'search'\"\r\n [appearance]=\"'normal'\"\r\n [control]=\"getFormControl('search')\"\r\n [isClearable]=\"true\"\r\n />\r\n }\r\n @for (controlType of controlTypes(); track $index) {\r\n <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\r\n <div class=\"bmb_filter_card-control\">\r\n @for (control of controlType.control; track $index) {\r\n @switch (control.type) {\r\n @case (\"tag\") {\r\n <bmb-tag\r\n [text]=\"control.label\"\r\n [dismissible]=\"false\"\r\n [isActive]=\"storedValues[control.name]?.checked ?? false\"\r\n (clickedTag)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n @case (\"radial\") {\r\n <bmb-radial\r\n [name]=\"control.name\"\r\n [checked]=\"\r\n filterForm.get(control.name)?.value === control.label\r\n \"\r\n [label]=\"control.label\"\r\n (change)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n @case (\"checkbox\") {\r\n <bmb-checkbox\r\n [name]=\"control.name\"\r\n [checked]=\"filterForm.get(control.name)?.value\"\r\n [label]=\"control.label\"\r\n (change)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n @case (\"switch\") {\r\n <bmb-switch\r\n [rightText]=\"control.rightText ?? ''\"\r\n [isChecked]=\"filterForm.get(control.name)?.value === true\"\r\n (change)=\"onControlChange(control, $event)\"\r\n />\r\n }\r\n }\r\n }\r\n </div>\r\n }\r\n @if (inLine()) {\r\n <footer class=\"bmb_filter_card-footer\">\r\n <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\r\n {{ secondaryBtnLabel() }}\r\n </button>\r\n <button bmbButton (click)=\"onSubmit()\" type=\"submit\">\r\n {{ primaryBtnLabel() }}\r\n </button>\r\n </footer>\r\n }\r\n </form>\r\n </div>\r\n </ng-template>\r\n\r\n @if (inLine()) {\r\n <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\r\n } @else {\r\n <button\r\n type=\"button\"\r\n class=\"bmb_filter_card-button\"\r\n (click)=\"openModalComponent()\"\r\n type=\"button\"\r\n >\r\n <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\r\n </button>\r\n }\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_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"] }]
|
|
2731
2735
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }], propDecorators: { modalTemplate: [{
|
|
2732
2736
|
type: ViewChild,
|
|
2733
2737
|
args: ['modalTemplate']
|
|
@@ -3002,6 +3006,7 @@ class BmbHeaderMobileComponent {
|
|
|
3002
3006
|
this.userAltImage = input('');
|
|
3003
3007
|
this.userLink = input('');
|
|
3004
3008
|
this.userTarget = input('_self');
|
|
3009
|
+
this.trailingIconNotifications = input(0);
|
|
3005
3010
|
this.logo = input('');
|
|
3006
3011
|
this.altLogo = input('');
|
|
3007
3012
|
this.logoLink = input('');
|
|
@@ -3022,7 +3027,7 @@ class BmbHeaderMobileComponent {
|
|
|
3022
3027
|
this.onUserImageClick.emit(event);
|
|
3023
3028
|
}
|
|
3024
3029
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbHeaderMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3025
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbHeaderMobileComponent, isStandalone: true, selector: "bmb-header-mobile", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, userAltImage: { classPropertyName: "userAltImage", publicName: "userAltImage", isSignal: true, isRequired: false, transformFunction: null }, userLink: { classPropertyName: "userLink", publicName: "userLink", isSignal: true, isRequired: false, transformFunction: null }, userTarget: { classPropertyName: "userTarget", publicName: "userTarget", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, altLogo: { classPropertyName: "altLogo", publicName: "altLogo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, logoTarget: { classPropertyName: "logoTarget", publicName: "logoTarget", isSignal: true, isRequired: false, transformFunction: null }, trailingIcon: { classPropertyName: "trailingIcon", publicName: "trailingIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTrailingIconClick: "onTrailingIconClick", onLogoClick: "onLogoClick", onUserImageClick: "onUserImageClick" }, ngImport: i0, template: "<div class=\"bmb_header_mobile\">\n <bmb-container\n appearance=\"primary-header\"\n class=\"bmb_header_mobile-container\"\n >\n <div class=\"bmb_header_mobile-left\">\n <bmb-logo\n size=\"small\"\n [image]=\"logo()\"\n [altImage]=\"altLogo()\"\n [link]=\"logoLink()\"\n [target]=\"logoTarget()\"\n (buttonClick)=\"handleLogoClick($event)\"\n />\n </div>\n <h2 class=\"bmb_header_mobile-text\">{{ text() }}</h2>\n <div class=\"bmb_header_mobile-right\">\n <button type=\"button\" (click)=\"handleTrailingIconClick($event)\">\n <bmb-icon [icon]=\"trailingIcon()\" alt=\"Trailing icon\" />\n </button>\n <bmb-user-image\n size=\"mobile-small\"\n [image]=\"userImage()\"\n [altImage]=\"userAltImage()\"\n [link]=\"userLink()\"\n [target]=\"userTarget()\"\n (click)=\"handleUserImageClick($event)\"\n *ngIf=\"userImage()\"\n (buttonClick)=\"handleUserImageClick($event)\"\n />\n </div>\n <section class=\"bmb_header_mobile-content\">\n <ng-content />\n </section>\n </bmb-container>\n</div>\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_header_mobile-container>.bmb_container{border-radius:0 0 .75rem .75rem}.bmb_header_mobile .bmb_container-primary-header{flex-wrap:wrap}.bmb_header_mobile-text{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_header_mobile bmb-icon{color:var(--menu_select-label-menu-inactive);align-items:flex-end;display:flex;font-size:1.5rem;height:1.5rem}.bmb_header_mobile-right{align-items:center;display:flex;gap:.25rem}.bmb_header_mobile-content{width:100%;margin-top:1rem}.bmb_header_mobile-content:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbLogoComponent, selector: "bmb-logo", inputs: ["size", "image", "altImage", "link", "target", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3030
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: BmbHeaderMobileComponent, isStandalone: true, selector: "bmb-header-mobile", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, userImage: { classPropertyName: "userImage", publicName: "userImage", isSignal: true, isRequired: false, transformFunction: null }, userAltImage: { classPropertyName: "userAltImage", publicName: "userAltImage", isSignal: true, isRequired: false, transformFunction: null }, userLink: { classPropertyName: "userLink", publicName: "userLink", isSignal: true, isRequired: false, transformFunction: null }, userTarget: { classPropertyName: "userTarget", publicName: "userTarget", isSignal: true, isRequired: false, transformFunction: null }, trailingIconNotifications: { classPropertyName: "trailingIconNotifications", publicName: "trailingIconNotifications", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, altLogo: { classPropertyName: "altLogo", publicName: "altLogo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, logoTarget: { classPropertyName: "logoTarget", publicName: "logoTarget", isSignal: true, isRequired: false, transformFunction: null }, trailingIcon: { classPropertyName: "trailingIcon", publicName: "trailingIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onTrailingIconClick: "onTrailingIconClick", onLogoClick: "onLogoClick", onUserImageClick: "onUserImageClick" }, ngImport: i0, template: "<div class=\"bmb_header_mobile\">\r\n <bmb-container\r\n appearance=\"primary-header\"\r\n class=\"bmb_header_mobile-container\"\r\n >\r\n <div class=\"bmb_header_mobile-left\">\r\n <bmb-logo\r\n size=\"small\"\r\n [image]=\"logo()\"\r\n [altImage]=\"altLogo()\"\r\n [link]=\"logoLink()\"\r\n [target]=\"logoTarget()\"\r\n (buttonClick)=\"handleLogoClick($event)\"\r\n />\r\n </div>\r\n <h2 class=\"bmb_header_mobile-text\">{{ text() }}</h2>\r\n <div class=\"bmb_header_mobile-right\">\r\n <button type=\"button\" (click)=\"handleTrailingIconClick($event)\">\r\n <bmb-icon\r\n [icon]=\"trailingIcon()\"\r\n alt=\"Trailing icon\"\r\n [dotNotification]=\"trailingIconNotifications()\"\r\n />\r\n </button>\r\n <bmb-user-image\r\n size=\"mobile-small\"\r\n [image]=\"userImage()\"\r\n [altImage]=\"userAltImage()\"\r\n [link]=\"userLink()\"\r\n [target]=\"userTarget()\"\r\n (click)=\"handleUserImageClick($event)\"\r\n *ngIf=\"userImage()\"\r\n (buttonClick)=\"handleUserImageClick($event)\"\r\n />\r\n </div>\r\n <section class=\"bmb_header_mobile-content\">\r\n <ng-content />\r\n </section>\r\n </bmb-container>\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_header_mobile-container>.bmb_container{border-radius:0 0 .75rem .75rem}.bmb_header_mobile .bmb_container-primary-header{flex-wrap:wrap}.bmb_header_mobile-text{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_header_mobile bmb-icon{color:var(--menu_select-label-menu-inactive);align-items:center;display:flex;font-size:1.5rem;height:1.5rem}.bmb_header_mobile-right{align-items:center;display:flex;gap:.25rem}.bmb_header_mobile-content{width:100%;margin-top:1rem}.bmb_header_mobile-content:empty{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbLogoComponent, selector: "bmb-logo", inputs: ["size", "image", "altImage", "link", "target", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbContainerComponent, selector: "bmb-container", inputs: ["appearance", "isHidden"] }, { kind: "component", type: BmbUserImageComponent, selector: "bmb-user-image", inputs: ["size", "image", "altImage", "link", "target", "bordered"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3026
3031
|
}
|
|
3027
3032
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbHeaderMobileComponent, decorators: [{
|
|
3028
3033
|
type: Component,
|
|
@@ -3032,7 +3037,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
3032
3037
|
BmbLogoComponent,
|
|
3033
3038
|
BmbContainerComponent,
|
|
3034
3039
|
BmbUserImageComponent,
|
|
3035
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_header_mobile\">\n <bmb-container\n appearance=\"primary-header\"\n class=\"bmb_header_mobile-container\"\n >\n <div class=\"bmb_header_mobile-left\">\n <bmb-logo\n size=\"small\"\n [image]=\"logo()\"\n [altImage]=\"altLogo()\"\n [link]=\"logoLink()\"\n [target]=\"logoTarget()\"\n (buttonClick)=\"handleLogoClick($event)\"\n />\n </div>\n <h2 class=\"bmb_header_mobile-text\">{{ text() }}</h2>\n <div class=\"bmb_header_mobile-right\">\n <button type=\"button\" (click)=\"handleTrailingIconClick($event)\">\n <bmb-icon
|
|
3040
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_header_mobile\">\r\n <bmb-container\r\n appearance=\"primary-header\"\r\n class=\"bmb_header_mobile-container\"\r\n >\r\n <div class=\"bmb_header_mobile-left\">\r\n <bmb-logo\r\n size=\"small\"\r\n [image]=\"logo()\"\r\n [altImage]=\"altLogo()\"\r\n [link]=\"logoLink()\"\r\n [target]=\"logoTarget()\"\r\n (buttonClick)=\"handleLogoClick($event)\"\r\n />\r\n </div>\r\n <h2 class=\"bmb_header_mobile-text\">{{ text() }}</h2>\r\n <div class=\"bmb_header_mobile-right\">\r\n <button type=\"button\" (click)=\"handleTrailingIconClick($event)\">\r\n <bmb-icon\r\n [icon]=\"trailingIcon()\"\r\n alt=\"Trailing icon\"\r\n [dotNotification]=\"trailingIconNotifications()\"\r\n />\r\n </button>\r\n <bmb-user-image\r\n size=\"mobile-small\"\r\n [image]=\"userImage()\"\r\n [altImage]=\"userAltImage()\"\r\n [link]=\"userLink()\"\r\n [target]=\"userTarget()\"\r\n (click)=\"handleUserImageClick($event)\"\r\n *ngIf=\"userImage()\"\r\n (buttonClick)=\"handleUserImageClick($event)\"\r\n />\r\n </div>\r\n <section class=\"bmb_header_mobile-content\">\r\n <ng-content />\r\n </section>\r\n </bmb-container>\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_header_mobile-container>.bmb_container{border-radius:0 0 .75rem .75rem}.bmb_header_mobile .bmb_container-primary-header{flex-wrap:wrap}.bmb_header_mobile-text{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_header_mobile bmb-icon{color:var(--menu_select-label-menu-inactive);align-items:center;display:flex;font-size:1.5rem;height:1.5rem}.bmb_header_mobile-right{align-items:center;display:flex;gap:.25rem}.bmb_header_mobile-content{width:100%;margin-top:1rem}.bmb_header_mobile-content:empty{display:none}\n"] }]
|
|
3036
3041
|
}] });
|
|
3037
3042
|
|
|
3038
3043
|
class BmbDotPaginatorComponent {
|
|
@@ -5590,9 +5595,10 @@ class BmbTablesComponent {
|
|
|
5590
5595
|
onResize(event) {
|
|
5591
5596
|
this.setTableResize(this.matTableRef.nativeElement.clientWidth);
|
|
5592
5597
|
}
|
|
5593
|
-
constructor(renderer, sanitizer) {
|
|
5598
|
+
constructor(renderer, sanitizer, cdr) {
|
|
5594
5599
|
this.renderer = renderer;
|
|
5595
5600
|
this.sanitizer = sanitizer;
|
|
5601
|
+
this.cdr = cdr;
|
|
5596
5602
|
this._rawColumns = [];
|
|
5597
5603
|
this._rawConfig = {
|
|
5598
5604
|
isSelectable: false,
|
|
@@ -5612,6 +5618,7 @@ class BmbTablesComponent {
|
|
|
5612
5618
|
this.showSearch = input(false);
|
|
5613
5619
|
this.showFilters = input(false);
|
|
5614
5620
|
this.pageSize = input();
|
|
5621
|
+
this.totalItems = input(0);
|
|
5615
5622
|
this.data = input([]);
|
|
5616
5623
|
this.columns = input([]);
|
|
5617
5624
|
this.actionTemplate = input(null);
|
|
@@ -5622,8 +5629,29 @@ class BmbTablesComponent {
|
|
|
5622
5629
|
this.initialTableSelection = input([]);
|
|
5623
5630
|
this.lang = input('es');
|
|
5624
5631
|
this.clearSelection = model(false);
|
|
5632
|
+
this.serverSide = input(false);
|
|
5633
|
+
this.currentPage = model(0);
|
|
5625
5634
|
this.select = new EventEmitter();
|
|
5626
5635
|
this.clickedRow = new EventEmitter();
|
|
5636
|
+
this.searchChange = new EventEmitter();
|
|
5637
|
+
this.filtersChange = new EventEmitter();
|
|
5638
|
+
this.searchModeChange = new EventEmitter();
|
|
5639
|
+
this.pageChange = new EventEmitter();
|
|
5640
|
+
effect(() => {
|
|
5641
|
+
const total = this.totalItems();
|
|
5642
|
+
const size = this.pageSize();
|
|
5643
|
+
if (this.serverSide()) {
|
|
5644
|
+
const last = this.lastPage();
|
|
5645
|
+
if (this.currentPage() < 0) {
|
|
5646
|
+
this.currentPage.set(0);
|
|
5647
|
+
this.cdr.detectChanges();
|
|
5648
|
+
}
|
|
5649
|
+
else if (this.currentPage() > last) {
|
|
5650
|
+
this.currentPage.set(last);
|
|
5651
|
+
this.cdr.detectChanges();
|
|
5652
|
+
}
|
|
5653
|
+
}
|
|
5654
|
+
});
|
|
5627
5655
|
effect(() => {
|
|
5628
5656
|
const selectedRows = this.initialTableSelection() ?? [];
|
|
5629
5657
|
if (selectedRows.length && this.dataSource.data.length) {
|
|
@@ -5656,12 +5684,22 @@ class BmbTablesComponent {
|
|
|
5656
5684
|
}
|
|
5657
5685
|
ngOnInit() {
|
|
5658
5686
|
this.searchControl.valueChanges.subscribe((value) => {
|
|
5659
|
-
const
|
|
5660
|
-
this.
|
|
5687
|
+
const search = (value || '').trim().toLowerCase();
|
|
5688
|
+
if (this.serverSide()) {
|
|
5689
|
+
this.searchModeChange.emit('server');
|
|
5690
|
+
this.searchChange.emit(search);
|
|
5691
|
+
}
|
|
5692
|
+
else {
|
|
5693
|
+
this.searchModeChange.emit('client');
|
|
5694
|
+
this.dataSource.filter = search;
|
|
5695
|
+
}
|
|
5661
5696
|
});
|
|
5662
5697
|
this.dataSource.filterPredicate = (data, filter) => {
|
|
5663
|
-
const
|
|
5664
|
-
return
|
|
5698
|
+
const searchText = filter.trim().toLowerCase();
|
|
5699
|
+
return this._rawColumns.some((column) => {
|
|
5700
|
+
const value = (data[column.dataKey] ?? '').toString().toLowerCase();
|
|
5701
|
+
return value.includes(searchText);
|
|
5702
|
+
});
|
|
5665
5703
|
};
|
|
5666
5704
|
const selectedRows = this.initialTableSelection() ?? [];
|
|
5667
5705
|
if (selectedRows.length && this.dataSource.data.length) {
|
|
@@ -5680,7 +5718,9 @@ class BmbTablesComponent {
|
|
|
5680
5718
|
parseData(data) {
|
|
5681
5719
|
this.dataSource.data = data;
|
|
5682
5720
|
this.originalData = data;
|
|
5683
|
-
this.
|
|
5721
|
+
if (!this.serverSide()) {
|
|
5722
|
+
this.applyFilters();
|
|
5723
|
+
}
|
|
5684
5724
|
if (this.paginator) {
|
|
5685
5725
|
this.dataSource.paginator = this.paginator;
|
|
5686
5726
|
}
|
|
@@ -5822,14 +5862,21 @@ class BmbTablesComponent {
|
|
|
5822
5862
|
elementRef.nativeElement.clientWidth);
|
|
5823
5863
|
}
|
|
5824
5864
|
getPaginationText() {
|
|
5825
|
-
|
|
5826
|
-
this.
|
|
5827
|
-
this.paginator
|
|
5828
|
-
|
|
5829
|
-
|
|
5830
|
-
|
|
5831
|
-
const
|
|
5832
|
-
|
|
5865
|
+
const total = this.serverSide()
|
|
5866
|
+
? (this.totalItems?.() ?? 0)
|
|
5867
|
+
: (this.paginator?.length ?? 0);
|
|
5868
|
+
const pageIndex = this.serverSide()
|
|
5869
|
+
? (this.currentPage?.() ?? 0)
|
|
5870
|
+
: (this.paginator?.pageIndex ?? 0);
|
|
5871
|
+
const pageSize = this.serverSide()
|
|
5872
|
+
? (this.pageSize?.() ?? 10)
|
|
5873
|
+
: (this.paginator?.pageSize ?? 10);
|
|
5874
|
+
if (total === 0 || pageSize === 0) {
|
|
5875
|
+
return `0 de ${total}`;
|
|
5876
|
+
}
|
|
5877
|
+
const startIndex = pageIndex * pageSize + 1;
|
|
5878
|
+
const endIndex = Math.min((pageIndex + 1) * pageSize, total);
|
|
5879
|
+
return `${startIndex} - ${endIndex} de ${total}`;
|
|
5833
5880
|
}
|
|
5834
5881
|
isTemplateRef(value) {
|
|
5835
5882
|
return value instanceof TemplateRef;
|
|
@@ -5872,6 +5919,10 @@ class BmbTablesComponent {
|
|
|
5872
5919
|
applyFilters() {
|
|
5873
5920
|
let filtered = [...this.originalData];
|
|
5874
5921
|
const values = this.filterForm.value;
|
|
5922
|
+
if (this.serverSide()) {
|
|
5923
|
+
this.filtersChange.emit(values);
|
|
5924
|
+
return;
|
|
5925
|
+
}
|
|
5875
5926
|
this._rawColumns.forEach((column) => {
|
|
5876
5927
|
const key = column.dataKey;
|
|
5877
5928
|
const type = column.type;
|
|
@@ -5917,8 +5968,64 @@ class BmbTablesComponent {
|
|
|
5917
5968
|
toggleFilters() {
|
|
5918
5969
|
this.filtersVisible = !this.filtersVisible;
|
|
5919
5970
|
}
|
|
5920
|
-
|
|
5921
|
-
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 }, 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 } }, outputs: { clearSelection: "clearSelectionChange", select: "select", clickedRow: "clickedRow" }, 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: "@if (showSearch() || showFilters()) {\n <div class=\"bmb_table-header\">\n @if (showSearch()) {\n <bmb-input\n class=\"bmb_table-search\"\n [type]=\"'text'\"\n [placeholder]=\"'Buscar'\"\n [disabled]=\"false\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"searchControl\"\n ></bmb-input>\n }\n\n @if (showFilters()) {\n <bmb-action-icon\n [idElement]=\"''\"\n [icon]=\"'filter_list'\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleFilters()\"\n ></bmb-action-icon>\n\n <div class=\"bmb_table-filters\" *ngIf=\"filtersVisible\">\n <ng-container *ngFor=\"let column of tableColumns\">\n <div [ngSwitch]=\"column.type\" class=\"bmb_table-filter-item\">\n <!-- STRING -->\n <ng-container *ngSwitchCase=\"'string'\">\n <bmb-dropdown\n [isMultiSelect]=\"false\"\n [label]=\"column.label\"\n [options]=\"[\n { name: 'Sin orden', value: 'none', id: 'none' },\n { name: 'A-Z', value: 'asc', id: 'asc' },\n { name: 'Z-A', value: 'desc', id: 'desc' },\n ]\"\n [placeholder]=\"'Ordenar'\"\n [value]=\"getFormControl(column.dataKey + '_sort').value\"\n (onValueChange)=\"\n getFormControl(column.dataKey + '_sort').setValue($event)\n \"\n />\n </ng-container>\n\n <!-- NUMBER -->\n <ng-container *ngSwitchCase=\"'number'\">\n <div class=\"filter-number\">\n <bmb-input\n [label]=\"column.label\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00EDn'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_min')\"\n />\n <bmb-input\n [type]=\"'number'\"\n [placeholder]=\"'M\u00E1x'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_max')\"\n />\n </div>\n </ng-container>\n\n <!-- DATE -->\n <ng-container *ngSwitchCase=\"'date'\">\n <bmb-date-range\n [label]=\"column.label\"\n [placeholderStartDate]=\"'Desde'\"\n [placeholderEndDate]=\"'Hasta'\"\n [icon]=\"'calendar_month'\"\n [appearance]=\"'normal'\"\n [dateFormat]=\"'dd/MM/yyyy'\"\n [multipleRow]=\"true\"\n [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n (startDateChange)=\"\n getFormControl(column.dataKey + '_from').setValue($event)\n \"\n (endDateChange)=\"\n getFormControl(column.dataKey + '_to').setValue($event)\n \"\n />\n </ng-container>\n </div>\n </ng-container>\n </div>\n }\n </div>\n}\n<div class=\"bmb_table\">\n <div class=\"bmb_table-container\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n class=\"bmb_table-content\"\n multiTemplateDataRows\n >\n <!-- Checkbox Column -->\n <ng-container matColumnDef=\"select\" sticky>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n <bmb-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n [ariaLabel]=\"checkboxLabel()\"\n [disabled]=\"false\"\n />\n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\n <bmb-checkbox\n (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n [checked]=\"selection.isSelected(row)\"\n [ariaLabel]=\"checkboxLabel(row)\"\n [disabled]=\"false\"\n onkeypress=\"$event.stopPropagation()\"\n />\n </td>\n </ng-container>\n\n <!-- Expand Column -->\n <ng-container matColumnDef=\"expand\" sticky>\n <th\n mat-header-cell\n *matHeaderCellDef\n class=\"bmb_table-expand\"\n aria-label=\"row actions\"\n >\n \n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n <ng-container *ngIf=\"row.detail\">\n <button\n mat-icon-button\n aria-label=\"expand row\"\n (click)=\"\n expandedElement = expandedElement === row ? null : row;\n $event.stopPropagation()\n \"\n >\n <bmb-icon\n [icon]=\"expandedElement === row ? 'expand_less' : 'expand_more'\"\n />\n </button>\n </ng-container>\n </td>\n </ng-container>\n\n <!-- Display Columns -->\n @for (column of tableColumns; track column; let i = $index) {\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n <th\n mat-header-cell\n *matHeaderCellDef\n #headerCell\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n matTooltipPosition=\"below\"\n matTooltipClass=\"bmb_tooltip\"\n [ngClass]=\"{\n 'bmb_table-sticky': i === 0,\n truncated: truncate(),\n wrapped: wrap(),\n }\"\n >\n <!-- T\u00EDtulo -->\n @if (column.htmlLabel) {\n <ng-template\n [ngTemplateOutlet]=\"column.htmlLabel\"\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n ></ng-template>\n } @else {\n {{ this.lang() === \"es\" ? column.label : column.labelEn }}\n }\n\n <!-- Resize Handle -->\n <span\n class=\"bmb_table-resize\"\n (mousedown)=\"onResizeColumn($event, i)\"\n ></span>\n </th>\n\n <td\n mat-cell\n *matCellDef=\"let row; let a = index\"\n #cell\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n tooltipClass=\"bmb_tooltip\"\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n >\n @if (isTemplateRef(row[column.dataKey + \"Template\"])) {\n <ng-template\n [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n ></ng-template>\n } @else {\n {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n }\n </td>\n </ng-container>\n }\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\" stickyEnd>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n <ng-template\n [ngTemplateOutlet]=\"actionTemplate()!\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n >\n </ng-template>\n </td>\n </ng-container>\n\n <!-- Row to expand -->\n <ng-container matColumnDef=\"expandedDetail\">\n <td\n mat-cell\n *matCellDef=\"let row\"\n [attr.colspan]=\"tableDisplayColumns.length\"\n >\n <div\n class=\"bmb_table-detail\"\n [@detailExpand]=\"row == expandedElement ? 'expanded' : 'collapsed'\"\n >\n <ng-container\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n ></ng-container>\n </div>\n </td>\n </ng-container>\n\n <!-- Rows -->\n <tr\n mat-header-row\n *matHeaderRowDef=\"tableDisplayColumns\"\n class=\"bmb_table-row\"\n ></tr>\n\n <tr\n mat-row\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n (click)=\"onSelectRow(row)\"\n class=\"bmb_table-row\"\n [class.bmb_table-expandible]=\"expandedElement === row\"\n [ngClass]=\"{\n 'bmb_table-even': isEven(i),\n 'bmb_table-odd': isOdd(i),\n }\"\n ></tr>\n\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\n <tr\n mat-row\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n class=\"bmb_table-details\"\n [class.bmb_table-expanded]=\"expandedElement === row\"\n ></tr>\n </ng-container>\n </table>\n </div>\n\n <!-- Paginator -->\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n <mat-paginator\n #paginator\n [pageSize]=\"this.pageSize()\"\n [hidePageSize]=\"true\"\n >\n </mat-paginator>\n\n <div class=\"bmb_table-paginator\">\n <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n <button\n [disabled]=\"!paginator || !paginator.hasPreviousPage()\"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled':\n !paginator || !paginator.hasPreviousPage(),\n }\"\n (click)=\"paginator.firstPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"!paginator || !paginator.hasPreviousPage()\"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled':\n !paginator || !paginator.hasPreviousPage(),\n }\"\n (click)=\"paginator.previousPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon icon=\"keyboard_arrow_left\" class=\"bmb_table-paginator-icon\" />\n </button>\n <button\n [disabled]=\"!paginator || !paginator.hasNextPage()\"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled':\n !paginator || !paginator.hasNextPage(),\n }\"\n (click)=\"paginator.nextPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"!paginator || !paginator.hasNextPage()\"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled':\n !paginator || !paginator.hasNextPage(),\n }\"\n (click)=\"paginator.lastPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n </div>\n </ng-container>\n</div>\n", 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);border-collapse:collapse;box-shadow:var(--bmb-box-shadow-3);display:flex;flex-direction:column;padding:1.5rem 1rem;width:100%}.bmb_table-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;flex-flow:row wrap;gap:1rem}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%}.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;margin:.5rem 0;position:sticky;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "control"], outputs: ["controlChange", "onValueChange", "onFocus"] }, { 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: [
|
|
5971
|
+
onPageEvent(event) {
|
|
5972
|
+
this.currentPage.set(event.pageIndex);
|
|
5973
|
+
if (this.serverSide()) {
|
|
5974
|
+
this.pageChange.emit({
|
|
5975
|
+
pageIndex: event.pageIndex + 1,
|
|
5976
|
+
pageSize: event.pageSize,
|
|
5977
|
+
});
|
|
5978
|
+
}
|
|
5979
|
+
else {
|
|
5980
|
+
this.dataSource.paginator.pageIndex = event.pageIndex;
|
|
5981
|
+
}
|
|
5982
|
+
}
|
|
5983
|
+
get resolvedPageSize() {
|
|
5984
|
+
return this.pageSize() ?? 10;
|
|
5985
|
+
}
|
|
5986
|
+
lastPage() {
|
|
5987
|
+
const total = this.totalItems() ?? 0;
|
|
5988
|
+
const size = this.resolvedPageSize;
|
|
5989
|
+
const result = size === 0 ? 0 : Math.ceil(total / size) - 1;
|
|
5990
|
+
return Math.max(0, result);
|
|
5991
|
+
}
|
|
5992
|
+
goToFirstPage() {
|
|
5993
|
+
if (this.currentPage() > 0) {
|
|
5994
|
+
this.currentPage.set(0);
|
|
5995
|
+
this.pageChange.emit({
|
|
5996
|
+
pageIndex: 1,
|
|
5997
|
+
pageSize: this.resolvedPageSize,
|
|
5998
|
+
});
|
|
5999
|
+
}
|
|
6000
|
+
}
|
|
6001
|
+
goToPreviousPage() {
|
|
6002
|
+
if (this.currentPage() > 0) {
|
|
6003
|
+
this.currentPage.set(this.currentPage() - 1);
|
|
6004
|
+
this.pageChange.emit({
|
|
6005
|
+
pageIndex: this.currentPage() + 1,
|
|
6006
|
+
pageSize: this.resolvedPageSize,
|
|
6007
|
+
});
|
|
6008
|
+
}
|
|
6009
|
+
}
|
|
6010
|
+
goToNextPage() {
|
|
6011
|
+
if (this.currentPage() < this.lastPage()) {
|
|
6012
|
+
this.currentPage.set(this.currentPage() + 1);
|
|
6013
|
+
this.pageChange.emit({
|
|
6014
|
+
pageIndex: this.currentPage() + 1,
|
|
6015
|
+
pageSize: this.resolvedPageSize,
|
|
6016
|
+
});
|
|
6017
|
+
}
|
|
6018
|
+
}
|
|
6019
|
+
goToLastPage() {
|
|
6020
|
+
const last = this.lastPage();
|
|
6021
|
+
this.currentPage.set(last);
|
|
6022
|
+
this.pageChange.emit({
|
|
6023
|
+
pageIndex: last + 1,
|
|
6024
|
+
pageSize: this.resolvedPageSize,
|
|
6025
|
+
});
|
|
6026
|
+
}
|
|
6027
|
+
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 }); }
|
|
6028
|
+
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 } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", 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: "@if (showSearch() || showFilters()) {\r\n <div class=\"bmb_table-header\">\r\n @if (showSearch()) {\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 }\r\n\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 <div class=\"bmb_table-filters\" *ngIf=\"filtersVisible\">\r\n <ng-container *ngFor=\"let column of tableColumns\">\r\n <div [ngSwitch]=\"column.type\" class=\"bmb_table-filter-item\">\r\n <!-- STRING -->\r\n <ng-container *ngSwitchCase=\"'string'\">\r\n <bmb-dropdown\r\n [isMultiSelect]=\"false\"\r\n [label]=\"column.label\"\r\n [options]=\"[\r\n { name: 'Sin orden', value: 'none', id: 'none' },\r\n { name: 'A-Z', value: 'asc', id: 'asc' },\r\n { name: 'Z-A', value: 'desc', id: 'desc' },\r\n ]\"\r\n [placeholder]=\"'Ordenar'\"\r\n [value]=\"getFormControl(column.dataKey + '_sort').value\"\r\n (onValueChange)=\"\r\n getFormControl(column.dataKey + '_sort').setValue($event)\r\n \"\r\n />\r\n </ng-container>\r\n\r\n <!-- NUMBER -->\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <div class=\"filter-number\">\r\n <bmb-input\r\n [label]=\"column.label\"\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 [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 </ng-container>\r\n\r\n <!-- DATE -->\r\n <ng-container *ngSwitchCase=\"'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 [multipleRow]=\"true\"\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 </ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n }\r\n </div>\r\n}\r\n<div class=\"bmb_table\">\r\n <div class=\"bmb_table-container\">\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]=\"expandedElement === row ? 'expand_less' : 'expand_more'\"\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]=\"row == expandedElement ? 'expanded' : 'collapsed'\"\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 </div>\r\n\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 icon=\"keyboard_arrow_left\" class=\"bmb_table-paginator-icon\" />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() >= lastPage() : !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() ? currentPage() >= lastPage() : !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", 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);border-collapse:collapse;box-shadow:var(--bmb-box-shadow-3);display:flex;flex-direction:column;padding:1.5rem 1rem;width:100%}.bmb_table-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;flex-flow:row wrap;gap:1rem}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%}.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;margin:.5rem 0;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "control"], outputs: ["controlChange", "onValueChange", "onFocus"] }, { 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: [
|
|
5922
6029
|
trigger('detailExpand', [
|
|
5923
6030
|
state('collapsed,void', style({ height: '0px', minHeight: '0' })),
|
|
5924
6031
|
state('expanded', style({ height: '*' })),
|
|
@@ -5951,11 +6058,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
5951
6058
|
state('expanded', style({ height: '*' })),
|
|
5952
6059
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
|
|
5953
6060
|
]),
|
|
5954
|
-
], template: "@if (showSearch() || showFilters()) {\n <div class=\"bmb_table-header\">\n @if (showSearch()) {\n <bmb-input\n class=\"bmb_table-search\"\n [type]=\"'text'\"\n [placeholder]=\"'Buscar'\"\n [disabled]=\"false\"\n [icon]=\"'search'\"\n [appearance]=\"'normal'\"\n [control]=\"searchControl\"\n ></bmb-input>\n }\n\n @if (showFilters()) {\n <bmb-action-icon\n [idElement]=\"''\"\n [icon]=\"'filter_list'\"\n [iconSize]=\"24\"\n (buttonClick)=\"toggleFilters()\"\n ></bmb-action-icon>\n\n <div class=\"bmb_table-filters\" *ngIf=\"filtersVisible\">\n <ng-container *ngFor=\"let column of tableColumns\">\n <div [ngSwitch]=\"column.type\" class=\"bmb_table-filter-item\">\n <!-- STRING -->\n <ng-container *ngSwitchCase=\"'string'\">\n <bmb-dropdown\n [isMultiSelect]=\"false\"\n [label]=\"column.label\"\n [options]=\"[\n { name: 'Sin orden', value: 'none', id: 'none' },\n { name: 'A-Z', value: 'asc', id: 'asc' },\n { name: 'Z-A', value: 'desc', id: 'desc' },\n ]\"\n [placeholder]=\"'Ordenar'\"\n [value]=\"getFormControl(column.dataKey + '_sort').value\"\n (onValueChange)=\"\n getFormControl(column.dataKey + '_sort').setValue($event)\n \"\n />\n </ng-container>\n\n <!-- NUMBER -->\n <ng-container *ngSwitchCase=\"'number'\">\n <div class=\"filter-number\">\n <bmb-input\n [label]=\"column.label\"\n [type]=\"'number'\"\n [placeholder]=\"'M\u00EDn'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_min')\"\n />\n <bmb-input\n [type]=\"'number'\"\n [placeholder]=\"'M\u00E1x'\"\n [appearance]=\"'normal'\"\n [control]=\"getFormControl(column.dataKey + '_max')\"\n />\n </div>\n </ng-container>\n\n <!-- DATE -->\n <ng-container *ngSwitchCase=\"'date'\">\n <bmb-date-range\n [label]=\"column.label\"\n [placeholderStartDate]=\"'Desde'\"\n [placeholderEndDate]=\"'Hasta'\"\n [icon]=\"'calendar_month'\"\n [appearance]=\"'normal'\"\n [dateFormat]=\"'dd/MM/yyyy'\"\n [multipleRow]=\"true\"\n [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n (startDateChange)=\"\n getFormControl(column.dataKey + '_from').setValue($event)\n \"\n (endDateChange)=\"\n getFormControl(column.dataKey + '_to').setValue($event)\n \"\n />\n </ng-container>\n </div>\n </ng-container>\n </div>\n }\n </div>\n}\n<div class=\"bmb_table\">\n <div class=\"bmb_table-container\">\n <table\n mat-table\n [dataSource]=\"dataSource\"\n class=\"bmb_table-content\"\n multiTemplateDataRows\n >\n <!-- Checkbox Column -->\n <ng-container matColumnDef=\"select\" sticky>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-checkbox\">\n <bmb-checkbox\n (change)=\"$event ? toggleAllRows() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n [ariaLabel]=\"checkboxLabel()\"\n [disabled]=\"false\"\n />\n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-checkbox\">\n <bmb-checkbox\n (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n [checked]=\"selection.isSelected(row)\"\n [ariaLabel]=\"checkboxLabel(row)\"\n [disabled]=\"false\"\n onkeypress=\"$event.stopPropagation()\"\n />\n </td>\n </ng-container>\n\n <!-- Expand Column -->\n <ng-container matColumnDef=\"expand\" sticky>\n <th\n mat-header-cell\n *matHeaderCellDef\n class=\"bmb_table-expand\"\n aria-label=\"row actions\"\n >\n \n </th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-expand\">\n <ng-container *ngIf=\"row.detail\">\n <button\n mat-icon-button\n aria-label=\"expand row\"\n (click)=\"\n expandedElement = expandedElement === row ? null : row;\n $event.stopPropagation()\n \"\n >\n <bmb-icon\n [icon]=\"expandedElement === row ? 'expand_less' : 'expand_more'\"\n />\n </button>\n </ng-container>\n </td>\n </ng-container>\n\n <!-- Display Columns -->\n @for (column of tableColumns; track column; let i = $index) {\n <ng-container [matColumnDef]=\"column.def\" [sticky]=\"i === 0\">\n <th\n mat-header-cell\n *matHeaderCellDef\n #headerCell\n [matTooltip]=\"hasEllipsis(headerCell) ? column.label : ''\"\n matTooltipPosition=\"below\"\n matTooltipClass=\"bmb_tooltip\"\n [ngClass]=\"{\n 'bmb_table-sticky': i === 0,\n truncated: truncate(),\n wrapped: wrap(),\n }\"\n >\n <!-- T\u00EDtulo -->\n @if (column.htmlLabel) {\n <ng-template\n [ngTemplateOutlet]=\"column.htmlLabel\"\n [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n ></ng-template>\n } @else {\n {{ this.lang() === \"es\" ? column.label : column.labelEn }}\n }\n\n <!-- Resize Handle -->\n <span\n class=\"bmb_table-resize\"\n (mousedown)=\"onResizeColumn($event, i)\"\n ></span>\n </th>\n\n <td\n mat-cell\n *matCellDef=\"let row; let a = index\"\n #cell\n [matTooltip]=\"hasEllipsis(cell) ? row[column.dataKey] : ''\"\n tooltipClass=\"bmb_tooltip\"\n [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n >\n @if (isTemplateRef(row[column.dataKey + \"Template\"])) {\n <ng-template\n [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n ></ng-template>\n } @else {\n {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n }\n </td>\n </ng-container>\n }\n\n <!-- Actions Column -->\n <ng-container matColumnDef=\"actions\" stickyEnd>\n <th mat-header-cell *matHeaderCellDef class=\"bmb_table-actions\"></th>\n <td mat-cell *matCellDef=\"let row\" class=\"bmb_table-actions\">\n <ng-template\n [ngTemplateOutlet]=\"actionTemplate()!\"\n [ngTemplateOutletContext]=\"{ row: row }\"\n >\n </ng-template>\n </td>\n </ng-container>\n\n <!-- Row to expand -->\n <ng-container matColumnDef=\"expandedDetail\">\n <td\n mat-cell\n *matCellDef=\"let row\"\n [attr.colspan]=\"tableDisplayColumns.length\"\n >\n <div\n class=\"bmb_table-detail\"\n [@detailExpand]=\"row == expandedElement ? 'expanded' : 'collapsed'\"\n >\n <ng-container\n *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n ></ng-container>\n </div>\n </td>\n </ng-container>\n\n <!-- Rows -->\n <tr\n mat-header-row\n *matHeaderRowDef=\"tableDisplayColumns\"\n class=\"bmb_table-row\"\n ></tr>\n\n <tr\n mat-row\n *matRowDef=\"let row; columns: tableDisplayColumns; let i = dataIndex\"\n (click)=\"onSelectRow(row)\"\n class=\"bmb_table-row\"\n [class.bmb_table-expandible]=\"expandedElement === row\"\n [ngClass]=\"{\n 'bmb_table-even': isEven(i),\n 'bmb_table-odd': isOdd(i),\n }\"\n ></tr>\n\n <ng-container *ngIf=\"tableConfig?.isExpandible\">\n <tr\n mat-row\n *matRowDef=\"let row; columns: ['expandedDetail']; let i = dataIndex\"\n class=\"bmb_table-details\"\n [class.bmb_table-expanded]=\"expandedElement === row\"\n ></tr>\n </ng-container>\n </table>\n </div>\n\n <!-- Paginator -->\n <ng-container *ngIf=\"tableConfig?.isPaginable\" sticky>\n <mat-paginator\n #paginator\n [pageSize]=\"this.pageSize()\"\n [hidePageSize]=\"true\"\n >\n </mat-paginator>\n\n <div class=\"bmb_table-paginator\">\n <span class=\"bmb_table-paginator-text\">{{ getPaginationText() }}</span>\n <button\n [disabled]=\"!paginator || !paginator.hasPreviousPage()\"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled':\n !paginator || !paginator.hasPreviousPage(),\n }\"\n (click)=\"paginator.firstPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_left\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"!paginator || !paginator.hasPreviousPage()\"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled':\n !paginator || !paginator.hasPreviousPage(),\n }\"\n (click)=\"paginator.previousPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon icon=\"keyboard_arrow_left\" class=\"bmb_table-paginator-icon\" />\n </button>\n <button\n [disabled]=\"!paginator || !paginator.hasNextPage()\"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled':\n !paginator || !paginator.hasNextPage(),\n }\"\n (click)=\"paginator.nextPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n <button\n [disabled]=\"!paginator || !paginator.hasNextPage()\"\n [ngClass]=\"{\n 'bmb_table-paginator-btn-disabled':\n !paginator || !paginator.hasNextPage(),\n }\"\n (click)=\"paginator.lastPage()\"\n class=\"bmb_table-paginator-btn\"\n >\n <bmb-icon\n icon=\"keyboard_double_arrow_right\"\n class=\"bmb_table-paginator-icon\"\n />\n </button>\n </div>\n </ng-container>\n</div>\n", 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);border-collapse:collapse;box-shadow:var(--bmb-box-shadow-3);display:flex;flex-direction:column;padding:1.5rem 1rem;width:100%}.bmb_table-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;flex-flow:row wrap;gap:1rem}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%}.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;margin:.5rem 0;position:sticky;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"] }]
|
|
5955
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$3.DomSanitizer }], propDecorators: { select: [{
|
|
6061
|
+
], template: "@if (showSearch() || showFilters()) {\r\n <div class=\"bmb_table-header\">\r\n @if (showSearch()) {\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 }\r\n\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 <div class=\"bmb_table-filters\" *ngIf=\"filtersVisible\">\r\n <ng-container *ngFor=\"let column of tableColumns\">\r\n <div [ngSwitch]=\"column.type\" class=\"bmb_table-filter-item\">\r\n <!-- STRING -->\r\n <ng-container *ngSwitchCase=\"'string'\">\r\n <bmb-dropdown\r\n [isMultiSelect]=\"false\"\r\n [label]=\"column.label\"\r\n [options]=\"[\r\n { name: 'Sin orden', value: 'none', id: 'none' },\r\n { name: 'A-Z', value: 'asc', id: 'asc' },\r\n { name: 'Z-A', value: 'desc', id: 'desc' },\r\n ]\"\r\n [placeholder]=\"'Ordenar'\"\r\n [value]=\"getFormControl(column.dataKey + '_sort').value\"\r\n (onValueChange)=\"\r\n getFormControl(column.dataKey + '_sort').setValue($event)\r\n \"\r\n />\r\n </ng-container>\r\n\r\n <!-- NUMBER -->\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <div class=\"filter-number\">\r\n <bmb-input\r\n [label]=\"column.label\"\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 [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 </ng-container>\r\n\r\n <!-- DATE -->\r\n <ng-container *ngSwitchCase=\"'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 [multipleRow]=\"true\"\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 </ng-container>\r\n </div>\r\n </ng-container>\r\n </div>\r\n }\r\n </div>\r\n}\r\n<div class=\"bmb_table\">\r\n <div class=\"bmb_table-container\">\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]=\"expandedElement === row ? 'expand_less' : 'expand_more'\"\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]=\"row == expandedElement ? 'expanded' : 'collapsed'\"\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 </div>\r\n\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 icon=\"keyboard_arrow_left\" class=\"bmb_table-paginator-icon\" />\r\n </button>\r\n <button\r\n [disabled]=\"\r\n serverSide() ? currentPage() >= lastPage() : !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() ? currentPage() >= lastPage() : !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", 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);border-collapse:collapse;box-shadow:var(--bmb-box-shadow-3);display:flex;flex-direction:column;padding:1.5rem 1rem;width:100%}.bmb_table-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;flex-flow:row wrap;gap:1rem}.bmb_table-search{flex:1}.bmb_table-filters{width:100%}.bmb_table-container{flex:1 0 auto;max-width:100%;overflow:auto;width:100%}.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;margin:.5rem 0;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"] }]
|
|
6062
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$3.DomSanitizer }, { type: i0.ChangeDetectorRef }], propDecorators: { select: [{
|
|
5956
6063
|
type: Output
|
|
5957
6064
|
}], clickedRow: [{
|
|
5958
6065
|
type: Output
|
|
6066
|
+
}], searchChange: [{
|
|
6067
|
+
type: Output
|
|
6068
|
+
}], filtersChange: [{
|
|
6069
|
+
type: Output
|
|
6070
|
+
}], searchModeChange: [{
|
|
6071
|
+
type: Output
|
|
6072
|
+
}], pageChange: [{
|
|
6073
|
+
type: Output
|
|
5959
6074
|
}], paginator: [{
|
|
5960
6075
|
type: ViewChild,
|
|
5961
6076
|
args: [MatPaginator]
|
|
@@ -8151,6 +8266,7 @@ class BmbStudentActivityCardComponent {
|
|
|
8151
8266
|
this.isListItem = input(false);
|
|
8152
8267
|
this.image = input();
|
|
8153
8268
|
this.dateFormat = input('yyyy-MM-dd HH:mm:ss');
|
|
8269
|
+
this.badgeText = input('');
|
|
8154
8270
|
this.parsedStartDate = DateTime.now();
|
|
8155
8271
|
this.parsedEndDate = DateTime.now();
|
|
8156
8272
|
}
|
|
@@ -8177,11 +8293,11 @@ class BmbStudentActivityCardComponent {
|
|
|
8177
8293
|
}
|
|
8178
8294
|
}
|
|
8179
8295
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbStudentActivityCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8180
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbStudentActivityCardComponent, isStandalone: true, selector: "bmb-student-activity-card", inputs: { startDate: { classPropertyName: "startDate", publicName: "startDate", isSignal: true, isRequired: true, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, responsible: { classPropertyName: "responsible", publicName: "responsible", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, isListItem: { classPropertyName: "isListItem", publicName: "isListItem", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"getCardClasses()\">\n @if (isListItem() && image()) {\n <figure class=\"bmb_student-activity-card-image\">\n <img\n class=\"bmb_student-activity-card-image-pic\"\n [src]=\"image()\"\n [alt]=\"title()\"\n />\n </figure>\n }\n <div class=\"bmb_student-activity-card-badge\">\n <bmb-badge\n [appearance]=\"getBadgeType()\"\n text=\"Badge text\"\n [container]=\"true\"\n />\n </div>\n <h4 class=\"bmb_student-activity-card-title\">\n {{ title() }}\n </h4>\n <section class=\"bmb_student-activity-card-content\">\n <strong class=\"bmb_student-activity-card-content-time\">\n {{ parsedStartDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }} -\n {{ parsedEndDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }}\n </strong>\n <p class=\"bmb_student-activity-card-content-location\">\n {{ location() }}<br />\n @if (!isListItem()) {\n {{ responsible() }}\n }\n </p>\n </section>\n</div>\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_student-activity-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;width:clamp(12.5rem,100%,21.25rem);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--bmb-box-shadow-2)}.bmb_student-activity-card-academic{background-image:linear-gradient(139deg,RGBA(var(--color-mariner-950)) -47.21%,RGBA(var(--color-mariner-900)) 93.52%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-academic .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-life{background-image:linear-gradient(325deg,RGBA(var(--color-green-primary)) 18.73%,RGBA(var(--color-green-light)) 103.37%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-life .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-events{background-image:linear-gradient(132deg,RGBA(var(--color-purple-primary)) -7.51%,RGBA(var(--color-purple-light)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-events .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-list-item{border-bottom:.0625rem solid var(--general_contrasts-50);width:100%;border-radius:0;box-shadow:none;display:grid;grid-template-columns:4rem 1fr max-content;grid-template-rows:auto;gap:.5rem;padding:1rem 0;grid-template-areas:\"image title badge\" \"image location location\"}.bmb_student-activity-card-list-item .bmb_student-activity-card-title{padding:0}.bmb_student-activity-card-list-item .bmb_student-activity-card-content{display:flex;gap:.5rem;flex-direction:row-reverse;align-items:center}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;flex:1;color:var(--general_contrasts-75)}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:var(--general_contrasts-75)}.bmb_student-activity-card-title{padding:var(--bmb-spacing-m) 0 3.125rem;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;font-weight:400;grid-area:title}.bmb_student-activity-card-image{margin:0;width:4rem;height:4rem;overflow:hidden;border-radius:.5rem;grid-area:image}.bmb_student-activity-card-image-pic{object-fit:fill;width:100%;height:100%}.bmb_student-activity-card-badge{grid-area:badge}.bmb_student-activity-card-content{text-align:right;grid-area:location}.bmb_student-activity-card-content-time{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;font-weight:600}.bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8296
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbStudentActivityCardComponent, isStandalone: true, selector: "bmb-student-activity-card", inputs: { startDate: { classPropertyName: "startDate", publicName: "startDate", isSignal: true, isRequired: true, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, responsible: { classPropertyName: "responsible", publicName: "responsible", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, isListItem: { classPropertyName: "isListItem", publicName: "isListItem", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"getCardClasses()\">\r\n @if (isListItem() && image()) {\r\n <figure class=\"bmb_student-activity-card-image\">\r\n <img\r\n class=\"bmb_student-activity-card-image-pic\"\r\n [src]=\"image()\"\r\n [alt]=\"title()\"\r\n />\r\n </figure>\r\n }\r\n <div class=\"bmb_student-activity-card-badge\">\r\n <bmb-badge\r\n [appearance]=\"getBadgeType()\"\r\n [text]=\"badgeText()\"\r\n [container]=\"true\"\r\n />\r\n </div>\r\n <h4 class=\"bmb_student-activity-card-title\">\r\n {{ title() }}\r\n </h4>\r\n <section class=\"bmb_student-activity-card-content\">\r\n <strong class=\"bmb_student-activity-card-content-time\">\r\n {{ parsedStartDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }} -\r\n {{ parsedEndDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }}\r\n </strong>\r\n <p class=\"bmb_student-activity-card-content-location\">\r\n {{ location() }}<br />\r\n @if (!isListItem()) {\r\n {{ responsible() }}\r\n }\r\n </p>\r\n </section>\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_student-activity-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;width:clamp(12.5rem,100%,21.25rem);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--bmb-box-shadow-2)}.bmb_student-activity-card-academic{background-image:linear-gradient(139deg,RGBA(var(--color-mariner-950)) -47.21%,RGBA(var(--color-mariner-900)) 93.52%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-academic .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-life{background-image:linear-gradient(325deg,RGBA(var(--color-green-primary)) 18.73%,RGBA(var(--color-green-light)) 103.37%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-life .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-events{background-image:linear-gradient(132deg,RGBA(var(--color-purple-primary)) -7.51%,RGBA(var(--color-purple-light)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-events .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-list-item{border-bottom:.0625rem solid var(--general_contrasts-50);width:100%;border-radius:0;box-shadow:none;display:grid;grid-template-columns:4rem 1fr max-content;grid-template-rows:auto;gap:.5rem;padding:1rem 0;grid-template-areas:\"image title badge\" \"image location location\"}.bmb_student-activity-card-list-item .bmb_student-activity-card-title{padding:0}.bmb_student-activity-card-list-item .bmb_student-activity-card-content{display:flex;gap:.5rem;flex-direction:row-reverse;align-items:center}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;flex:1;color:var(--general_contrasts-75)}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:var(--general_contrasts-75)}.bmb_student-activity-card-title{padding:var(--bmb-spacing-m) 0 3.125rem;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;font-weight:400;grid-area:title}.bmb_student-activity-card-image{margin:0;width:4rem;height:4rem;overflow:hidden;border-radius:.5rem;grid-area:image}.bmb_student-activity-card-image-pic{object-fit:fill;width:100%;height:100%}.bmb_student-activity-card-badge{grid-area:badge}.bmb_student-activity-card-content{text-align:right;grid-area:location}.bmb_student-activity-card-content-time{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;font-weight:600}.bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8181
8297
|
}
|
|
8182
8298
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbStudentActivityCardComponent, decorators: [{
|
|
8183
8299
|
type: Component,
|
|
8184
|
-
args: [{ selector: 'bmb-student-activity-card', standalone: true, imports: [CommonModule, BmbBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getCardClasses()\">\n @if (isListItem() && image()) {\n <figure class=\"bmb_student-activity-card-image\">\n <img\n class=\"bmb_student-activity-card-image-pic\"\n [src]=\"image()\"\n [alt]=\"title()\"\n />\n </figure>\n }\n <div class=\"bmb_student-activity-card-badge\">\n <bmb-badge\n [appearance]=\"getBadgeType()\"\n text=\"Badge text\"\n [container]=\"true\"\n />\n </div>\n <h4 class=\"bmb_student-activity-card-title\">\n {{ title() }}\n </h4>\n <section class=\"bmb_student-activity-card-content\">\n <strong class=\"bmb_student-activity-card-content-time\">\n {{ parsedStartDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }} -\n {{ parsedEndDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }}\n </strong>\n <p class=\"bmb_student-activity-card-content-location\">\n {{ location() }}<br />\n @if (!isListItem()) {\n {{ responsible() }}\n }\n </p>\n </section>\n</div>\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_student-activity-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;width:clamp(12.5rem,100%,21.25rem);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--bmb-box-shadow-2)}.bmb_student-activity-card-academic{background-image:linear-gradient(139deg,RGBA(var(--color-mariner-950)) -47.21%,RGBA(var(--color-mariner-900)) 93.52%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-academic .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-life{background-image:linear-gradient(325deg,RGBA(var(--color-green-primary)) 18.73%,RGBA(var(--color-green-light)) 103.37%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-life .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-events{background-image:linear-gradient(132deg,RGBA(var(--color-purple-primary)) -7.51%,RGBA(var(--color-purple-light)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-events .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-list-item{border-bottom:.0625rem solid var(--general_contrasts-50);width:100%;border-radius:0;box-shadow:none;display:grid;grid-template-columns:4rem 1fr max-content;grid-template-rows:auto;gap:.5rem;padding:1rem 0;grid-template-areas:\"image title badge\" \"image location location\"}.bmb_student-activity-card-list-item .bmb_student-activity-card-title{padding:0}.bmb_student-activity-card-list-item .bmb_student-activity-card-content{display:flex;gap:.5rem;flex-direction:row-reverse;align-items:center}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;flex:1;color:var(--general_contrasts-75)}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:var(--general_contrasts-75)}.bmb_student-activity-card-title{padding:var(--bmb-spacing-m) 0 3.125rem;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;font-weight:400;grid-area:title}.bmb_student-activity-card-image{margin:0;width:4rem;height:4rem;overflow:hidden;border-radius:.5rem;grid-area:image}.bmb_student-activity-card-image-pic{object-fit:fill;width:100%;height:100%}.bmb_student-activity-card-badge{grid-area:badge}.bmb_student-activity-card-content{text-align:right;grid-area:location}.bmb_student-activity-card-content-time{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;font-weight:600}.bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0}\n"] }]
|
|
8300
|
+
args: [{ selector: 'bmb-student-activity-card', standalone: true, imports: [CommonModule, BmbBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getCardClasses()\">\r\n @if (isListItem() && image()) {\r\n <figure class=\"bmb_student-activity-card-image\">\r\n <img\r\n class=\"bmb_student-activity-card-image-pic\"\r\n [src]=\"image()\"\r\n [alt]=\"title()\"\r\n />\r\n </figure>\r\n }\r\n <div class=\"bmb_student-activity-card-badge\">\r\n <bmb-badge\r\n [appearance]=\"getBadgeType()\"\r\n [text]=\"badgeText()\"\r\n [container]=\"true\"\r\n />\r\n </div>\r\n <h4 class=\"bmb_student-activity-card-title\">\r\n {{ title() }}\r\n </h4>\r\n <section class=\"bmb_student-activity-card-content\">\r\n <strong class=\"bmb_student-activity-card-content-time\">\r\n {{ parsedStartDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }} -\r\n {{ parsedEndDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }}\r\n </strong>\r\n <p class=\"bmb_student-activity-card-content-location\">\r\n {{ location() }}<br />\r\n @if (!isListItem()) {\r\n {{ responsible() }}\r\n }\r\n </p>\r\n </section>\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_student-activity-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;width:clamp(12.5rem,100%,21.25rem);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--bmb-box-shadow-2)}.bmb_student-activity-card-academic{background-image:linear-gradient(139deg,RGBA(var(--color-mariner-950)) -47.21%,RGBA(var(--color-mariner-900)) 93.52%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-academic .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-life{background-image:linear-gradient(325deg,RGBA(var(--color-green-primary)) 18.73%,RGBA(var(--color-green-light)) 103.37%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-life .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-events{background-image:linear-gradient(132deg,RGBA(var(--color-purple-primary)) -7.51%,RGBA(var(--color-purple-light)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-events .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-list-item{border-bottom:.0625rem solid var(--general_contrasts-50);width:100%;border-radius:0;box-shadow:none;display:grid;grid-template-columns:4rem 1fr max-content;grid-template-rows:auto;gap:.5rem;padding:1rem 0;grid-template-areas:\"image title badge\" \"image location location\"}.bmb_student-activity-card-list-item .bmb_student-activity-card-title{padding:0}.bmb_student-activity-card-list-item .bmb_student-activity-card-content{display:flex;gap:.5rem;flex-direction:row-reverse;align-items:center}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;flex:1;color:var(--general_contrasts-75)}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:var(--general_contrasts-75)}.bmb_student-activity-card-title{padding:var(--bmb-spacing-m) 0 3.125rem;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;font-weight:400;grid-area:title}.bmb_student-activity-card-image{margin:0;width:4rem;height:4rem;overflow:hidden;border-radius:.5rem;grid-area:image}.bmb_student-activity-card-image-pic{object-fit:fill;width:100%;height:100%}.bmb_student-activity-card-badge{grid-area:badge}.bmb_student-activity-card-content{text-align:right;grid-area:location}.bmb_student-activity-card-content-time{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;font-weight:600}.bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0}\n"] }]
|
|
8185
8301
|
}] });
|
|
8186
8302
|
|
|
8187
8303
|
class BmbNavigationBarComponent {
|
|
@@ -11098,7 +11214,7 @@ class BmbInputTagsComponent {
|
|
|
11098
11214
|
return showError(this.control());
|
|
11099
11215
|
}
|
|
11100
11216
|
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 }); }
|
|
11101
|
-
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"], 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 }); }
|
|
11217
|
+
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 }); }
|
|
11102
11218
|
}
|
|
11103
11219
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
|
|
11104
11220
|
type: Component,
|