@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1217-c → 1.5.1217-d

package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs

@@ -2656,6 +2656,7 @@ class BmbInputContentComponent {
     }
     handleClearValue() {
         this.control().reset();
+        this.onChange.emit(this.control().value);
     }
     get inputClasses() {
         const appearance = this.type() === 'text-area' ? 'normal' : this.appearance();
@@ -3074,6 +3075,7 @@ class BmbTagComponent {
         this.activityTag = input(false); //Disable
         this.isDisabled = input(false);
         this.isActive = input(false);
+        this.enableClick = input(false);
         this.closedTag = output();
         this.clickedTag = output();
         this.groupedTags = [];
@@ -3097,7 +3099,7 @@ class BmbTagComponent {
             'bmb_tag-rounded',
             `bmb_tag-${this.appearance()}`,
         ];
-        if (this.dismissible()) {
+        if (this.dismissible() || this.enableClick()) {
             if (this.isActive())
                 classes.push('bmb_tag-active');
             if (this.isDisabled())
@@ -3114,11 +3116,11 @@ class BmbTagComponent {
         this.clickedTag.emit(text);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTagComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbTagComponent, isStandalone: true, selector: "bmb-tag", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, activityTag: { classPropertyName: "activityTag", publicName: "activityTag", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closedTag: "closedTag", clickedTag: "clickedTag" }, ngImport: i0, template: "<ng-template #tag>\n  <span class=\"bmb_tag-text\">{{ text() }}</span>\n  @if (dismissible()) {\n    <bmb-action-icon\n      [iconSize]=\"16\"\n      class=\"bmb_tag-btn\"\n      (buttonClick)=\"closeTag(text())\"\n      [icon]=\"'close'\"\n    />\n  }\n</ng-template>\n\n@if (dismissible()) {\n  <button\n    type=\"button\"\n    [disabled]=\"isDisabled()\"\n    [ngClass]=\"getClasses()\"\n    (click)=\"clickTag(text())\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tag\" />\n  </button>\n} @else {\n  <div [ngClass]=\"getClasses()\">\n    <ng-container [ngTemplateOutlet]=\"tag\" />\n  </div>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbTagComponent, isStandalone: true, selector: "bmb-tag", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, activityTag: { classPropertyName: "activityTag", publicName: "activityTag", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, enableClick: { classPropertyName: "enableClick", publicName: "enableClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closedTag: "closedTag", clickedTag: "clickedTag" }, ngImport: i0, template: "<ng-template #tag>\n  <span class=\"bmb_tag-text\">{{ text() }}</span>\n  @if (dismissible()) {\n    <bmb-action-icon\n      [iconSize]=\"16\"\n      class=\"bmb_tag-btn\"\n      (buttonClick)=\"closeTag(text())\"\n      [icon]=\"'close'\"\n    />\n  }\n</ng-template>\n\n@if (dismissible() || enableClick()) {\n  <button\n    type=\"button\"\n    [disabled]=\"isDisabled()\"\n    [ngClass]=\"getClasses()\"\n    (click)=\"clickTag(text())\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tag\" />\n  </button>\n} @else {\n  <div [ngClass]=\"getClasses()\">\n    <ng-container [ngTemplateOutlet]=\"tag\" />\n  </div>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-tag', standalone: true, imports: [CommonModule, BmbIconComponent, BmbActionIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #tag>\n  <span class=\"bmb_tag-text\">{{ text() }}</span>\n  @if (dismissible()) {\n    <bmb-action-icon\n      [iconSize]=\"16\"\n      class=\"bmb_tag-btn\"\n      (buttonClick)=\"closeTag(text())\"\n      [icon]=\"'close'\"\n    />\n  }\n</ng-template>\n\n@if (dismissible()) {\n  <button\n    type=\"button\"\n    [disabled]=\"isDisabled()\"\n    [ngClass]=\"getClasses()\"\n    (click)=\"clickTag(text())\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tag\" />\n  </button>\n} @else {\n  <div [ngClass]=\"getClasses()\">\n    <ng-container [ngTemplateOutlet]=\"tag\" />\n  </div>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"] }]
+            args: [{ selector: 'bmb-tag', standalone: true, imports: [CommonModule, BmbIconComponent, BmbActionIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #tag>\n  <span class=\"bmb_tag-text\">{{ text() }}</span>\n  @if (dismissible()) {\n    <bmb-action-icon\n      [iconSize]=\"16\"\n      class=\"bmb_tag-btn\"\n      (buttonClick)=\"closeTag(text())\"\n      [icon]=\"'close'\"\n    />\n  }\n</ng-template>\n\n@if (dismissible() || enableClick()) {\n  <button\n    type=\"button\"\n    [disabled]=\"isDisabled()\"\n    [ngClass]=\"getClasses()\"\n    (click)=\"clickTag(text())\"\n  >\n    <ng-container [ngTemplateOutlet]=\"tag\" />\n  </button>\n} @else {\n  <div [ngClass]=\"getClasses()\">\n    <ng-container [ngTemplateOutlet]=\"tag\" />\n  </div>\n}\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_tag{font-family:Poppins-Regular,sans-serif;font-size:.75rem;align-items:center;background-color:var(--containers-background);border:.0625rem solid var(--general_contrasts-50);color:var(--general_contrasts-100);display:inline-flex;gap:.5rem;padding:.25rem 1rem;max-height:1.625rem;-webkit-user-select:none;user-select:none}.bmb_tag:focus,.bmb_tag:focus-visible,.bmb_tag-active,.bmb_tag:active:not(.bmb_tag-activity){background-color:var(--menu_select-surface-activated);border-color:var(--menu_select-surface-activated);color:var(--menu_select-label-menu-active);outline:0 none}.bmb_tag:hover:not(.bmb_tag-activity):not(.bmb_tag-disabled){background-color:var(--menu_select-on-surface-hovered);border-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_tag.disabled,.bmb_tag-disabled{opacity:.5}.bmb_tag-rounded{border-radius:1rem}.bmb_tag-mitec_blue{background-color:RGBA(var(--color-mitec-blue));border-color:RGBA(var(--color-mitec-blue));color:var(--general_contrasts-5)}.bmb_tag-mitec_red{background-color:RGBA(var(--color-mitec-red));border-color:RGBA(var(--color-mitec-red));color:var(--general_contrasts-5)}.bmb_tag-mitec_green{background-color:RGBA(var(--color-mitec-green));border-color:RGBA(var(--color-mitec-green));color:var(--general_contrasts-5)}.bmb_tag-mitec_orange{background-color:RGBA(var(--color-mitec-orange));border-color:RGBA(var(--color-mitec-orange));color:var(--general_contrasts-5)}.bmb_tag-mitec_light_green{background-color:RGBA(var(--color-green-light));border-color:RGBA(var(--color-green-light));color:var(--general_contrasts-5)}.bmb_tag-mitec_purple{background-color:RGBA(var(--color-mitec-purple));border-color:RGBA(var(--color-mitec-purple));color:var(--general_contrasts-5)}.bmb_tag-creative_violet{background-color:var(--creative-use-violet);border-color:var(--creative-use-violet);color:var(--general_contrasts-5)}.bmb_tag-creative_indigo{background-color:var(--creative-use-indigo);border-color:var(--creative-use-indigo);color:var(--general_contrasts-5)}.bmb_tag-creative_emerald{background-color:var(--creative-use-emerald);border-color:var(--creative-use-emerald);color:var(--general_contrasts-5)}.bmb_tag-creative_licorice{background-color:var(--creative-use-licorice);border-color:var(--creative-use-licorice);color:var(--general_contrasts-5)}.bmb_tag-creative_darkteal{background-color:var(--creative-use-darkteal);border-color:var(--creative-use-darkteal);color:var(--general_contrasts-5)}.bmb_tag-creative_peach{background-color:var(--creative-use-peach);border-color:var(--creative-use-peach);color:var(--general_contrasts-5)}.bmb_tag-creative_sepia{background-color:var(--creative-use-sepia);border-color:var(--creative-use-sepia);color:var(--general_contrasts-5)}.bmb_tag-creative_softred{background-color:var(--creative-use-softred);border-color:var(--creative-use-softred);color:var(--general_contrasts-5)}.bmb_tag-creative_wattle{background-color:var(--creative-use-wattle);border-color:var(--creative-use-wattle);color:var(--general_contrasts-5)}.bmb_tag-creative_shipcove{background-color:var(--creative-use-shipcove);border-color:var(--creative-use-shipcove);color:var(--general_contrasts-5)}.bmb_tag-creative_plantation{background-color:var(--creative-use-plantation);border-color:var(--creative-use-plantation);color:var(--general_contrasts-5)}.bmb_tag-creative_rum{background-color:var(--creative-use-rum);border-color:var(--creative-use-rum);color:var(--general_contrasts-5)}.bmb_tag-creative_hibiscus{background-color:var(--creative-use-hibiscus);border-color:var(--creative-use-hibiscus);color:var(--general_contrasts-5)}.bmb_tag-creative_ripelemon{background-color:var(--creative-use-ripelemon);border-color:var(--creative-use-ripelemon);color:var(--general_contrasts-5)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
 
 class BmbFilterCardComponent {
@@ -3251,7 +3253,7 @@ class BmbFilterCardComponent {
         this.filterForm.get('search')?.setValue(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbFilterCardComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\n  <ng-template #modalTemplate>\n    <div class=\"bmb_filter_card-modal\">\n      <form [formGroup]=\"filterForm\">\n        @if (showDropdown()) {\n          <bmb-dropdown\n            [placeholder]=\"placeholderSearch()\"\n            [options]=\"dropdownOptions()\"\n            [control]=\"getFormControl('search')\"\n            (onValueChange)=\"onValueChange($event)\"\n            [isFilterable]=\"true\"\n          />\n        } @else {\n          <bmb-input\n            [placeholder]=\"placeholderSearch()\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"getFormControl('search')\"\n            [isClearable]=\"true\"\n          />\n        }\n        @for (controlType of controlTypes(); track $index) {\n          <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n          <div class=\"bmb_filter_card-control\">\n            @for (control of controlType.control; track $index) {\n              @switch (control.type) {\n                @case ('tag') {\n                  <bmb-tag\n                    [text]=\"control.label\"\n                    [dismissible]=\"false\"\n                    [isActive]=\"storedValues[control.name]?.checked ?? false\"\n                    (clickedTag)=\"onControlChange(control, $event)\"\n                  />\n                }\n                @case ('radial') {\n                  <bmb-radial\n                    [name]=\"control.name\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [checked]=\"\n                      filterForm.get(control.name)?.value === control.label\n                    \"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('checkbox') {\n                  <bmb-checkbox\n                    [name]=\"control.name\"\n                    [checked]=\"filterForm.get(control.name)?.value\"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('switch') {\n                  <bmb-switch\n                    [rightText]=\"control.rightText ?? ''\"\n                    [isChecked]=\"filterForm.get(control.name)?.value === true\"\n                    (change)=\"onControlChange(control, $event)\"\n                  />\n                }\n              }\n            }\n          </div>\n        }\n        @if (inLine()) {\n          <footer class=\"bmb_filter_card-footer\">\n            <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n              {{ secondaryBtnLabel() }}\n            </button>\n            <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n              {{ primaryBtnLabel() }}\n            </button>\n          </footer>\n        }\n      </form>\n    </div>\n  </ng-template>\n\n  @if (inLine()) {\n    <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_filter_card-button\"\n      (click)=\"openModalComponent()\"\n      type=\"button\"\n    >\n      <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n    </button>\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbFilterCardComponent, isStandalone: true, selector: "bmb-filter-card", inputs: { modalTitle: { classPropertyName: "modalTitle", publicName: "modalTitle", isSignal: true, isRequired: false, transformFunction: null }, primaryBtnLabel: { classPropertyName: "primaryBtnLabel", publicName: "primaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryBtnLabel: { classPropertyName: "secondaryBtnLabel", publicName: "secondaryBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "placeholderSearch", isSignal: true, isRequired: false, transformFunction: null }, controlTypes: { classPropertyName: "controlTypes", publicName: "controlTypes", isSignal: true, isRequired: false, transformFunction: null }, inLine: { classPropertyName: "inLine", publicName: "inLine", isSignal: true, isRequired: false, transformFunction: null }, showDropdown: { classPropertyName: "showDropdown", publicName: "showDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownOptions: { classPropertyName: "dropdownOptions", publicName: "dropdownOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyFilters: "applyFilters", resetFilters: "resetFilters" }, viewQueries: [{ propertyName: "modalTemplate", first: true, predicate: ["modalTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"bmb_filter_card\">\n  <ng-template #modalTemplate>\n    <div class=\"bmb_filter_card-modal\">\n      <form [formGroup]=\"filterForm\">\n        @if (showDropdown()) {\n          <bmb-dropdown\n            [placeholder]=\"placeholderSearch()\"\n            [options]=\"dropdownOptions()\"\n            [control]=\"getFormControl('search')\"\n            (onValueChange)=\"onValueChange($event)\"\n            [isFilterable]=\"true\"\n          />\n        } @else {\n          <bmb-input\n            [placeholder]=\"placeholderSearch()\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"getFormControl('search')\"\n            [isClearable]=\"true\"\n          />\n        }\n        @for (controlType of controlTypes(); track $index) {\n          <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n          <div class=\"bmb_filter_card-control\">\n            @for (control of controlType.control; track $index) {\n              @switch (control.type) {\n                @case ('tag') {\n                  <bmb-tag\n                    [text]=\"control.label\"\n                    [dismissible]=\"false\"\n                    [enableClick]=\"true\"\n                    [isActive]=\"storedValues[control.name]?.checked ?? false\"\n                    (clickedTag)=\"onControlChange(control, $event)\"\n                  />\n                }\n                @case ('radial') {\n                  <bmb-radial\n                    [name]=\"control.name\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [checked]=\"\n                      filterForm.get(control.name)?.value === control.label\n                    \"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('checkbox') {\n                  <bmb-checkbox\n                    [name]=\"control.name\"\n                    [checked]=\"filterForm.get(control.name)?.value\"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('switch') {\n                  <bmb-switch\n                    [rightText]=\"control.rightText ?? ''\"\n                    [isChecked]=\"filterForm.get(control.name)?.value === true\"\n                    (change)=\"onControlChange(control, $event)\"\n                  />\n                }\n              }\n            }\n          </div>\n        }\n        @if (inLine()) {\n          <footer class=\"bmb_filter_card-footer\">\n            <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n              {{ secondaryBtnLabel() }}\n            </button>\n            <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n              {{ primaryBtnLabel() }}\n            </button>\n          </footer>\n        }\n      </form>\n    </div>\n  </ng-template>\n\n  @if (inLine()) {\n    <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_filter_card-button\"\n      (click)=\"openModalComponent()\"\n      type=\"button\"\n    >\n      <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n    </button>\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbSwitchComponent, selector: "bmb-switch", inputs: ["leftText", "leftIcon", "rightText", "rightIcon", "isChecked", "ariaLabel", "id", "disabled", "name", "inputId", "control"], outputs: ["isCheckedChange", "inputIdChange", "controlChange", "change"] }, { kind: "component", type: BmbRadialComponent, selector: "bmb-radial", inputs: ["id", "checked", "disabled", "value", "name", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "required", "errorMessage", "helperMessage", "showError", "control", "inputId"], outputs: ["showErrorChange", "controlChange", "inputIdChange", "change", "onKeyDown"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbDropdownComponent, selector: "bmb-dropdown", inputs: ["required", "showIcon", "placeholder", "icon", "options", "helperText", "errorMessage", "label", "name", "preferredOptions", "isMultiSelect", "tooltip", "tooltipPosition", "disabled", "value", "isFilterable", "inputId", "customValidation", "control", "isModalOpen"], outputs: ["controlChange", "onValueChange", "onFocus", "isModalOpenChange"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbFilterCardComponent, decorators: [{
             type: Component,
@@ -3266,7 +3268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         BmbDropdownComponent,
                         BmbButtonDirective,
                         BmbTagComponent,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_filter_card\">\n  <ng-template #modalTemplate>\n    <div class=\"bmb_filter_card-modal\">\n      <form [formGroup]=\"filterForm\">\n        @if (showDropdown()) {\n          <bmb-dropdown\n            [placeholder]=\"placeholderSearch()\"\n            [options]=\"dropdownOptions()\"\n            [control]=\"getFormControl('search')\"\n            (onValueChange)=\"onValueChange($event)\"\n            [isFilterable]=\"true\"\n          />\n        } @else {\n          <bmb-input\n            [placeholder]=\"placeholderSearch()\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"getFormControl('search')\"\n            [isClearable]=\"true\"\n          />\n        }\n        @for (controlType of controlTypes(); track $index) {\n          <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n          <div class=\"bmb_filter_card-control\">\n            @for (control of controlType.control; track $index) {\n              @switch (control.type) {\n                @case ('tag') {\n                  <bmb-tag\n                    [text]=\"control.label\"\n                    [dismissible]=\"false\"\n                    [isActive]=\"storedValues[control.name]?.checked ?? false\"\n                    (clickedTag)=\"onControlChange(control, $event)\"\n                  />\n                }\n                @case ('radial') {\n                  <bmb-radial\n                    [name]=\"control.name\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [checked]=\"\n                      filterForm.get(control.name)?.value === control.label\n                    \"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('checkbox') {\n                  <bmb-checkbox\n                    [name]=\"control.name\"\n                    [checked]=\"filterForm.get(control.name)?.value\"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('switch') {\n                  <bmb-switch\n                    [rightText]=\"control.rightText ?? ''\"\n                    [isChecked]=\"filterForm.get(control.name)?.value === true\"\n                    (change)=\"onControlChange(control, $event)\"\n                  />\n                }\n              }\n            }\n          </div>\n        }\n        @if (inLine()) {\n          <footer class=\"bmb_filter_card-footer\">\n            <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n              {{ secondaryBtnLabel() }}\n            </button>\n            <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n              {{ primaryBtnLabel() }}\n            </button>\n          </footer>\n        }\n      </form>\n    </div>\n  </ng-template>\n\n  @if (inLine()) {\n    <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_filter_card-button\"\n      (click)=\"openModalComponent()\"\n      type=\"button\"\n    >\n      <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n    </button>\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_filter_card\">\n  <ng-template #modalTemplate>\n    <div class=\"bmb_filter_card-modal\">\n      <form [formGroup]=\"filterForm\">\n        @if (showDropdown()) {\n          <bmb-dropdown\n            [placeholder]=\"placeholderSearch()\"\n            [options]=\"dropdownOptions()\"\n            [control]=\"getFormControl('search')\"\n            (onValueChange)=\"onValueChange($event)\"\n            [isFilterable]=\"true\"\n          />\n        } @else {\n          <bmb-input\n            [placeholder]=\"placeholderSearch()\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"getFormControl('search')\"\n            [isClearable]=\"true\"\n          />\n        }\n        @for (controlType of controlTypes(); track $index) {\n          <h4 class=\"bmb_filter_card-title\">{{ controlType.title }}</h4>\n          <div class=\"bmb_filter_card-control\">\n            @for (control of controlType.control; track $index) {\n              @switch (control.type) {\n                @case ('tag') {\n                  <bmb-tag\n                    [text]=\"control.label\"\n                    [dismissible]=\"false\"\n                    [enableClick]=\"true\"\n                    [isActive]=\"storedValues[control.name]?.checked ?? false\"\n                    (clickedTag)=\"onControlChange(control, $event)\"\n                  />\n                }\n                @case ('radial') {\n                  <bmb-radial\n                    [name]=\"control.name\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [checked]=\"\n                      filterForm.get(control.name)?.value === control.label\n                    \"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('checkbox') {\n                  <bmb-checkbox\n                    [name]=\"control.name\"\n                    [checked]=\"filterForm.get(control.name)?.value\"\n                    [label]=\"control.label\"\n                    (change)=\"onControlChange(control, $event)\"\n                    [inputId]=\"control.id ?? control.name + '-' + $index\"\n                    [value]=\"control.value ?? control.name\"\n                  />\n                }\n                @case ('switch') {\n                  <bmb-switch\n                    [rightText]=\"control.rightText ?? ''\"\n                    [isChecked]=\"filterForm.get(control.name)?.value === true\"\n                    (change)=\"onControlChange(control, $event)\"\n                  />\n                }\n              }\n            }\n          </div>\n        }\n        @if (inLine()) {\n          <footer class=\"bmb_filter_card-footer\">\n            <button bmbButton appearance=\"secondary-outlined\" type=\"reset\">\n              {{ secondaryBtnLabel() }}\n            </button>\n            <button bmbButton (click)=\"handleSubmit()\" type=\"submit\">\n              {{ primaryBtnLabel() }}\n            </button>\n          </footer>\n        }\n      </form>\n    </div>\n  </ng-template>\n\n  @if (inLine()) {\n    <ng-container [ngTemplateOutlet]=\"modalTemplate\" />\n  } @else {\n    <button\n      type=\"button\"\n      class=\"bmb_filter_card-button\"\n      (click)=\"openModalComponent()\"\n      type=\"button\"\n    >\n      <bmb-icon [icon]=\"icon()\" alt=\"Filter icon\" />\n    </button>\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_filter_card-button{height:1.75rem;width:1.75rem;font-size:1.75rem;color:RGBA(var(--color-charade-950))}.bmb_filter_card-title{font-family:Poppins-Medium,sans-serif;font-size:.875rem;margin:1.5rem 0 1rem;color:RGBA(var(--color-charade-700))}.bmb_filter_card-control{border-bottom:.0625rem solid RGBA(var(--color-charade-500));padding-bottom:.625rem}@media (min-width: 768px){.bmb_filter_card-control{display:flex;flex-wrap:wrap;gap:var(--bmb-spacing-s)}}.bmb_filter_card-footer{padding-top:1rem;display:flex;flex-wrap:wrap;flex-flow:column;justify-content:center;gap:1rem}@media (min-width: 768px){.bmb_filter_card-footer{flex-flow:row}.bmb_filter_card-footer .bmb_btn-rounded{width:50%}}[data-theme=dark] .bmb_filter_card-button,.storybook-dark-theme .bmb_filter_card-button{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_filter_card-title,.storybook-dark-theme .bmb_filter_card-title{color:RGBA(var(--color-charade-200))}\n"] }]
         }], ctorParameters: () => [{ type: BmbNativeModalService }], propDecorators: { modalTemplate: [{
                 type: ViewChild,
                 args: ['modalTemplate']
@@ -4418,7 +4420,7 @@ class BmbSidebarComponent {
     checkForButton({ isMobile, hasChildren }) {
         return isMobile && hasChildren;
     }
-    getLink({ link, isMobile, hasChildren, }) {
+    getLink({ link, isMobile, hasChildren }) {
         if (this.checkForButton({ isMobile, hasChildren }))
             return '';
         return link || '';
@@ -11999,7 +12001,7 @@ class BmbInputTagsComponent {
         return showError(this.control());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputTagsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n  class=\"bmb_input-tags\"\n  [name]=\"name()\"\n  [value]=\"getValidInitialValues()\"\n  [label]=\"label()!\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"isRequired()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [customValidation]=\"customValidation()\"\n  clickOutside\n  (clickOutside)=\"closeList()\"\n  [inputId]=\"inputId()\"\n>\n  <section\n    class=\"bmb_input-tags-container\"\n    [ngClass]=\"{\n      'bmb_input-tags-container-error': shouldShowError,\n      'bmb_input-tags-container-focus': isFocused()\n    }\"\n  >\n    <bmb-input-content\n      class=\"bmb_input-tags-filter\"\n      type=\"text\"\n      [inputId]=\"inputId()\"\n      [name]=\"getUUID('filter')\"\n      [control]=\"filterControl\"\n      [placeholder]=\"placeholder()\"\n      (click)=\"openList()\"\n      (onBlur)=\"handleValidity()\"\n      (keydown)=\"handleKeyDown($event)\"\n      (onFocus)=\"handleFocus($event)\"\n    />\n    @if (!!selectedTags && !!selectedTags.length) {\n      <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n        @for (item of selectedTags; track $index) {\n          <bmb-tag\n            [text]=\"item.selectedText!\"\n            [dismissible]=\"true\"\n            [isDisabled]=\"disabled()\"\n            (clickedTag)=\"removeTag(item)\"\n            (closedTag)=\"removeTag(item)\"\n          />\n        }\n      </div>\n    }\n  </section>\n  <input\n    hidden\n    type=\"text\"\n    [id]=\"name()\"\n    [name]=\"name()\"\n    [formControl]=\"control()\"\n  />\n  <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n    <bmb-dropdown-content\n      class=\"bmb_input-tags-dialog\"\n      name=\"list\"\n      [selectedOption]=\"control().value\"\n      [isKeyboardEvent]=\"isKeyboardEvent\"\n      [(items)]=\"filteredOptions\"\n      [(isOpen)]=\"showDropdown\"\n    />\n  </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbInputTagsComponent, isStandalone: true, selector: "bmb-input-tags", inputs: { errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isRequired: { classPropertyName: "isRequired", publicName: "isRequired", isSignal: true, isRequired: false, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, customValidation: { classPropertyName: "customValidation", publicName: "customValidation", isSignal: true, isRequired: false, transformFunction: null }, tagOptions: { classPropertyName: "tagOptions", publicName: "tagOptions", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagOptions: "tagOptionsChange", control: "controlChange", onKeyDown: "onKeyDown", onChange: "onChange" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<bmb-input-validator\n  class=\"bmb_input-tags\"\n  [name]=\"name()\"\n  [value]=\"getValidInitialValues()\"\n  [label]=\"label()!\"\n  [errorMessage]=\"errorMessage()\"\n  [helperMessage]=\"helperMessage()\"\n  [isRequired]=\"isRequired()\"\n  [isDisabled]=\"disabled()\"\n  [control]=\"control()\"\n  [showError]=\"shouldShowError\"\n  [tooltip]=\"tooltip()\"\n  [tooltipPosition]=\"tooltipPosition()\"\n  [customValidation]=\"customValidation()\"\n  clickOutside\n  (clickOutside)=\"closeList()\"\n  [inputId]=\"inputId()\"\n>\n  <section\n    class=\"bmb_input-tags-container\"\n    [ngClass]=\"{\n      'bmb_input-tags-container-error': shouldShowError,\n      'bmb_input-tags-container-focus': isFocused()\n    }\"\n  >\n    <bmb-input-content\n      class=\"bmb_input-tags-filter\"\n      type=\"text\"\n      [inputId]=\"inputId()\"\n      [name]=\"getUUID('filter')\"\n      [control]=\"filterControl\"\n      [placeholder]=\"placeholder()\"\n      (click)=\"openList()\"\n      (onBlur)=\"handleValidity()\"\n      (keydown)=\"handleKeyDown($event)\"\n      (onFocus)=\"handleFocus($event)\"\n    />\n    @if (!!selectedTags && !!selectedTags.length) {\n      <div class=\"bmb_input-tags-selected-list\" [tabIndex]=\"-1\">\n        @for (item of selectedTags; track $index) {\n          <bmb-tag\n            [text]=\"item.selectedText!\"\n            [dismissible]=\"true\"\n            [isDisabled]=\"disabled()\"\n            (clickedTag)=\"removeTag(item)\"\n            (closedTag)=\"removeTag(item)\"\n          />\n        }\n      </div>\n    }\n  </section>\n  <input\n    hidden\n    type=\"text\"\n    [id]=\"name()\"\n    [name]=\"name()\"\n    [formControl]=\"control()\"\n  />\n  <dialog [open]=\"showDropdown\" class=\"bmb_generic-dialog\">\n    <bmb-dropdown-content\n      class=\"bmb_input-tags-dialog\"\n      name=\"list\"\n      [selectedOption]=\"control().value\"\n      [isKeyboardEvent]=\"isKeyboardEvent\"\n      [(items)]=\"filteredOptions\"\n      [(isOpen)]=\"showDropdown\"\n    />\n  </dialog>\n</bmb-input-validator>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_input-tags-container{display:flex;flex-direction:column;box-sizing:border-box;border:.0625rem solid var(--general_contrasts-50);border-radius:.5rem;width:100%;background-color:var(--general_contrasts-input-background);height:3rem;transition:all .3s ease;min-height:3rem;height:auto}.bmb_input-tags-container-error{border-color:var(--input-error)}.bmb_input-tags-container:focus,.bmb_input-tags-container:focus-visible,.bmb_input-tags-container-focus{box-sizing:inherit;border-color:var(--general_contrasts-input-outline);caret-color:var(--general_contrasts-input-outline);outline:.0625rem solid;outline-color:var(--general_contrasts-input-outline)}.bmb_input-tags-container:hover{box-sizing:inherit;border-color:var(--general_contrasts-50);outline:.0625rem solid;outline-color:var(--general_contrasts-50)}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button{display:block;padding:.6875rem 1rem}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element{width:auto;border-radius:var(--bmb-spacing-m);padding:var(--bmb-spacing-s);height:1.625rem;border:.0625rem solid transparent}.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_input-tags-dialog .bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{border-color:var(--menu_select-on-surface-hovered-border)}.bmb_input-tags-filter .bmb_field-input-normal{border:0;height:2.75rem}.bmb_input-tags-filter .bmb_field-input-normal:focus,.bmb_input-tags-filter .bmb_field-input-normal:focus-visible,.bmb_input-tags-filter .bmb_field-input-normal:hover{border:0;outline:0 none}.bmb_input-tags-selected-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:var(--bmb-spacing-s);max-height:6.9375rem;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: BmbTagComponent, selector: "bmb-tag", inputs: ["appearance", "text", "grouped", "dismissible", "rounded", "activityTag", "isDisabled", "isActive", "enableClick"], outputs: ["closedTag", "clickedTag"] }, { kind: "component", type: BmbInputValidatorComponent, selector: "bmb-input-validator", inputs: ["inputId", "type", "appearance", "label", "labelPosition", "name", "value", "checked", "isRequired", "isDisabled", "max", "min", "maxLength", "minLength", "pattern", "jsonFormat", "tooltip", "rows", "tooltipPosition", "showMaxTextLength", "helperMessage", "errorMessage", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange"] }, { kind: "component", type: BmbInputContentComponent, selector: "bmb-input-content", inputs: ["type", "placeholder", "icon", "appearance", "isRequired", "name", "spellcheck", "heightTextArea", "maxLength", "minLength", "pattern", "max", "min", "inputId", "autoComplete", "rows", "isReadOnly", "additionalAction", "isClearable", "isError", "isHidden", "showStates", "control"], outputs: ["controlChange", "onFocus", "onBlur", "onChange", "onKeyDown", "onKeyUp"] }, { kind: "component", type: BmbDropdownContentComponent, selector: "bmb-dropdown-content", inputs: ["selectedOption", "items", "isKeyboardEvent", "enableFilter", "isOpen"], outputs: ["itemsChange", "isKeyboardEventChange", "isOpenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbInputTagsComponent, decorators: [{
             type: Component,
@@ -13340,6 +13342,558 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: [BmbSwitchComponent, { descendants: true }]
             }] } });
 
+class BmbTableLiteComponent {
+    // -----------------------------------------------------------------------------
+    // 🧠 CICLO DE VIDA Y EFECTOS REACTIVOS
+    // -----------------------------------------------------------------------------
+    constructor(cdr) {
+        this.cdr = cdr;
+        // -----------------------------------------------------------------------------
+        // 🔧 CONFIGURACIÓN INTERNA (no visible desde el template)
+        // -----------------------------------------------------------------------------
+        this._rawColumns = [];
+        this._rawConfig = {
+            isSelectable: false,
+            isExpandible: false,
+            isPaginable: false,
+            showActions: false,
+        };
+        // -----------------------------------------------------------------------------
+        // 📊 DATOS Y ESTADO DE LA TABLA
+        // -----------------------------------------------------------------------------
+        this.originalData = []; // Datos originales sin filtros
+        this.filteredData = []; // Datos tras aplicar filtros
+        this.pageSlice = []; // Página actual que se muestra
+        this.selection = new SelectionModel(true, []); // Selección de filas
+        // -----------------------------------------------------------------------------
+        // 🔍 FORMULARIO DE FILTROS Y BÚSQUEDA
+        // -----------------------------------------------------------------------------
+        this.filterForm = new FormGroup({}); // Controles dinámicos de filtros
+        this.searchControl = new FormControl(''); // Control de búsqueda (texto)
+        // -----------------------------------------------------------------------------
+        // 🧩 COLUMNAS Y ESTRUCTURA DE LA TABLA
+        // -----------------------------------------------------------------------------
+        this.tableColumns = []; // Columnas renderizadas en la tabla
+        // -----------------------------------------------------------------------------
+        // ⚙️ INPUTS (configuración externa del componente)
+        // -----------------------------------------------------------------------------
+        this.showSearch = input(false); // Muestra u oculta el buscador
+        this.pageSize = input(); // Tamaño de página
+        this.totalItems = input(0); // Total de elementos (server)
+        this.data = input([]); // Data recibida
+        this.columns = input([]); // Definición de columnas
+        this.config = input(); // Configuración general
+        this.truncate = input(false); // Activa truncado de texto
+        this.lang = input('es'); // Idioma ('es' | 'en')
+        this.serverSide = input(false); // Modo servidor o cliente
+        this.filtersPosition = input('top'); // Posición filtros
+        this.initialTableSelection = input([]); // Selección inicial de filas
+        this.actionTemplate = input(null); // Template de acciones
+        this.detailTemplate = input(null); // Template de detalle
+        // -----------------------------------------------------------------------------
+        // ⚡ MODELOS REACTIVOS (usando signals)
+        // -----------------------------------------------------------------------------
+        this.clearSelection = model(false); // Limpia selección desde fuera
+        this.currentPage = model(0); // Página actual
+        this.filtersVisible = model(false); // Estado visible/oculto de filtros
+        // -----------------------------------------------------------------------------
+        // 📤 OUTPUTS (eventos que emite la tabla)
+        // -----------------------------------------------------------------------------
+        this.select = new EventEmitter(); // Cambio de selección
+        this.clickedRow = new EventEmitter(); // Click en una fila
+        this.searchChange = new EventEmitter(); // Texto del buscador
+        this.filtersChange = new EventEmitter(); // Filtros aplicados
+        this.searchModeChange = new EventEmitter(); // Modo de búsqueda
+        this.pageChange = new EventEmitter(); // Cambio de página
+        // -----------------------------------------------------------------------------
+        // 🧮 PROPIEDADES COMPUTADAS
+        // -----------------------------------------------------------------------------
+        this.parsedFiltersColumns = computed(() => this.columns().filter((column) => column.isFilterable !== false));
+        // 🧩 Efecto: controla la página actual en modo servidor, asegurando que
+        // no exceda los límites (0 → lastPage)
+        effect(() => {
+            if (!this.serverSide())
+                return;
+            const last = this.lastPage();
+            if (this.currentPage() < 0) {
+                this.currentPage.set(0);
+                this.cdr.detectChanges();
+            }
+            else if (this.currentPage() > last) {
+                this.currentPage.set(last);
+                this.cdr.detectChanges();
+            }
+        });
+        // 🧩 Efecto: limpia la selección de filas si se activa `clearSelection`
+        effect(() => {
+            if (this.clearSelection()) {
+                this.selection.clear();
+                this.clearSelection.set(false);
+                this.select.emit(this.selection.selected);
+            }
+        }, { allowSignalWrites: true });
+    }
+    // 🧩 Detecta cambios en inputs reactivos (data, columns, config)
+    ngOnChanges(changes) {
+        if (changes['data'])
+            this.parseData(changes['data'].currentValue || []);
+        if (changes['columns'])
+            this.parseColumns(changes['columns'].currentValue || []);
+        if (changes['config'])
+            this.setConfig(changes['config'].currentValue || {});
+    }
+    // 🧩 Inicializa filtros y suscripciones del buscador
+    ngOnInit() {
+        this.searchControl.valueChanges.subscribe((value) => {
+            const search = (value || '').trim().toLowerCase();
+            if (this.serverSide()) {
+                this.searchModeChange.emit('server');
+                this.searchChange.emit(search);
+            }
+            else {
+                this.searchModeChange.emit('client');
+                this.applyFilters();
+            }
+            this.cdr.markForCheck();
+        });
+        this._rawConfig = this.config() || {};
+        this.parseData(this.data());
+        this.parseColumns(this.columns());
+        // 👇 importante: recrear filtros una vez que todo esté listo
+        setTimeout(() => {
+            this.setupDynamicFilters();
+            this.cdr.markForCheck();
+        });
+    }
+    // -----------------------------------------------------------------------------
+    // 🧩 MANEJO DE DATOS Y COLUMNAS
+    // -----------------------------------------------------------------------------
+    // 🔹 Normaliza y aplica los datos iniciales según el modo (server/client)
+    parseData(data) {
+        this.originalData = Array.isArray(data) ? data : [];
+        if (!this.serverSide()) {
+            this.applyFilters();
+            this.applyClientPagination();
+        }
+        else {
+            this.filteredData = [...this.originalData];
+            this.pageSlice = [...this.filteredData];
+        }
+        // 🧩 Aplica selección inicial si está configurada
+        const selectedRows = this.initialTableSelection() ?? [];
+        if (selectedRows.length && this.filteredData.length) {
+            this.selection.clear();
+            selectedRows.forEach((idx) => {
+                if (this.filteredData[idx]) {
+                    this.selection.select(this.filteredData[idx]);
+                }
+            });
+        }
+    }
+    // 🔹 Estandariza las columnas y genera sus filtros dinámicos
+    parseColumns(columns) {
+        const normalized = (columns || []).map((col) => ({
+            type: 'string',
+            labelEn: col.labelEn,
+            ...col,
+        }));
+        this._rawColumns = normalized;
+        this.applyColumnsAndConfig(normalized);
+        this.setupDynamicFilters();
+        this.applyFilters();
+        this.applyClientPagination();
+    }
+    // 🔹 Fusiona la configuración por defecto con la recibida vía input
+    setConfig(cfg) {
+        this.tableConfig = { ...this._rawConfig, ...cfg };
+        this.applyColumnsAndConfig(this._rawColumns);
+    }
+    // 🔹 Aplica columnas visibles y configura las especiales (select/expand/actions)
+    applyColumnsAndConfig(newColumns = []) {
+        if (!newColumns.length)
+            return;
+        const displayColumns = [...newColumns.map((c) => c.def)];
+        if (this._rawConfig.isExpandible)
+            displayColumns.unshift('expand');
+        if (this._rawConfig.isSelectable)
+            displayColumns.unshift('select');
+        if (this._rawConfig.showActions)
+            displayColumns.push('actions');
+        this.tableColumns = newColumns;
+        this.tableConfig = this._rawConfig;
+    }
+    // -----------------------------------------------------------------------------
+    // 🎛️ FILTROS Y BÚSQUEDA
+    // -----------------------------------------------------------------------------
+    // 🔹 Crea dinámicamente los controles del formulario de filtros
+    setupDynamicFilters() {
+        Object.keys(this.filterForm.controls).forEach((k) => this.filterForm.removeControl(k));
+        this._rawColumns.forEach((column) => {
+            const key = column.dataKey;
+            switch (column.type) {
+                case 'number':
+                    this.filterForm.addControl(`${key}_min`, new FormControl());
+                    this.filterForm.addControl(`${key}_max`, new FormControl());
+                    break;
+                case 'date':
+                    this.filterForm.addControl(`${key}_from`, new FormControl());
+                    this.filterForm.addControl(`${key}_to`, new FormControl());
+                    break;
+                default:
+                    this.filterForm.addControl(`${key}_contains`, new FormControl(''));
+            }
+        });
+        this.filterForm.valueChanges.subscribe(() => {
+            if (this.serverSide()) {
+                this.filtersChange.emit(this.filterForm.value);
+            }
+            else {
+                this.applyFilters();
+            }
+            this.cdr.markForCheck();
+        });
+    }
+    // 🔹 Aplica los filtros, búsqueda y paginación según el modo activo
+    applyFilters() {
+        const values = this.filterForm.value;
+        if (this.serverSide()) {
+            this.filtersChange.emit(values);
+            return;
+        }
+        if (!this._rawColumns || this._rawColumns.length === 0) {
+            this.filteredData = [...this.originalData];
+            this.applyClientPagination();
+            this.cdr.markForCheck();
+            return;
+        }
+        const searchText = (this.searchControl.value || '').toLowerCase().trim();
+        let filtered = [...this.originalData];
+        // 🔹 Aplica filtros numéricos, de fecha y texto
+        this._rawColumns.forEach((column) => {
+            const key = column.dataKey;
+            const type = column.type || 'string';
+            if (type === 'number') {
+                const rawMin = values[`${key}_min`];
+                const rawMax = values[`${key}_max`];
+                const min = rawMin === null || rawMin === undefined || rawMin === ''
+                    ? null
+                    : Number(rawMin);
+                const max = rawMax === null || rawMax === undefined || rawMax === ''
+                    ? null
+                    : Number(rawMax);
+                filtered = filtered.filter((row) => {
+                    const v = Number(row[key]);
+                    if (Number.isNaN(v))
+                        return false;
+                    return (min === null || v >= min) && (max === null || v <= max);
+                });
+            }
+            if (type === 'date') {
+                const dateFormat = column.dateFormat || 'yyyy-MM-dd';
+                const rawFrom = values[`${key}_from`];
+                const rawTo = values[`${key}_to`];
+                const from = rawFrom
+                    ? DateTime.fromFormat(String(rawFrom), dateFormat)
+                    : null;
+                const to = rawTo
+                    ? DateTime.fromFormat(String(rawTo), dateFormat)
+                    : null;
+                filtered = filtered.filter((row) => {
+                    const raw = row[key];
+                    if (!raw)
+                        return true;
+                    const dateVal = DateTime.fromFormat(String(raw), dateFormat);
+                    if (!dateVal.isValid)
+                        return true;
+                    const gte = !from || (from.isValid && dateVal >= from);
+                    const lte = !to || (to.isValid && dateVal <= to);
+                    return gte && lte;
+                });
+            }
+            if (type === 'string') {
+                const contains = (values[`${key}_contains`] || '').toLowerCase().trim();
+                if (contains) {
+                    filtered = filtered.filter((row) => (row[key] ?? '').toString().toLowerCase().includes(contains));
+                }
+            }
+        });
+        // 🔹 Aplica búsqueda global
+        if (searchText) {
+            filtered = filtered.filter((row) => this._rawColumns.some((col) => ((row[col.dataKey] ?? '') + '').toLowerCase().includes(searchText)));
+        }
+        this.filteredData = filtered;
+        this.applyClientPagination();
+        this.cdr.markForCheck();
+    }
+    // -----------------------------------------------------------------------------
+    // 📄 PAGINACIÓN (CLIENTE Y SERVIDOR)
+    // -----------------------------------------------------------------------------
+    // 🔹 Determina el tamaño actual de página
+    get resolvedPageSize() {
+        return this.pageSize() ?? 10;
+    }
+    // 🔹 Aplica la paginación del lado del cliente
+    applyClientPagination() {
+        if (this.serverSide() || !this.tableConfig?.isPaginable) {
+            this.pageSlice = [...this.filteredData];
+            return;
+        }
+        const start = this.currentPage() * this.resolvedPageSize;
+        const end = start + this.resolvedPageSize;
+        this.pageSlice = this.filteredData.slice(start, end);
+    }
+    // 🔹 Evento de cambio de página (client/server)
+    onPageEvent(pageIndex) {
+        this.currentPage.set(pageIndex);
+        if (this.serverSide()) {
+            this.pageChange.emit({
+                pageIndex: pageIndex + 1,
+                pageSize: this.resolvedPageSize,
+            });
+        }
+        else {
+            this.applyClientPagination();
+        }
+    }
+    // 🔹 Helpers de control de página
+    isFirstPage() {
+        return this.currentPage() <= 0;
+    }
+    isLastPage() {
+        return this.currentPage() >= this.lastPage();
+    }
+    isSinglePage() {
+        const totalItems = this.serverSide()
+            ? this.totalItems() ?? 0
+            : this.filteredData.length;
+        return totalItems <= this.resolvedPageSize;
+    }
+    // 🔹 Calcula la última página disponible
+    lastPage() {
+        const total = this.serverSide()
+            ? this.totalItems() ?? 0
+            : this.filteredData.length;
+        const size = this.resolvedPageSize;
+        const result = size === 0 ? 0 : Math.ceil(total / size) - 1;
+        return Math.max(0, result);
+    }
+    // 🔹 Navegación entre páginas
+    goToFirstPage() {
+        if (this.currentPage() > 0)
+            this.onPageEvent(0);
+    }
+    goToPreviousPage() {
+        if (this.currentPage() > 0)
+            this.onPageEvent(this.currentPage() - 1);
+    }
+    goToNextPage() {
+        if (this.currentPage() < this.lastPage())
+            this.onPageEvent(this.currentPage() + 1);
+    }
+    goToLastPage() {
+        this.onPageEvent(this.lastPage());
+    }
+    // 🔹 Texto descriptivo del rango paginado (ej. "1 - 5 de 20")
+    getPaginationText() {
+        const total = this.serverSide()
+            ? this.totalItems?.() ?? 0
+            : this.filteredData.length;
+        const pageIndex = this.currentPage?.() ?? 0;
+        const pageSize = this.resolvedPageSize;
+        if (total === 0 || pageSize === 0)
+            return `0 de ${total}`;
+        const startIndex = pageIndex * pageSize + 1;
+        const endIndex = Math.min((pageIndex + 1) * pageSize, total);
+        return `${startIndex} - ${endIndex} de ${total}`;
+    }
+    // -----------------------------------------------------------------------------
+    // 🖱️ INTERACCIÓN DE FILAS Y SELECCIÓN
+    // -----------------------------------------------------------------------------
+    // 🔹 Emite el evento de click en fila
+    onSelectRow(row) {
+        this.clickedRow.emit(row);
+    }
+    // 🔹 Emite el evento cuando cambia la selección
+    onSelect() {
+        console.log(this.selection.selected);
+        this.select.emit(this.selection.selected);
+    }
+    // 🔹 Comprueba si todas las filas visibles están seleccionadas
+    isAllSelected() {
+        const numSelected = this.selection.selected.length;
+        const numRows = this.pageSlice.length;
+        return numRows > 0 && numSelected === numRows;
+    }
+    // 🔹 Alterna la selección de todas las filas visibles
+    toggleAllRows() {
+        if (this.isAllSelected()) {
+            this.selection.clear();
+            this.onSelect();
+            return;
+        }
+        this.selection.select(...this.pageSlice);
+        this.onSelect();
+    }
+    // 🔹 Etiqueta accesible del checkbox (usada por ARIA)
+    checkboxLabel(row) {
+        if (!row)
+            return `${this.isAllSelected() ? 'deselect' : 'select'} all`;
+        const idx = this.pageSlice.indexOf(row);
+        return `${this.selection.isSelected(row) ? 'deselect' : 'select'} row ${idx + 1}`;
+    }
+    // -----------------------------------------------------------------------------
+    // 🎨 UTILIDADES DE RENDERIZADO Y CLASES
+    // -----------------------------------------------------------------------------
+    isEven(rowIndex) {
+        return rowIndex % 2 === 0;
+    }
+    isOdd(rowIndex) {
+        return !this.isEven(rowIndex);
+    }
+    isTemplateRef(value) {
+        return value instanceof TemplateRef;
+    }
+    // 🔹 Define clases dinámicas para celdas de datos
+    getCellClasses(row, columnKey, index) {
+        const semanticType = row[columnKey + 'Type'];
+        return {
+            'bmb_table_lite-sticky': index === 0,
+            truncated: this.truncate(),
+            ['bmb_table_lite-' + semanticType]: !!semanticType,
+        };
+    }
+    // 🔹 Define clases dinámicas para encabezados
+    getHeaderCellClasses(i) {
+        return {
+            'bmb_table_lite-sticky': i === 0,
+            truncated: this.truncate(),
+        };
+    }
+    // 🔹 Determina clases principales del contenedor según posición de filtros
+    getTableClasses() {
+        const classList = ['bmb_table_lite'];
+        switch (this.filtersPosition()) {
+            case 'right':
+                classList.push('bmb_table_lite-filters-right');
+                break;
+            case 'bottom':
+                classList.push('bmb_table_lite-filters-bottom');
+                break;
+            case 'left':
+                classList.push('bmb_table_lite-filters-left');
+                break;
+            default:
+                classList.push('bmb_table_lite-filters-top');
+        }
+        return classList;
+    }
+    // 🔹 Obtiene un control del formulario de filtros
+    getFormControl(name) {
+        return this.filterForm.get(name);
+    }
+    // 🔹 Alterna la visibilidad del panel de filtros
+    toggleFilters() {
+        this.filtersVisible.set(!this.filtersVisible());
+    }
+    // -----------------------------------------------------------------------------
+    // 🧮 VARIABLES CSS Y BINDINGS DINÁMICOS
+    // -----------------------------------------------------------------------------
+    get colCount() {
+        return this.tableColumns.length;
+    }
+    get colCheckbox() {
+        return this.tableConfig?.isSelectable ? '62px' : '0px';
+    }
+    get colExpand() {
+        return this.tableConfig?.isExpandible ? '40px' : '0px';
+    }
+    get colActions() {
+        return this.tableConfig?.showActions ? '80px' : '0px';
+    }
+    get hasCheckbox() {
+        return this.tableConfig?.isSelectable ? 1 : 0;
+    }
+    get hasExpand() {
+        return this.tableConfig?.isExpandible ? 1 : 0;
+    }
+    get hasActions() {
+        return this.tableConfig?.showActions ? 1 : 0;
+    }
+    // 🔹 Expone las variables CSS usadas para el grid dinámico
+    get cssVars() {
+        const hasSelect = this.tableConfig?.isSelectable;
+        const hasExpand = this.tableConfig?.isExpandible;
+        const hasActions = this.tableConfig?.showActions;
+        const columnTemplate = `repeat(${this.tableColumns.length}, minmax(120px, 1fr))`;
+        const parts = [
+            hasSelect ? 'var(--col-checkbox, 62px)' : '',
+            hasExpand ? 'var(--col-expand, 40px)' : '',
+            columnTemplate,
+            hasActions ? 'var(--col-actions, 80px)' : '',
+        ].filter(Boolean);
+        return {
+            '--col-count': this.tableColumns.length,
+            '--col-checkbox': hasSelect ? '62px' : '0px',
+            '--col-expand': hasExpand ? '40px' : '0px',
+            '--col-actions': hasActions ? '80px' : '0px',
+            '--grid-template': parts.join(' '),
+        };
+    }
+    trackByColumn(column) {
+        return column.def || column.label;
+    }
+    trackByRow(row) {
+        return row.id || row.sociedad;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTableLiteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbTableLiteComponent, isStandalone: true, selector: "bmb-table-lite", inputs: { showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, serverSide: { classPropertyName: "serverSide", publicName: "serverSide", isSignal: true, isRequired: false, transformFunction: null }, filtersPosition: { classPropertyName: "filtersPosition", publicName: "filtersPosition", isSignal: true, isRequired: false, transformFunction: null }, initialTableSelection: { classPropertyName: "initialTableSelection", publicName: "initialTableSelection", isSignal: true, isRequired: false, transformFunction: null }, actionTemplate: { classPropertyName: "actionTemplate", publicName: "actionTemplate", isSignal: true, isRequired: false, transformFunction: null }, detailTemplate: { classPropertyName: "detailTemplate", publicName: "detailTemplate", isSignal: true, isRequired: false, transformFunction: null }, clearSelection: { classPropertyName: "clearSelection", publicName: "clearSelection", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, filtersVisible: { classPropertyName: "filtersVisible", publicName: "filtersVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clearSelection: "clearSelectionChange", currentPage: "currentPageChange", filtersVisible: "filtersVisibleChange", select: "select", clickedRow: "clickedRow", searchChange: "searchChange", filtersChange: "filtersChange", searchModeChange: "searchModeChange", pageChange: "pageChange" }, host: { properties: { "style.--col-count": "this.colCount", "style.--col-checkbox": "this.colCheckbox", "style.--col-expand": "this.colExpand", "style.--col-actions": "this.colActions", "style.--has-checkbox": "this.hasCheckbox", "style.--has-expand": "this.hasExpand", "style.--has-actions": "this.hasActions" } }, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"getTableClasses()\" [ngStyle]=\"cssVars\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table_lite-header\">\n      @if (showSearch()) {\n        <section class=\"bmb_table_lite-search\">\n          <bmb-input\n            class=\"bmb_table_lite-input\"\n            [type]=\"'text'\"\n            [placeholder]=\"'Buscar'\"\n            [disabled]=\"false\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"searchControl\"\n          ></bmb-input>\n          <bmb-action-icon\n            [idElement]=\"''\"\n            [icon]=\"'filter_list'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleFilters()\"\n          ></bmb-action-icon>\n        </section>\n      }\n      <div class=\"bmb_table_lite-filter\">\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table_lite-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table_lite-filter-item-number\">\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00EDnimo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00E1ximo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00E1x'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_max')\"\n                    />\n                  </div>\n                }\n                @case ('date') {\n                  <bmb-date-range\n                    [label]=\"column.label\"\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\n                    [appearance]=\"'normal'\"\n                    [dateFormat]=\"'dd/MM/yyyy'\"\n                    [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n                    [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n                    (startDateChange)=\"\n                      getFormControl(column.dataKey + '_from').setValue($event)\n                    \"\n                    (endDateChange)=\"\n                      getFormControl(column.dataKey + '_to').setValue($event)\n                    \"\n                  />\n                }\n                @default {\n                  <bmb-input\n                    [label]=\"column.label\"\n                    [placeholder]=\"'Filtrar'\"\n                    [control]=\"getFormControl(column.dataKey + '_contains')\"\n                  />\n                }\n              }\n            </section>\n          }\n        }\n      </div>\n    </header>\n  }\n\n  <div class=\"bmb_table_lite-container\">\n    <section class=\"bmb_table_lite-container-table\">\n      <div class=\"bmb_table_lite-row bmb_table_lite-row--header\">\n        @if (tableConfig?.isSelectable) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? toggleAllRows() : null\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </div>\n        }\n\n        @if (tableConfig?.isExpandible) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-expand\">&nbsp;</div>\n        }\n\n        @for (\n          column of tableColumns;\n          track trackByColumn(column);\n          let i = $index\n        ) {\n          <div\n            class=\"bmb_table_lite-th\"\n            [ngClass]=\"getHeaderCellClasses(i)\"\n            [title]=\"\n              lang() === 'es' ? column.label : column.labelEn || column.label\n            \"\n          >\n            <ng-container *ngIf=\"column.icon\">\n              <bmb-icon [icon]=\"column.icon\"></bmb-icon>\n            </ng-container>\n\n            @if (column.htmlLabel) {\n              <ng-template\n                [ngTemplateOutlet]=\"column.htmlLabel\"\n                [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n              ></ng-template>\n            } @else {\n              <span class=\"bmb_table_lite-th-text\">\n                {{\n                  lang() === 'es'\n                    ? column.label\n                    : column.labelEn || column.label\n                }}\n              </span>\n            }\n          </div>\n        }\n\n        @if (tableConfig?.showActions) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-actions\"></div>\n        }\n      </div>\n\n      @for (row of pageSlice; track trackByRow(row); let rIndex = $index) {\n        <div\n          class=\"bmb_table_lite-row\"\n          (click)=\"onSelectRow(row)\"\n          [ngClass]=\"{\n            'bmb_table_lite-even': isEven(rIndex),\n            'bmb_table_lite-odd': isOdd(rIndex),\n            'bmb_table_lite-expandible': expandedElement === row\n          }\"\n        >\n          @if (tableConfig?.isSelectable) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-checkbox\">\n              <bmb-checkbox\n                (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n                [checked]=\"selection.isSelected(row)\"\n                [ariaLabel]=\"checkboxLabel(row)\"\n                [disabled]=\"false\"\n                onkeypress=\"$event.stopPropagation()\"\n              />\n            </div>\n          }\n\n          @if (tableConfig?.isExpandible) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-expand\">\n              <button\n                type=\"button\"\n                class=\"bmb_btn-icon\"\n                aria-label=\"expand row\"\n                (click)=\"\n                  expandedElement = expandedElement === row ? null : row;\n                  $event.stopPropagation()\n                \"\n              >\n                <bmb-icon\n                  [icon]=\"\n                    expandedElement === row ? 'expand_less' : 'expand_more'\n                  \"\n                ></bmb-icon>\n              </button>\n            </div>\n          }\n\n          @for (\n            column of tableColumns;\n            track trackByColumn(column);\n            let i = $index\n          ) {\n            <div\n              class=\"bmb_table_lite-td\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n              [title]=\"row[column.dataKey]?.propertyName || row[column.dataKey]\"\n            >\n              @if (isTemplateRef(row[column.dataKey + 'Template'])) {\n                <ng-template\n                  [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                <span>\n                  {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n                </span>\n              }\n            </div>\n          }\n\n          @if (tableConfig?.showActions) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-actions\">\n              @if (\n                tableColumns.length &&\n                tableColumns[tableColumns.length - 1].templateActions\n              ) {\n                <ng-template\n                  [ngTemplateOutlet]=\"\n                    tableColumns[tableColumns.length - 1].templateActions!\n                  \"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                <ng-template\n                  [ngTemplateOutlet]=\"actionTemplate()!\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              }\n            </div>\n          }\n        </div>\n\n        @if (tableConfig?.isExpandible) {\n          <div\n            class=\"bmb_table_lite-row bmb_table_lite-details\"\n            [class.bmb_table_lite-expanded]=\"expandedElement === row\"\n          >\n            <div class=\"bmb_table_lite-detail\" *ngIf=\"expandedElement === row\">\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </div>\n        }\n      }\n    </section>\n\n    @if (tableConfig?.isPaginable) {\n      <div class=\"bmb_table_lite-paginator\">\n        <span class=\"bmb_table_lite-paginator-text\">\n          {{ getPaginationText() }}\n        </span>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToFirstPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToPreviousPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToNextPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToLastPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table_lite{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);box-sizing:border-box;container-type:inline-size;padding:1.5rem 1rem;width:100%}.bmb_table_lite-filters-top,.bmb_table_lite-filters-left{display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_table_lite-filters-bottom,.bmb_table_lite-filters-right{align-items:flex-start;display:flex;flex-flow:column;gap:1rem;overflow:auto;flex-direction:column-reverse}@media (min-width: 1000px){.bmb_table_lite-filters-top .bmb_table_lite-header,.bmb_table_lite-filters-bottom .bmb_table_lite-header{height:30%;width:100%}.bmb_table_lite-filters-top .bmb_table_lite-container,.bmb_table_lite-filters-bottom .bmb_table_lite-container{flex:1}}@media (min-width: 1000px){.bmb_table_lite-filters-left,.bmb_table_lite-filters-right{flex-flow:row}.bmb_table_lite-filters-left .bmb_table_lite-header,.bmb_table_lite-filters-right .bmb_table_lite-header{width:30%}.bmb_table_lite-filters-left .bmb_table_lite-container,.bmb_table_lite-filters-right .bmb_table_lite-container{flex:1}}@media (min-width: 1000px){.bmb_table_lite-filters-right{flex-flow:row-reverse}}.bmb_table_lite-header{container-type:inline-size;max-height:100%;overflow:auto}.bmb_table_lite-header .bmb_table_lite-filter{display:flex;flex-flow:column;gap:1rem;overflow:auto;width:100%}@container (min-width: 600px){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 600px){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 699px){.bmb_table_lite-filter-item-number{flex-flow:column}}.bmb_table_lite-filter-item-number>*{flex:1}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{border-top:.125rem solid;content:\"\";display:inline-block;height:0;margin:0 .625rem;width:1rem}@media (max-width: 699px){.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table_lite-search{align-items:center;display:flex;gap:1rem}.bmb_table_lite-input{flex:1}.bmb_table_lite-filters{width:100%}.bmb_table_lite-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.bmb_table_lite-container-table{display:block;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.bmb_table_lite-content{width:100%}.bmb_table_lite-row{align-items:stretch;border-bottom:1px dashed var(--general_contrasts-25);display:grid;grid-template-columns:var(--grid-template);min-height:2.875rem;padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 767px){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:RGBA(var(--color-charade-500));text-transform:uppercase;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table_lite-th,.bmb_table_lite-td{align-items:center;display:flex;gap:.375rem;min-width:0;overflow:hidden;padding:0 .5rem;position:relative}@media (max-width: 767px){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 767px){.bmb_table_lite-th.truncated,.bmb_table_lite-td.truncated{max-width:6.25rem;min-width:5rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated>*,.bmb_table_lite-td.truncated>*{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated bmb-icon,.bmb_table_lite-th.truncated button,.bmb_table_lite-td.truncated bmb-icon,.bmb_table_lite-td.truncated button{flex:0 0 auto;margin-right:.25rem}}.bmb_table_lite-th.bmb_table_lite-checkbox,.bmb_table_lite-td.bmb_table_lite-checkbox{background:inherit;left:0;padding-right:0;position:sticky;text-align:center;width:3.875rem;z-index:2}.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{background:inherit;left:var(--col-checkbox, 0px);position:sticky;width:2.5rem;z-index:2}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{left:max(var(--col-checkbox, 0px),0px)}}.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{background:inherit;border-right:.0625rem solid var(--buttons-inactive-step);position:sticky;z-index:2;left:calc(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand))}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{left:max(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand),0px)}}.bmb_table_lite-th.bmb_table_lite-actions,.bmb_table_lite-td.bmb_table_lite-actions{background:inherit;border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;color:var(--color-table-90);cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container{display:flex}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table_lite-row>.bmb_table_lite-td .bmb_btn-icon bmb-icon{font-size:1.5rem}.bmb_table_lite-even{background-color:var(--containers-modal);color:var(--menu_select-label-menu-inactive)}.bmb_table_lite-even.bmb_table_lite-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table_lite-odd{background-color:var(--general_contrasts-15);color:var(--vertical-step-active-color)}.bmb_table_lite-odd.bmb_table_lite-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table_lite-details{background-color:var(--menu_select-on-surface-hovered-w-checkbox);height:auto}.bmb_table_lite-details:empty{display:none}.bmb_table_lite-details.bmb_table_lite-expanded{border-bottom:.0625rem dashed var(--general_contrasts-25)}.bmb_table_lite-details.bmb_table_lite-expanded .bmb_table_lite-detail{grid-column:1/-1}.bmb_table_lite-details>.bmb_table_lite-td{border:0;padding:0 1rem}.bmb_table_lite-detail{color:var(--general_contrasts-75);display:flex;overflow:hidden}.bmb_table_lite-detail>bmb-table-lite{width:100%}.bmb_table_lite-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table_lite-paginator-text{color:var(--general_contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table_lite-paginator-btn{align-items:center;background:transparent;border:0;color:var(--color-table-btn-900);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;width:3rem}.bmb_table_lite-paginator-btn[disabled]{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table_lite-paginator-icon{font-size:1.5rem}.bmb_table_lite bmb-checkbox{display:block;height:1.5rem}.bmb_table_lite bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table_lite-success{color:var(--semantic-success)}.bmb_table_lite-error{color:var(--semantic-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckboxComponent, selector: "bmb-checkbox", inputs: ["name", "id", "disabled", "required", "value", "label", "labelPosition", "ariaDescribedby", "ariaLabel", "ariaLabelledby", "errorMessage", "helperMessage", "customValidation", "control", "checked", "showError", "indeterminate", "inputId"], outputs: ["controlChange", "checkedChange", "showErrorChange", "indeterminateChange", "inputIdChange", "change"] }, { kind: "component", type: BmbInputComponent, selector: "bmb-input", inputs: ["label", "type", "placeholder", "icon", "appearance", "errorMessage", "helperMessage", "disabled", "isRequired", "name", "spellcheck", "jsonFormat", "heightTextArea", "maxlength", "minlength", "pattern", "size", "max", "min", "id", "value", "autocomplete", "tooltip", "rows", "showMaxTextLength", "additionalAction", "tooltipPosition", "isClearable", "customValidation", "showError", "control"], outputs: ["showErrorChange", "controlChange", "isFocus", "isBlur", "onChange", "onKeyDown"] }, { kind: "component", type: BmbDateRangeComponent, selector: "bmb-date-range", inputs: ["inputId", "label", "labelStartDate", "labelEndDate", "icon", "invalidFormatErrorMessage", "requiredFieldErrorMessage", "appearance", "disabled", "isRequired", "isClearable", "controlStart", "controlEnd", "dateFormat", "placeholderStartDate", "placeholderEndDate", "stepYearPicker", "name", "multipleRow", "customValidation", "errorMessage"], outputs: ["controlStartChange", "controlEndChange"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbTableLiteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-table-lite', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        BmbIconComponent,
+                        BmbCheckboxComponent,
+                        BmbInputComponent,
+                        BmbDateRangeComponent,
+                        BmbActionIconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getTableClasses()\" [ngStyle]=\"cssVars\">\n  @if (showSearch() || filtersVisible()) {\n    <header class=\"bmb_table_lite-header\">\n      @if (showSearch()) {\n        <section class=\"bmb_table_lite-search\">\n          <bmb-input\n            class=\"bmb_table_lite-input\"\n            [type]=\"'text'\"\n            [placeholder]=\"'Buscar'\"\n            [disabled]=\"false\"\n            [icon]=\"'search'\"\n            [appearance]=\"'normal'\"\n            [control]=\"searchControl\"\n          ></bmb-input>\n          <bmb-action-icon\n            [idElement]=\"''\"\n            [icon]=\"'filter_list'\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleFilters()\"\n          ></bmb-action-icon>\n        </section>\n      }\n      <div class=\"bmb_table_lite-filter\">\n        @if (filtersVisible()) {\n          @for (column of parsedFiltersColumns(); track $index) {\n            <section class=\"bmb_table_lite-filter-item\">\n              @switch (column.type) {\n                @case ('number') {\n                  <div class=\"bmb_table_lite-filter-item-number\">\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00EDnimo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00EDn'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_min')\"\n                    />\n                    <bmb-input\n                      [label]=\"column.label + ' m\u00E1ximo'\"\n                      [type]=\"'number'\"\n                      [placeholder]=\"'M\u00E1x'\"\n                      [appearance]=\"'normal'\"\n                      [control]=\"getFormControl(column.dataKey + '_max')\"\n                    />\n                  </div>\n                }\n                @case ('date') {\n                  <bmb-date-range\n                    [label]=\"column.label\"\n                    [placeholderStartDate]=\"'Desde'\"\n                    [placeholderEndDate]=\"'Hasta'\"\n                    [icon]=\"'calendar_month'\"\n                    [appearance]=\"'normal'\"\n                    [dateFormat]=\"'dd/MM/yyyy'\"\n                    [controlStart]=\"getFormControl(column.dataKey + '_from')\"\n                    [controlEnd]=\"getFormControl(column.dataKey + '_to')\"\n                    (startDateChange)=\"\n                      getFormControl(column.dataKey + '_from').setValue($event)\n                    \"\n                    (endDateChange)=\"\n                      getFormControl(column.dataKey + '_to').setValue($event)\n                    \"\n                  />\n                }\n                @default {\n                  <bmb-input\n                    [label]=\"column.label\"\n                    [placeholder]=\"'Filtrar'\"\n                    [control]=\"getFormControl(column.dataKey + '_contains')\"\n                  />\n                }\n              }\n            </section>\n          }\n        }\n      </div>\n    </header>\n  }\n\n  <div class=\"bmb_table_lite-container\">\n    <section class=\"bmb_table_lite-container-table\">\n      <div class=\"bmb_table_lite-row bmb_table_lite-row--header\">\n        @if (tableConfig?.isSelectable) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-checkbox\">\n            <bmb-checkbox\n              (change)=\"$event ? toggleAllRows() : null\"\n              [checked]=\"isAllSelected()\"\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n              [ariaLabel]=\"checkboxLabel()\"\n              [disabled]=\"false\"\n            />\n          </div>\n        }\n\n        @if (tableConfig?.isExpandible) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-expand\">&nbsp;</div>\n        }\n\n        @for (\n          column of tableColumns;\n          track trackByColumn(column);\n          let i = $index\n        ) {\n          <div\n            class=\"bmb_table_lite-th\"\n            [ngClass]=\"getHeaderCellClasses(i)\"\n            [title]=\"\n              lang() === 'es' ? column.label : column.labelEn || column.label\n            \"\n          >\n            <ng-container *ngIf=\"column.icon\">\n              <bmb-icon [icon]=\"column.icon\"></bmb-icon>\n            </ng-container>\n\n            @if (column.htmlLabel) {\n              <ng-template\n                [ngTemplateOutlet]=\"column.htmlLabel\"\n                [ngTemplateOutletContext]=\"{ column: column, index: i }\"\n              ></ng-template>\n            } @else {\n              <span class=\"bmb_table_lite-th-text\">\n                {{\n                  lang() === 'es'\n                    ? column.label\n                    : column.labelEn || column.label\n                }}\n              </span>\n            }\n          </div>\n        }\n\n        @if (tableConfig?.showActions) {\n          <div class=\"bmb_table_lite-th bmb_table_lite-actions\"></div>\n        }\n      </div>\n\n      @for (row of pageSlice; track trackByRow(row); let rIndex = $index) {\n        <div\n          class=\"bmb_table_lite-row\"\n          (click)=\"onSelectRow(row)\"\n          [ngClass]=\"{\n            'bmb_table_lite-even': isEven(rIndex),\n            'bmb_table_lite-odd': isOdd(rIndex),\n            'bmb_table_lite-expandible': expandedElement === row\n          }\"\n        >\n          @if (tableConfig?.isSelectable) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-checkbox\">\n              <bmb-checkbox\n                (change)=\"$event ? selection.toggle(row) : null; onSelect()\"\n                [checked]=\"selection.isSelected(row)\"\n                [ariaLabel]=\"checkboxLabel(row)\"\n                [disabled]=\"false\"\n                onkeypress=\"$event.stopPropagation()\"\n              />\n            </div>\n          }\n\n          @if (tableConfig?.isExpandible) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-expand\">\n              <button\n                type=\"button\"\n                class=\"bmb_btn-icon\"\n                aria-label=\"expand row\"\n                (click)=\"\n                  expandedElement = expandedElement === row ? null : row;\n                  $event.stopPropagation()\n                \"\n              >\n                <bmb-icon\n                  [icon]=\"\n                    expandedElement === row ? 'expand_less' : 'expand_more'\n                  \"\n                ></bmb-icon>\n              </button>\n            </div>\n          }\n\n          @for (\n            column of tableColumns;\n            track trackByColumn(column);\n            let i = $index\n          ) {\n            <div\n              class=\"bmb_table_lite-td\"\n              [ngClass]=\"getCellClasses(row, column.dataKey, i)\"\n              [title]=\"row[column.dataKey]?.propertyName || row[column.dataKey]\"\n            >\n              @if (isTemplateRef(row[column.dataKey + 'Template'])) {\n                <ng-template\n                  [ngTemplateOutlet]=\"row[column.dataKey + 'Template']\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                <span>\n                  {{ row[column.dataKey]?.propertyName || row[column.dataKey] }}\n                </span>\n              }\n            </div>\n          }\n\n          @if (tableConfig?.showActions) {\n            <div class=\"bmb_table_lite-td bmb_table_lite-actions\">\n              @if (\n                tableColumns.length &&\n                tableColumns[tableColumns.length - 1].templateActions\n              ) {\n                <ng-template\n                  [ngTemplateOutlet]=\"\n                    tableColumns[tableColumns.length - 1].templateActions!\n                  \"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              } @else {\n                <ng-template\n                  [ngTemplateOutlet]=\"actionTemplate()!\"\n                  [ngTemplateOutletContext]=\"{ row: row }\"\n                ></ng-template>\n              }\n            </div>\n          }\n        </div>\n\n        @if (tableConfig?.isExpandible) {\n          <div\n            class=\"bmb_table_lite-row bmb_table_lite-details\"\n            [class.bmb_table_lite-expanded]=\"expandedElement === row\"\n          >\n            <div class=\"bmb_table_lite-detail\" *ngIf=\"expandedElement === row\">\n              <ng-container\n                *ngTemplateOutlet=\"detailTemplate(); context: { row: row }\"\n              ></ng-container>\n            </div>\n          </div>\n        }\n      }\n    </section>\n\n    @if (tableConfig?.isPaginable) {\n      <div class=\"bmb_table_lite-paginator\">\n        <span class=\"bmb_table_lite-paginator-text\">\n          {{ getPaginationText() }}\n        </span>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToFirstPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isFirstPage() || isSinglePage()\"\n          (click)=\"goToPreviousPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_left\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToNextPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n\n        <button\n          class=\"bmb_table_lite-paginator-btn\"\n          [disabled]=\"isLastPage() || isSinglePage()\"\n          (click)=\"goToLastPage()\"\n        >\n          <bmb-icon\n            icon=\"keyboard_double_arrow_right\"\n            class=\"bmb_table_lite-paginator-icon\"\n          />\n        </button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_table_lite{background:var(--containers-modal);box-shadow:var(--bmb-box-shadow-3);box-sizing:border-box;container-type:inline-size;padding:1.5rem 1rem;width:100%}.bmb_table_lite-filters-top,.bmb_table_lite-filters-left{display:flex;flex-flow:column;gap:1rem;overflow:auto}.bmb_table_lite-filters-bottom,.bmb_table_lite-filters-right{align-items:flex-start;display:flex;flex-flow:column;gap:1rem;overflow:auto;flex-direction:column-reverse}@media (min-width: 1000px){.bmb_table_lite-filters-top .bmb_table_lite-header,.bmb_table_lite-filters-bottom .bmb_table_lite-header{height:30%;width:100%}.bmb_table_lite-filters-top .bmb_table_lite-container,.bmb_table_lite-filters-bottom .bmb_table_lite-container{flex:1}}@media (min-width: 1000px){.bmb_table_lite-filters-left,.bmb_table_lite-filters-right{flex-flow:row}.bmb_table_lite-filters-left .bmb_table_lite-header,.bmb_table_lite-filters-right .bmb_table_lite-header{width:30%}.bmb_table_lite-filters-left .bmb_table_lite-container,.bmb_table_lite-filters-right .bmb_table_lite-container{flex:1}}@media (min-width: 1000px){.bmb_table_lite-filters-right{flex-flow:row-reverse}}.bmb_table_lite-header{container-type:inline-size;max-height:100%;overflow:auto}.bmb_table_lite-header .bmb_table_lite-filter{display:flex;flex-flow:column;gap:1rem;overflow:auto;width:100%}@container (min-width: 600px){.bmb_table_lite-header .bmb_table_lite-filter{flex-flow:row;flex-wrap:wrap}}.bmb_table_lite-filter-item{width:100%}@container (min-width: 600px){.bmb_table_lite-filter-item{width:calc(50% - .5rem)}}.bmb_table_lite-filter-item-number{display:flex;flex-flow:row}@media (max-width: 699px){.bmb_table_lite-filter-item-number{flex-flow:column}}.bmb_table_lite-filter-item-number>*{flex:1}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-actions{right:2.5rem}.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{border-top:.125rem solid;content:\"\";display:inline-block;height:0;margin:0 .625rem;width:1rem}@media (max-width: 699px){.bmb_table_lite-filter-item-number bmb-input:first-child .bmb_field-wrapper:after{display:none}}.bmb_table_lite-search{align-items:center;display:flex;gap:1rem}.bmb_table_lite-input{flex:1}.bmb_table_lite-filters{width:100%}.bmb_table_lite-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.bmb_table_lite-container-table{display:block;overflow-x:auto;overflow-y:visible;position:relative;width:100%}.bmb_table_lite-content{width:100%}.bmb_table_lite-row{align-items:stretch;border-bottom:1px dashed var(--general_contrasts-25);display:grid;grid-template-columns:var(--grid-template);min-height:2.875rem;padding-inline:.5rem;position:relative;width:100%;isolation:isolate}@media (max-width: 767px){.bmb_table_lite-row{width:max-content;min-width:100%}}.bmb_table_lite-row--header{background-color:var(--containers-modal);border-bottom:0;color:RGBA(var(--color-charade-500));text-transform:uppercase;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table_lite-th,.bmb_table_lite-td{align-items:center;display:flex;gap:.375rem;min-width:0;overflow:hidden;padding:0 .5rem;position:relative}@media (max-width: 767px){.bmb_table_lite-th,.bmb_table_lite-td{max-width:7.5rem}}@media (max-width: 767px){.bmb_table_lite-th.truncated,.bmb_table_lite-td.truncated{max-width:6.25rem;min-width:5rem;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated>*,.bmb_table_lite-td.truncated>*{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_table_lite-th.truncated bmb-icon,.bmb_table_lite-th.truncated button,.bmb_table_lite-td.truncated bmb-icon,.bmb_table_lite-td.truncated button{flex:0 0 auto;margin-right:.25rem}}.bmb_table_lite-th.bmb_table_lite-checkbox,.bmb_table_lite-td.bmb_table_lite-checkbox{background:inherit;left:0;padding-right:0;position:sticky;text-align:center;width:3.875rem;z-index:2}.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{background:inherit;left:var(--col-checkbox, 0px);position:sticky;width:2.5rem;z-index:2}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-expand,.bmb_table_lite-td.bmb_table_lite-expand{left:max(var(--col-checkbox, 0px),0px)}}.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{background:inherit;border-right:.0625rem solid var(--buttons-inactive-step);position:sticky;z-index:2;left:calc(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand))}@supports (left: max(0px)){.bmb_table_lite-th.bmb_table_lite-sticky,.bmb_table_lite-td.bmb_table_lite-sticky{left:max(var(--col-checkbox, 0px) * var(--has-checkbox) + var(--col-expand, 0px) * var(--has-expand),0px)}}.bmb_table_lite-th.bmb_table_lite-actions,.bmb_table_lite-td.bmb_table_lite-actions{background:inherit;border-left:.0625rem solid var(--buttons-inactive-step);color:var(--color-table-90);position:sticky;right:0;z-index:2}.bmb_table_lite-th button,.bmb_table_lite-td button{align-items:center;background:transparent;border:0;color:var(--color-table-90);cursor:pointer;display:flex;padding:0}.bmb_table_lite-row>.bmb_table_lite-td{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container{display:flex}.bmb_table_lite-row>.bmb_table_lite-td.bmb_table_lite-actions .action-container bmb-icon{font-size:1.125rem}.bmb_table_lite-row>.bmb_table_lite-td .bmb_btn-icon bmb-icon{font-size:1.5rem}.bmb_table_lite-even{background-color:var(--containers-modal);color:var(--menu_select-label-menu-inactive)}.bmb_table_lite-even.bmb_table_lite-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table_lite-odd{background-color:var(--general_contrasts-15);color:var(--vertical-step-active-color)}.bmb_table_lite-odd.bmb_table_lite-expandible{background-color:var(--menu_select-on-surface-hovered-w-checkbox)}.bmb_table_lite-details{background-color:var(--menu_select-on-surface-hovered-w-checkbox);height:auto}.bmb_table_lite-details:empty{display:none}.bmb_table_lite-details.bmb_table_lite-expanded{border-bottom:.0625rem dashed var(--general_contrasts-25)}.bmb_table_lite-details.bmb_table_lite-expanded .bmb_table_lite-detail{grid-column:1/-1}.bmb_table_lite-details>.bmb_table_lite-td{border:0;padding:0 1rem}.bmb_table_lite-detail{color:var(--general_contrasts-75);display:flex;overflow:hidden}.bmb_table_lite-detail>bmb-table-lite{width:100%}.bmb_table_lite-paginator{align-items:center;bottom:0;display:flex;height:3rem;justify-content:flex-end;right:0;z-index:10}.bmb_table_lite-paginator-text{color:var(--general_contrasts-75);margin-right:2rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}.bmb_table_lite-paginator-btn{align-items:center;background:transparent;border:0;color:var(--color-table-btn-900);cursor:pointer;display:inline-flex;height:3rem;justify-content:center;padding:0;width:3rem}.bmb_table_lite-paginator-btn[disabled]{color:var(--buttons-inactive-step);cursor:not-allowed}.bmb_table_lite-paginator-icon{font-size:1.5rem}.bmb_table_lite bmb-checkbox{display:block;height:1.5rem}.bmb_table_lite bmb-checkbox .bmb_checkbox-mark{margin:0}.bmb_table_lite-success{color:var(--semantic-success)}.bmb_table_lite-error{color:var(--semantic-error)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { select: [{
+                type: Output
+            }], clickedRow: [{
+                type: Output
+            }], searchChange: [{
+                type: Output
+            }], filtersChange: [{
+                type: Output
+            }], searchModeChange: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], colCount: [{
+                type: HostBinding,
+                args: ['style.--col-count']
+            }], colCheckbox: [{
+                type: HostBinding,
+                args: ['style.--col-checkbox']
+            }], colExpand: [{
+                type: HostBinding,
+                args: ['style.--col-expand']
+            }], colActions: [{
+                type: HostBinding,
+                args: ['style.--col-actions']
+            }], hasCheckbox: [{
+                type: HostBinding,
+                args: ['style.--has-checkbox']
+            }], hasExpand: [{
+                type: HostBinding,
+                args: ['style.--has-expand']
+            }], hasActions: [{
+                type: HostBinding,
+                args: ['style.--has-actions']
+            }] } });
+
 /*
  * Public API Surface of ds-ng
  */
@@ -13349,5 +13903,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BmbAcademicProgressComponent, BmbAccordionComponent, BmbAccordionControlDirective, BmbAccountStatementComponent, BmbActionIconComponent, BmbActionMenuComponent, BmbAdvertisementCardComponent, BmbAlertCenterComponent, BmbAlertCenterService, BmbBadgeComponent, BmbBalanceOverviewComponent, BmbBookmarkComponent, BmbBottomNavigationBarComponent, BmbBreadcrumbComponent, BmbButtonDirective, BmbButtonGroupDirective, BmbButtonIconComponent, BmbCalendarComponent, BmbCalendarService, BmbCardButtonComponent, BmbCardComponent, BmbCardContentComponent, BmbCardFooterComponent, BmbCardHeaderComponent, BmbCarouselComponent, BmbChatBarComponent, BmbChatBubblesComponent, BmbCheckboxComponent, BmbChevronTitleSelectorComponent, BmbContainerButtonComponent, BmbContainerComponent, BmbDateRangeComponent, BmbDatepickerComponent, BmbDigitalIdComponent, BmbDividerComponent, BmbDotPaginatorComponent, BmbDrawerOverlayComponent, BmbDropdownComponent, BmbDropdownMenuComponent, BmbDropzoneComponent, BmbEvaluationRubricComponent, BmbExternalLinkComponent, BmbFabComponent, BmbFilterCardComponent, BmbFocusElementComponent, BmbFormValidatorComponent, BmbFrequentAppsSelectorComponent, BmbGradeValueComponent, BmbGradesComponent, BmbHeaderMobileComponent, BmbHitoCardComponent, BmbHitoListComponent, BmbHomeCardChatComponent, BmbHomeCardComponent, BmbHomeSectionComponent, BmbIconComponent, BmbIconItemComponent, BmbIconStatusComponent, BmbIframeComponent, BmbImageComponent, BmbInnerHeaderComponent, BmbInputComponent, BmbInputPhoneNumberComponent, BmbInputTagsComponent, BmbInteractiveIconComponent, BmbInvoiceComponent, BmbItemComponent, BmbLayoutDirective, BmbLayoutGridDirective, BmbLayoutGridItemDirective, BmbLayoutItemDirective, BmbLegendComponent, BmbListGroupComponent, BmbListGroupItemComponent, BmbListItemsComponent, BmbLoaderComponent, BmbLoginComponent, BmbLoginOnboardingComponent, BmbLoginOnboardingService, BmbLogoComponent, BmbMediaCardComponent, BmbMitecLogoAnimationComponent, BmbMobileTemplatesComponent, BmbModalComponent, BmbMultiDotPaginatorComponent, BmbMultiDotPaginatorItemComponent, BmbNativeModalComponent, BmbNativeModalService, BmbNavigationBarComponent, BmbNoticeCardComponent, BmbNotificationCardComponent, BmbNotificationService, BmbOverlayComponent, BmbPaginatorComponent, BmbPortalComponent, BmbProfileComponent, BmbProgressBarComponent, BmbProgressCircleComponent, BmbProjectionContentService, BmbPullWedgeComponent, BmbPushNotificationComponent, BmbRadialComponent, BmbSearchInputComponent, BmbServerTableComponent, BmbSidebarComponent, BmbSimpleHeaderComponent, BmbSkeletonComponent, BmbSoundsCardComponent, BmbStatCounterComponent, BmbStepProgressBarComponent, BmbStudentActivityCardComponent, BmbSwitchComponent, BmbTabStudentActivityComponent, BmbTablesComponent, BmbTabsComponent, BmbTagComponent, BmbTextEditorComponent, BmbTextLinkComponent, BmbThemeComponent, BmbThreeColsComponent, BmbTimestreamCardComponent, BmbTimestreamComponent, BmbTitleContentComponent, BmbToastComponent, BmbTooltipComponent, BmbTopBarComponent, BmbTopBarItemComponent, BmbTotpComponent, BmbUserImageComponent, BmbUserProfileComponent, BmbUserProfileService, BmbUserSummaryComponent, BmbValueCounterComponent, BmbVerticalLayoutDirective, BmbVerticalLayoutItemDirective, BmbWebTemplatesComponent, BmbWheelMenuComponent, CircleProgressOptions, DsNgComponent, DsNgService, TabsService, defaultActionList, defaultBotList };
+export { BmbAcademicProgressComponent, BmbAccordionComponent, BmbAccordionControlDirective, BmbAccountStatementComponent, BmbActionIconComponent, BmbActionMenuComponent, BmbAdvertisementCardComponent, BmbAlertCenterComponent, BmbAlertCenterService, BmbBadgeComponent, BmbBalanceOverviewComponent, BmbBookmarkComponent, BmbBottomNavigationBarComponent, BmbBreadcrumbComponent, BmbButtonDirective, BmbButtonGroupDirective, BmbButtonIconComponent, BmbCalendarComponent, BmbCalendarService, BmbCardButtonComponent, BmbCardComponent, BmbCardContentComponent, BmbCardFooterComponent, BmbCardHeaderComponent, BmbCarouselComponent, BmbChatBarComponent, BmbChatBubblesComponent, BmbCheckboxComponent, BmbChevronTitleSelectorComponent, BmbContainerButtonComponent, BmbContainerComponent, BmbDateRangeComponent, BmbDatepickerComponent, BmbDigitalIdComponent, BmbDividerComponent, BmbDotPaginatorComponent, BmbDrawerOverlayComponent, BmbDropdownComponent, BmbDropdownMenuComponent, BmbDropzoneComponent, BmbEvaluationRubricComponent, BmbExternalLinkComponent, BmbFabComponent, BmbFilterCardComponent, BmbFocusElementComponent, BmbFormValidatorComponent, BmbFrequentAppsSelectorComponent, BmbGradeValueComponent, BmbGradesComponent, BmbHeaderMobileComponent, BmbHitoCardComponent, BmbHitoListComponent, BmbHomeCardChatComponent, BmbHomeCardComponent, BmbHomeSectionComponent, BmbIconComponent, BmbIconItemComponent, BmbIconStatusComponent, BmbIframeComponent, BmbImageComponent, BmbInnerHeaderComponent, BmbInputComponent, BmbInputPhoneNumberComponent, BmbInputTagsComponent, BmbInteractiveIconComponent, BmbInvoiceComponent, BmbItemComponent, BmbLayoutDirective, BmbLayoutGridDirective, BmbLayoutGridItemDirective, BmbLayoutItemDirective, BmbLegendComponent, BmbListGroupComponent, BmbListGroupItemComponent, BmbListItemsComponent, BmbLoaderComponent, BmbLoginComponent, BmbLoginOnboardingComponent, BmbLoginOnboardingService, BmbLogoComponent, BmbMediaCardComponent, BmbMitecLogoAnimationComponent, BmbMobileTemplatesComponent, BmbModalComponent, BmbMultiDotPaginatorComponent, BmbMultiDotPaginatorItemComponent, BmbNativeModalComponent, BmbNativeModalService, BmbNavigationBarComponent, BmbNoticeCardComponent, BmbNotificationCardComponent, BmbNotificationService, BmbOverlayComponent, BmbPaginatorComponent, BmbPortalComponent, BmbProfileComponent, BmbProgressBarComponent, BmbProgressCircleComponent, BmbProjectionContentService, BmbPullWedgeComponent, BmbPushNotificationComponent, BmbRadialComponent, BmbSearchInputComponent, BmbServerTableComponent, BmbSidebarComponent, BmbSimpleHeaderComponent, BmbSkeletonComponent, BmbSoundsCardComponent, BmbStatCounterComponent, BmbStepProgressBarComponent, BmbStudentActivityCardComponent, BmbSwitchComponent, BmbTabStudentActivityComponent, BmbTableLiteComponent, BmbTablesComponent, BmbTabsComponent, BmbTagComponent, BmbTextEditorComponent, BmbTextLinkComponent, BmbThemeComponent, BmbThreeColsComponent, BmbTimestreamCardComponent, BmbTimestreamComponent, BmbTitleContentComponent, BmbToastComponent, BmbTooltipComponent, BmbTopBarComponent, BmbTopBarItemComponent, BmbTotpComponent, BmbUserImageComponent, BmbUserProfileComponent, BmbUserProfileService, BmbUserSummaryComponent, BmbValueCounterComponent, BmbVerticalLayoutDirective, BmbVerticalLayoutItemDirective, BmbWebTemplatesComponent, BmbWheelMenuComponent, CircleProgressOptions, DsNgComponent, DsNgService, TabsService, defaultActionList, defaultBotList };
 //# sourceMappingURL=ti-tecnologico-de-monterrey-oficial-ds-ng.mjs.map