@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1220-e → 1.5.1317-a

package/esm2022/lib/components/utils/bmb-dropdown-content/bmb-dropdown-content.component.mjs

@@ -0,0 +1,51 @@
+import { ChangeDetectionStrategy, Component, computed, input, model, signal, ViewEncapsulation, } from '@angular/core';
+import { BmbCheckExternalLinkButtonComponent } from '../../bmb-check-external-link-button/bmb-check-external-link-button.component';
+import { BmbIconComponent } from '../../bmb-icon/bmb-icon.component';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbDropdownContentComponent {
+    constructor() {
+        this.selectedOption = input(); //Internal
+        this.items = model([]);
+        this.isKeyboardEvent = model(false); //Internal
+        this.enableFilter = input(false);
+        this.isOpen = model(false); //remove this
+        this.filteredItems = computed(() => {
+            if (this.enableFilter() && this.filterString() !== '') {
+                return this.items().filter((item) => {
+                    return (item.text.toLocaleLowerCase().includes(this.filterString()) ||
+                        item.value?.toLocaleLowerCase().includes(this.filterString()) ||
+                        item.selectedText?.toLocaleLowerCase().includes(this.filterString()));
+                });
+            }
+            return this.items();
+        });
+        this.filterString = signal('');
+    }
+    filterList(event) {
+        const input = event.target;
+        const filterValue = input.value.toLowerCase();
+        this.filterString.set(filterValue);
+    }
+    isSelected(item) {
+        if (typeof this.selectedOption() === 'string')
+            return item === this.selectedOption();
+        return this.selectedOption()?.includes(item) || false;
+    }
+    handleDropdown(item) {
+        if (item?.action)
+            item.action();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropdownContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbDropdownContentComponent, isStandalone: true, selector: "bmb-dropdown-content", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, isKeyboardEvent: { classPropertyName: "isKeyboardEvent", publicName: "isKeyboardEvent", isSignal: true, isRequired: false, transformFunction: null }, enableFilter: { classPropertyName: "enableFilter", publicName: "enableFilter", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", isKeyboardEvent: "isKeyboardEventChange", isOpen: "isOpenChange" }, ngImport: i0, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n  <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n    @if (enableFilter()) {\n      <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n        <input\n          type=\"text\"\n          class=\"bmb_dropdown-content-item-filter-input\"\n          placeholder=\"Select an option\"\n          (input)=\"filterList($event)\"\n        />\n        <bmb-icon\n          class=\"bmb_dropdown-content-item-filter-icon\"\n          icon=\"search\"\n          [size]=\"24\"\n        />\n      </li>\n    }\n    @for (item of filteredItems(); track $index) {\n      <li\n        class=\"bmb_dropdown-content-item\"\n        [ngClass]=\"{\n          'bmb_dropdown-content-item-selected': isSelected(item.value!)\n        }\"\n        [id]=\"item.idItem\"\n      >\n        <bmb-check-external-link-button\n          [link]=\"item.url!\"\n          [target]=\"item.target!\"\n          (buttonClick)=\"handleDropdown(item)\"\n        >\n          @if (!!item.icon) {\n            <bmb-icon\n              class=\"bmb_dropdown-content-item-icon\"\n              [icon]=\"item.icon\"\n              [size]=\"24\"\n              [dotNotification]=\"item.dotNotification\"\n            />\n          }\n          <span class=\"bmb_dropdown-content-item-text\">\n            {{ item.text }}\n          </span>\n        </bmb-check-external-link-button>\n      </li>\n    }\n  </ul>\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_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbDropdownContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-dropdown-content', standalone: true, imports: [
+                        CommonModule,
+                        BmbCheckExternalLinkButtonComponent,
+                        BmbIconComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"bmb_dropdown-content-modal\" [tabindex]=\"1\">\n  <ul class=\"bmb_dropdown-content-container\" [tabindex]=\"-1\">\n    @if (enableFilter()) {\n      <li class=\"bmb_dropdown-content-item bmb_dropdown-content-item-filter\">\n        <input\n          type=\"text\"\n          class=\"bmb_dropdown-content-item-filter-input\"\n          placeholder=\"Select an option\"\n          (input)=\"filterList($event)\"\n        />\n        <bmb-icon\n          class=\"bmb_dropdown-content-item-filter-icon\"\n          icon=\"search\"\n          [size]=\"24\"\n        />\n      </li>\n    }\n    @for (item of filteredItems(); track $index) {\n      <li\n        class=\"bmb_dropdown-content-item\"\n        [ngClass]=\"{\n          'bmb_dropdown-content-item-selected': isSelected(item.value!)\n        }\"\n        [id]=\"item.idItem\"\n      >\n        <bmb-check-external-link-button\n          [link]=\"item.url!\"\n          [target]=\"item.target!\"\n          (buttonClick)=\"handleDropdown(item)\"\n        >\n          @if (!!item.icon) {\n            <bmb-icon\n              class=\"bmb_dropdown-content-item-icon\"\n              [icon]=\"item.icon\"\n              [size]=\"24\"\n              [dotNotification]=\"item.dotNotification\"\n            />\n          }\n          <span class=\"bmb_dropdown-content-item-text\">\n            {{ item.text }}\n          </span>\n        </bmb-check-external-link-button>\n      </li>\n    }\n  </ul>\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_dropdown-content-modal{background-color:var(--containers-main);border:0;z-index:1;box-shadow:var(--bmb-box-shadow-3);max-height:18rem;overflow:auto;width:100%;border-radius:.5rem;padding:0;margin:.5rem 0 0}.bmb_dropdown-content-container{list-style:none;padding:0;margin:0}.bmb_dropdown-content-item{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item .bmb_check-external-link-button-element{display:flex;align-items:center;background-color:transparent;border:none;padding:.5rem 1rem;text-decoration:none;width:100%;height:3rem;gap:var(--bmb-spacing-m)}.bmb_dropdown-content-item .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item .bmb_check-external-link-button-element:focus-visible{background-color:var(--menu_select-on-surface-hovered);outline:0 none}.bmb_dropdown-content-item-selected{color:var(--menu_select-label-menu-active)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element{background-color:var(--menu_select-surface-activated)}.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:hover,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus,.bmb_dropdown-content-item-selected .bmb_check-external-link-button-element:focus-visible{color:var(--menu_select-label-menu-inactive)}.bmb_dropdown-content-item-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_dropdown-content-item-filter{position:sticky;top:0;left:0}.bmb_dropdown-content-item-filter-icon{position:absolute;left:.5rem;top:.5rem}.bmb_dropdown-content-item-filter-input{border-radius:.5rem .5rem 0 0;border:.0625rem solid var(--general_contrasts-50);background-color:var(--general_contrasts-input-background);padding:.5rem .5rem .5rem 3rem;color:var(--menu_select-label-menu-inactive);width:100%}.bmb_dropdown-content-item-filter-input:hover,.bmb_dropdown-content-item-filter-input:focus,.bmb_dropdown-content-item-filter-input:focus-visible{outline:none}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLWRyb3Bkb3duLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL3V0aWxzL2JtYi1kcm9wZG93bi1jb250ZW50L2JtYi1kcm9wZG93bi1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy91dGlscy9ibWItZHJvcGRvd24tY29udGVudC9ibWItZHJvcGRvd24tY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLCtFQUErRSxDQUFDO0FBQ3BJLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBZS9DLE1BQU0sT0FBTywyQkFBMkI7SUFieEM7UUFjRSxtQkFBYyxHQUFHLEtBQUssRUFBcUIsQ0FBQyxDQUFDLFVBQVU7UUFDdkQsVUFBSyxHQUFHLEtBQUssQ0FBa0IsRUFBRSxDQUFDLENBQUM7UUFDbkMsb0JBQWUsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUMsQ0FBQyxVQUFVO1FBQ25ELGlCQUFZLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRXJDLFdBQU0sR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUMsQ0FBQyxhQUFhO1FBRTdDLGtCQUFhLEdBQUcsUUFBUSxDQUFrQixHQUFHLEVBQUU7WUFDN0MsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDckQsT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7b0JBQ2xDLE9BQU8sQ0FDTCxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQzt3QkFDM0QsSUFBSSxDQUFDLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7d0JBQzdELElBQUksQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQ3JFLENBQUM7Z0JBQ0osQ0FBQyxDQUFDLENBQUM7YUFDSjtZQUVELE9BQU8sSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3RCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsaUJBQVksR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7S0FrQm5DO0lBaEJDLFVBQVUsQ0FBQyxLQUFZO1FBQ3JCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDOUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFZO1FBQ3JCLElBQUksT0FBTyxJQUFJLENBQUMsY0FBYyxFQUFFLEtBQUssUUFBUTtZQUMzQyxPQUFPLElBQUksS0FBSyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFFeEMsT0FBTyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssQ0FBQztJQUN4RCxDQUFDO0lBRUQsY0FBYyxDQUFDLElBQW1CO1FBQ2hDLElBQUksSUFBSSxFQUFFLE1BQU07WUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDbEMsQ0FBQzsrR0F0Q1UsMkJBQTJCO21HQUEzQiwyQkFBMkIsMDJCQzNCeEMsbzhDQThDQSw4OVBENUJJLFlBQVksNkhBQ1osbUNBQW1DLHlNQUNuQyxnQkFBZ0I7OzRGQU9QLDJCQUEyQjtrQkFidkMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osbUNBQW1DO3dCQUNuQyxnQkFBZ0I7cUJBQ2pCLGlCQUdjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBjb21wdXRlZCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxuICBzaWduYWwsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJtYkNoZWNrRXh0ZXJuYWxMaW5rQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYm1iLWNoZWNrLWV4dGVybmFsLWxpbmstYnV0dG9uL2JtYi1jaGVjay1leHRlcm5hbC1saW5rLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2JtYi1pY29uL2JtYi1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJRHJvcGRvd25JdGVtIH0gZnJvbSAnLi4vLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLWRyb3Bkb3duLWNvbnRlbnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEJtYkNoZWNrRXh0ZXJuYWxMaW5rQnV0dG9uQ29tcG9uZW50LFxuICAgIEJtYkljb25Db21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ibWItZHJvcGRvd24tY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ibWItZHJvcGRvd24tY29udGVudC5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJEcm9wZG93bkNvbnRlbnRDb21wb25lbnQge1xuICBzZWxlY3RlZE9wdGlvbiA9IGlucHV0PHN0cmluZyB8IHN0cmluZ1tdPigpOyAvL0ludGVybmFsXG4gIGl0ZW1zID0gbW9kZWw8SURyb3Bkb3duSXRlbVtdPihbXSk7XG4gIGlzS2V5Ym9hcmRFdmVudCA9IG1vZGVsPGJvb2xlYW4+KGZhbHNlKTsgLy9JbnRlcm5hbFxuICBlbmFibGVGaWx0ZXIgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG5cbiAgaXNPcGVuID0gbW9kZWw8Ym9vbGVhbj4oZmFsc2UpOyAvL3JlbW92ZSB0aGlzXG5cbiAgZmlsdGVyZWRJdGVtcyA9IGNvbXB1dGVkPElEcm9wZG93bkl0ZW1bXT4oKCkgPT4ge1xuICAgIGlmICh0aGlzLmVuYWJsZUZpbHRlcigpICYmIHRoaXMuZmlsdGVyU3RyaW5nKCkgIT09ICcnKSB7XG4gICAgICByZXR1cm4gdGhpcy5pdGVtcygpLmZpbHRlcigoaXRlbSkgPT4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIGl0ZW0udGV4dC50b0xvY2FsZUxvd2VyQ2FzZSgpLmluY2x1ZGVzKHRoaXMuZmlsdGVyU3RyaW5nKCkpIHx8XG4gICAgICAgICAgaXRlbS52YWx1ZT8udG9Mb2NhbGVMb3dlckNhc2UoKS5pbmNsdWRlcyh0aGlzLmZpbHRlclN0cmluZygpKSB8fFxuICAgICAgICAgIGl0ZW0uc2VsZWN0ZWRUZXh0Py50b0xvY2FsZUxvd2VyQ2FzZSgpLmluY2x1ZGVzKHRoaXMuZmlsdGVyU3RyaW5nKCkpXG4gICAgICAgICk7XG4gICAgICB9KTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5pdGVtcygpO1xuICB9KTtcbiAgZmlsdGVyU3RyaW5nID0gc2lnbmFsPHN0cmluZz4oJycpO1xuXG4gIGZpbHRlckxpc3QoZXZlbnQ6IEV2ZW50KSB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICBjb25zdCBmaWx0ZXJWYWx1ZSA9IGlucHV0LnZhbHVlLnRvTG93ZXJDYXNlKCk7XG4gICAgdGhpcy5maWx0ZXJTdHJpbmcuc2V0KGZpbHRlclZhbHVlKTtcbiAgfVxuXG4gIGlzU2VsZWN0ZWQoaXRlbTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgaWYgKHR5cGVvZiB0aGlzLnNlbGVjdGVkT3B0aW9uKCkgPT09ICdzdHJpbmcnKVxuICAgICAgcmV0dXJuIGl0ZW0gPT09IHRoaXMuc2VsZWN0ZWRPcHRpb24oKTtcblxuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkT3B0aW9uKCk/LmluY2x1ZGVzKGl0ZW0pIHx8IGZhbHNlO1xuICB9XG5cbiAgaGFuZGxlRHJvcGRvd24oaXRlbTogSURyb3Bkb3duSXRlbSkge1xuICAgIGlmIChpdGVtPy5hY3Rpb24pIGl0ZW0uYWN0aW9uKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJibWJfZHJvcGRvd24tY29udGVudC1tb2RhbFwiIFt0YWJpbmRleF09XCIxXCI+XG4gIDx1bCBjbGFzcz1cImJtYl9kcm9wZG93bi1jb250ZW50LWNvbnRhaW5lclwiIFt0YWJpbmRleF09XCItMVwiPlxuICAgIEBpZiAoZW5hYmxlRmlsdGVyKCkpIHtcbiAgICAgIDxsaSBjbGFzcz1cImJtYl9kcm9wZG93bi1jb250ZW50LWl0ZW0gYm1iX2Ryb3Bkb3duLWNvbnRlbnQtaXRlbS1maWx0ZXJcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIGNsYXNzPVwiYm1iX2Ryb3Bkb3duLWNvbnRlbnQtaXRlbS1maWx0ZXItaW5wdXRcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IGFuIG9wdGlvblwiXG4gICAgICAgICAgKGlucHV0KT1cImZpbHRlckxpc3QoJGV2ZW50KVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxibWItaWNvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX2Ryb3Bkb3duLWNvbnRlbnQtaXRlbS1maWx0ZXItaWNvblwiXG4gICAgICAgICAgaWNvbj1cInNlYXJjaFwiXG4gICAgICAgICAgW3NpemVdPVwiMjRcIlxuICAgICAgICAvPlxuICAgICAgPC9saT5cbiAgICB9XG4gICAgQGZvciAoaXRlbSBvZiBmaWx0ZXJlZEl0ZW1zKCk7IHRyYWNrICRpbmRleCkge1xuICAgICAgPGxpXG4gICAgICAgIGNsYXNzPVwiYm1iX2Ryb3Bkb3duLWNvbnRlbnQtaXRlbVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAnYm1iX2Ryb3Bkb3duLWNvbnRlbnQtaXRlbS1zZWxlY3RlZCc6IGlzU2VsZWN0ZWQoaXRlbS52YWx1ZSEpXG4gICAgICAgIH1cIlxuICAgICAgICBbaWRdPVwiaXRlbS5pZEl0ZW1cIlxuICAgICAgPlxuICAgICAgICA8Ym1iLWNoZWNrLWV4dGVybmFsLWxpbmstYnV0dG9uXG4gICAgICAgICAgW2xpbmtdPVwiaXRlbS51cmwhXCJcbiAgICAgICAgICBbdGFyZ2V0XT1cIml0ZW0udGFyZ2V0IVwiXG4gICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cImhhbmRsZURyb3Bkb3duKGl0ZW0pXCJcbiAgICAgICAgPlxuICAgICAgICAgIEBpZiAoISFpdGVtLmljb24pIHtcbiAgICAgICAgICAgIDxibWItaWNvblxuICAgICAgICAgICAgICBjbGFzcz1cImJtYl9kcm9wZG93bi1jb250ZW50LWl0ZW0taWNvblwiXG4gICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgIFtzaXplXT1cIjI0XCJcbiAgICAgICAgICAgICAgW2RvdE5vdGlmaWNhdGlvbl09XCJpdGVtLmRvdE5vdGlmaWNhdGlvblwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImJtYl9kcm9wZG93bi1jb250ZW50LWl0ZW0tdGV4dFwiPlxuICAgICAgICAgICAge3sgaXRlbS50ZXh0IH19XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2JtYi1jaGVjay1leHRlcm5hbC1saW5rLWJ1dHRvbj5cbiAgICAgIDwvbGk+XG4gICAgfVxuICA8L3VsPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/directives/bmb-accordion/bmb-accordion-control.directive.mjs

@@ -0,0 +1,88 @@
+import { Directive, ContentChildren, Input, } from '@angular/core';
+import { BmbAccordionComponent } from '../../components/bmb-accordion/bmb-accordion.component';
+import * as i0 from "@angular/core";
+export class BmbAccordionControlDirective {
+    constructor(differs) {
+        this.differs = differs;
+        this.subscriptions = [];
+        this.contentReady = false;
+    }
+    ngAfterContentInit() {
+        this.subscriptions = this.accordions.map((accordion) => {
+            return accordion.opened.subscribe(() => {
+                if (!this.accordionStates) {
+                    this.closeOthers(String(accordion.accordionId()));
+                }
+                else {
+                    this.updateExternalState(String(accordion.accordionId()));
+                }
+            });
+        });
+        if (this.accordionStates) {
+            this.differ = this.differs.find({}).create();
+            this.applyControlledStates();
+        }
+        this.contentReady = true;
+    }
+    ngDoCheck() {
+        if (!this.contentReady || !this.accordionStates || !this.differ)
+            return;
+        const changes = this.differ.diff(this.accordionStates);
+        if (changes) {
+            this.applyControlledStates();
+        }
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach((sub) => sub.unsubscribe());
+    }
+    applyControlledStates() {
+        this.accordions.forEach((accordion) => {
+            const state = this.accordionStates[accordion.accordionId()];
+            accordion._disabled.set(false);
+            if (!state) {
+                accordion._disabled.set(true);
+            }
+            accordion._expanded.set(state);
+            accordion._active.set(state);
+        });
+    }
+    closeOthers(openId) {
+        this.accordions.forEach((accordion) => {
+            if (String(accordion.accordionId()) !== openId) {
+                accordion._expanded.set(false);
+                accordion._active.set(false);
+                if (this.accordionStates) {
+                    accordion._disabled.set(true);
+                }
+                else {
+                    accordion._disabled.set(false);
+                }
+            }
+            else {
+                accordion._active.set(true);
+            }
+        });
+    }
+    updateExternalState(openId) {
+        if (!this.accordionStates)
+            return;
+        Object.keys(this.accordionStates).forEach((id) => {
+            this.accordionStates[id] = id === openId;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbAccordionControlDirective, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: BmbAccordionControlDirective, isStandalone: true, selector: "[bmbAccordionControl]", inputs: { accordionStates: "accordionStates" }, queries: [{ propertyName: "accordions", predicate: BmbAccordionComponent }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbAccordionControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bmbAccordionControl]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.KeyValueDiffers }], propDecorators: { accordionStates: [{
+                type: Input
+            }], accordions: [{
+                type: ContentChildren,
+                args: [BmbAccordionComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLWFjY29yZGlvbi1jb250cm9sLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvZGlyZWN0aXZlcy9ibWItYWNjb3JkaW9uL2JtYi1hY2NvcmRpb24tY29udHJvbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBR2YsS0FBSyxHQUtOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDOztBQU8vRixNQUFNLE9BQU8sNEJBQTRCO0lBWXZDLFlBQW9CLE9BQXdCO1FBQXhCLFlBQU8sR0FBUCxPQUFPLENBQWlCO1FBSHBDLGtCQUFhLEdBQW1CLEVBQUUsQ0FBQztRQUNuQyxpQkFBWSxHQUFHLEtBQUssQ0FBQztJQUVrQixDQUFDO0lBRWhELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDckQsT0FBTyxTQUFTLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO29CQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO2lCQUNuRDtxQkFBTTtvQkFDTCxJQUFJLENBQUMsbUJBQW1CLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDLENBQUM7aUJBQzNEO1lBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN4QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxP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QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgUXVlcnlMaXN0LFxuICBBZnRlckNvbnRlbnRJbml0LFxuICBJbnB1dCxcbiAgRG9DaGVjayxcbiAgS2V5VmFsdWVEaWZmZXIsXG4gIEtleVZhbHVlRGlmZmVycyxcbiAgT25EZXN0cm95LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJtYkFjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvYm1iLWFjY29yZGlvbi9ibWItYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2JtYkFjY29yZGlvbkNvbnRyb2xdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iQWNjb3JkaW9uQ29udHJvbERpcmVjdGl2ZVxuICBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIERvQ2hlY2ssIE9uRGVzdHJveVxue1xuICBASW5wdXQoKSBhY2NvcmRpb25TdGF0ZXM/OiB7IFtpZDogc3RyaW5nXTogYm9vbGVhbiB9O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQm1iQWNjb3JkaW9uQ29tcG9uZW50KVxuICBhY2NvcmRpb25zITogUXVlcnlMaXN0PEJtYkFjY29yZGlvbkNvbXBvbmVudD47XG5cbiAgcHJpdmF0ZSBkaWZmZXI/OiBLZXlWYWx1ZURpZmZlcjxzdHJpbmcsIGJvb2xlYW4+O1xuICBwcml2YXRlIHN1YnNjcmlwdGlvbnM6IFN1YnNjcmlwdGlvbltdID0gW107XG4gIHByaXZhdGUgY29udGVudFJlYWR5ID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkaWZmZXJzOiBLZXlWYWx1ZURpZmZlcnMpIHt9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucyA9IHRoaXMuYWNjb3JkaW9ucy5tYXAoKGFjY29yZGlvbikgPT4ge1xuICAgICAgcmV0dXJuIGFjY29yZGlvbi5vcGVuZWQuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgaWYgKCF0aGlzLmFjY29yZGlvblN0YXRlcykge1xuICAgICAgICAgIHRoaXMuY2xvc2VPdGhlcnMoU3RyaW5nKGFjY29yZGlvbi5hY2NvcmRpb25JZCgpKSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy51cGRhdGVFeHRlcm5hbFN0YXRlKFN0cmluZyhhY2NvcmRpb24uYWNjb3JkaW9uSWQoKSkpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9KTtcblxuICAgIGlmICh0aGlzLmFjY29yZGlvblN0YXRlcykge1xuICAgICAgdGhpcy5kaWZmZXIgPSB0aGlzLmRpZmZlcnMuZmluZCh7fSkuY3JlYXRlKCk7XG4gICAgICB0aGlzLmFwcGx5Q29udHJvbGxlZFN0YXRlcygpO1xuICAgIH1cbiAgICB0aGlzLmNvbnRlbnRSZWFkeSA9IHRydWU7XG4gIH1cblxuICBuZ0RvQ2hlY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNvbnRlbnRSZWFkeSB8fCAhdGhpcy5hY2NvcmRpb25TdGF0ZXMgfHwgIXRoaXMuZGlmZmVyKSByZXR1cm47XG5cbiAgICBjb25zdCBjaGFuZ2VzID0gdGhpcy5kaWZmZXIuZGlmZih0aGlzLmFjY29yZGlvblN0YXRlcyk7XG4gICAgaWYgKGNoYW5nZXMpIHtcbiAgICAgIHRoaXMuYXBwbHlDb250cm9sbGVkU3RhdGVzKCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmZvckVhY2goKHN1YikgPT4gc3ViLnVuc3Vic2NyaWJlKCkpO1xuICB9XG5cbiAgcHJpdmF0ZSBhcHBseUNvbnRyb2xsZWRTdGF0ZXMoKTogdm9pZCB7XG4gICAgdGhpcy5hY2NvcmRpb25zLmZvckVhY2goKGFjY29yZGlvbikgPT4ge1xuICAgICAgY29uc3Qgc3RhdGUgPSB0aGlzLmFjY29yZGlvblN0YXRlcyFbYWNjb3JkaW9uLmFjY29yZGlvbklkKCkhXTtcbiAgICAgIGFjY29yZGlvbi5fZGlzYWJsZWQuc2V0KGZhbHNlKTtcbiAgICAgIGlmICghc3RhdGUpIHtcbiAgICAgICAgYWNjb3JkaW9uLl9kaXNhYmxlZC5zZXQodHJ1ZSk7XG4gICAgICB9XG4gICAgICBhY2NvcmRpb24uX2V4cGFuZGVkLnNldChzdGF0ZSk7XG4gICAgICBhY2NvcmRpb24uX2FjdGl2ZS5zZXQoc3RhdGUpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBjbG9zZU90aGVycyhvcGVuSWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuYWNjb3JkaW9ucy5mb3JFYWNoKChhY2NvcmRpb24pID0+IHtcbiAgICAgIGlmIChTdHJpbmcoYWNjb3JkaW9uLmFjY29yZGlvbklkKCkpICE9PSBvcGVuSWQpIHtcbiAgICAgICAgYWNjb3JkaW9uLl9leHBhbmRlZC5zZXQoZmFsc2UpO1xuICAgICAgICBhY2NvcmRpb24uX2FjdGl2ZS5zZXQoZmFsc2UpO1xuXG4gICAgICAgIGlmICh0aGlzLmFjY29yZGlvblN0YXRlcykge1xuICAgICAgICAgIGFjY29yZGlvbi5fZGlzYWJsZWQuc2V0KHRydWUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGFjY29yZGlvbi5fZGlzYWJsZWQuc2V0KGZhbHNlKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgYWNjb3JkaW9uLl9hY3RpdmUuc2V0KHRydWUpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVFeHRlcm5hbFN0YXRlKG9wZW5JZDogc3RyaW5nKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmFjY29yZGlvblN0YXRlcykgcmV0dXJuO1xuICAgIE9iamVjdC5rZXlzKHRoaXMuYWNjb3JkaW9uU3RhdGVzKS5mb3JFYWNoKChpZCkgPT4ge1xuICAgICAgdGhpcy5hY2NvcmRpb25TdGF0ZXMhW2lkXSA9IGlkID09PSBvcGVuSWQ7XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/directives/bmb-button/button.directive.mjs

@@ -0,0 +1,84 @@
+import { Directive, HostBinding, input, } from '@angular/core';
+import { BmbIconComponent } from '../../components/bmb-icon/bmb-icon.component';
+import * as i0 from "@angular/core";
+export class BmbButtonDirective {
+    constructor(el, viewContainerRef, cdr, renderer) {
+        this.el = el;
+        this.viewContainerRef = viewContainerRef;
+        this.cdr = cdr;
+        this.renderer = renderer;
+        this.icon = input('');
+        this.iconSize = input(16);
+        this.position = input('left');
+        this.case = input(false);
+        this.appearance = input('primary');
+        this.size = input('small');
+        this.isToggleActive = input(false);
+        this.enableButtonToggle = input(false);
+        this.isRounded = input(true);
+        this.isMobile = input(false);
+        this.iconAlt = input('icon');
+        this.providedInputs = new Set();
+    }
+    ngOnInit() {
+        this.addContent();
+        this.applyAttributes();
+    }
+    ngOnChanges(changes) {
+        Object.keys(changes).forEach((input) => {
+            this.providedInputs.add(input);
+        });
+        this.applyAttributes();
+        this.addContent();
+        this.cdr.markForCheck();
+    }
+    applyAttributes() {
+        if (this.providedInputs.has('size') && this.size()) {
+            this.renderer.setAttribute(this.el.nativeElement, 'size', this.size());
+        }
+        if (this.providedInputs.has('position')) {
+            this.renderer.setAttribute(this.el.nativeElement, 'position', this.position());
+        }
+    }
+    get elementClass() {
+        const classList = ['bmb_btn', `bmb_btn-${this.appearance()}`];
+        classList.push('bmb_btn-rounded');
+        if (this.case())
+            classList.push('bmb_btn-case');
+        if (this.enableButtonToggle() && this.isToggleActive())
+            classList.push('bmb_btn-toggle-active');
+        if (this.isMobile())
+            classList.push('bmb_btn-mobile');
+        return classList;
+    }
+    addContent() {
+        this.viewContainerRef.clear();
+        if (this.icon()) {
+            const iconComponentRef = this.viewContainerRef.createComponent(BmbIconComponent);
+            const iconComponent = iconComponentRef.instance;
+            iconComponent.icon = this.icon;
+            iconComponent.alt = this.iconAlt;
+            if (this.iconSize()) {
+                iconComponent.size = this.iconSize;
+            }
+            if (this.position() === 'right') {
+                this.el.nativeElement.insertBefore(iconComponentRef.location.nativeElement, this.el.nativeElement.lastChild.nextSibling);
+                return;
+            }
+            this.el.nativeElement.insertBefore(iconComponentRef.location.nativeElement, this.el.nativeElement.firstChild);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: BmbButtonDirective, isStandalone: true, selector: "[bmbButton]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, case: { classPropertyName: "case", publicName: "case", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, isToggleActive: { classPropertyName: "isToggleActive", publicName: "isToggleActive", isSignal: true, isRequired: false, transformFunction: null }, enableButtonToggle: { classPropertyName: "enableButtonToggle", publicName: "enableButtonToggle", isSignal: true, isRequired: false, transformFunction: null }, isRounded: { classPropertyName: "isRounded", publicName: "isRounded", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, iconAlt: { classPropertyName: "iconAlt", publicName: "iconAlt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.elementClass" } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bmbButton]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { elementClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvZGlyZWN0aXZlcy9ibWItYnV0dG9uL2J1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxXQUFXLEVBS1gsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOztBQVdoRixNQUFNLE9BQU8sa0JBQWtCO0lBZTdCLFlBQ1UsRUFBYyxFQUNkLGdCQUFrQyxFQUNsQyxHQUFzQixFQUN0QixRQUFtQjtRQUhuQixPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQ2QscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBbEI3QixTQUFJLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQ3pCLGFBQVEsR0FBRyxLQUFLLENBQXFCLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLGFBQVEsR0FBRyxLQUFLLENBQXlCLE1BQU0sQ0FBQyxDQUFDO1FBQ2pELFNBQUksR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDN0IsZUFBVSxHQUFHLEtBQUssQ0FBb0IsU0FBUyxDQUFDLENBQUM7UUFDakQsU0FBSSxHQUFHLEtBQUssQ0FBYyxPQUFPLENBQUMsQ0FBQztRQUNuQyxtQkFBYyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUN2Qyx1QkFBa0IsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDM0MsY0FBUyxHQUFHLEtBQUssQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUNqQyxhQUFRLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLFlBQU8sR0FB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RixPQUFPO2FBQ1I7WUFFRCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQ2hDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQ3ZDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FDakMsQ0FBQztTQUNIO0lBQ0gsQ0FBQzsrR0E1RlUsa0JBQWtCO21HQUFsQixrQkFBa0I7OzRGQUFsQixrQkFBa0I7a0JBSjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjtzS0FvRDJCLFlBQVk7c0JBQXJDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIFZpZXdDb250YWluZXJSZWYsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBSZW5kZXJlcjIsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIGlucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJtYkljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL2JtYi1pY29uL2JtYi1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBJQm1iSG9yaXpvbnRhbFBvc2l0aW9uLFxuICBJQnV0dG9uQXBwZWFyYW5jZSxcbiAgSUJ1dHRvblNpemUsXG59IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2JtYkJ1dHRvbl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJCdXR0b25EaXJlY3RpdmUge1xuICBpY29uID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIGljb25TaXplID0gaW5wdXQ8bnVtYmVyIHwgdW5kZWZpbmVkPigxNik7XG4gIHBvc2l0aW9uID0gaW5wdXQ8SUJtYkhvcml6b250YWxQb3NpdGlvbj4oJ2xlZnQnKTtcbiAgY2FzZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgYXBwZWFyYW5jZSA9IGlucHV0PElCdXR0b25BcHBlYXJhbmNlPigncHJpbWFyeScpO1xuICBzaXplID0gaW5wdXQ8SUJ1dHRvblNpemU+KCdzbWFsbCcpO1xuICBpc1RvZ2dsZUFjdGl2ZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgZW5hYmxlQnV0dG9uVG9nZ2xlID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICBpc1JvdW5kZWQgPSBpbnB1dDxib29sZWFuPih0cnVlKTtcbiAgaXNNb2JpbGUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIGljb25BbHQgPSBpbnB1dDxzdHJpbmc+KCdpY29uJyk7XG5cbiAgcHJpdmF0ZSBwcm92aWRlZElucHV0czogU2V0PHN0cmluZz4gPSBuZXcgU2V0KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYWRkQ29udGVudCgpO1xuICAgIHRoaXMuYXBwbHlBdHRyaWJ1dGVzKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgT2JqZWN0LmtleXMoY2hhbmdlcykuZm9yRWFjaCgoaW5wdXQpID0+IHtcbiAgICAgIHRoaXMucHJvdmlkZWRJbnB1dHMuYWRkKGlucHV0KTtcbiAgICB9KTtcblxuICAgIHRoaXMuYXBwbHlBdHRyaWJ1dGVzKCk7XG4gICAgdGhpcy5hZGRDb250ZW50KCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIGFwcGx5QXR0cmlidXRlcygpIHtcbiAgICBpZiAodGhpcy5wcm92aWRlZElucHV0cy5oYXMoJ3NpemUnKSAmJiB0aGlzLnNpemUoKSkge1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRBdHRyaWJ1dGUodGhpcy5lbC5uYXRpdmVFbGVtZW50LCAnc2l6ZScsIHRoaXMuc2l6ZSgpKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5wcm92aWRlZElucHV0cy5oYXMoJ3Bvc2l0aW9uJykpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKFxuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICdwb3NpdGlvbicsXG4gICAgICAgIHRoaXMucG9zaXRpb24oKSxcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBlbGVtZW50Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGNsYXNzTGlzdCA9IFsnYm1iX2J0bicsIGBibWJfYnRuLSR7dGhpcy5hcHBlYXJhbmNlKCl9YF07XG4gICAgY2xhc3NMaXN0LnB1c2goJ2JtYl9idG4tcm91bmRlZCcpO1xuXG4gICAgaWYgKHRoaXMuY2FzZSgpKSBjbGFzc0xpc3QucHVzaCgnYm1iX2J0bi1jYXNlJyk7XG5cbiAgICBpZiAodGhpcy5lbmFibGVCdXR0b25Ub2dnbGUoKSAmJiB0aGlzLmlzVG9nZ2xlQWN0aXZlKCkpXG4gICAgICBjbGFzc0xpc3QucHVzaCgnYm1iX2J0bi10b2dnbGUtYWN0aXZlJyk7XG5cbiAgICBpZiAodGhpcy5pc01vYmlsZSgpKSBjbGFzc0xpc3QucHVzaCgnYm1iX2J0bi1tb2JpbGUnKTtcblxuICAgIHJldHVybiBjbGFzc0xpc3Q7XG4gIH1cblxuICBwcml2YXRlIGFkZENvbnRlbnQoKSB7XG4gICAgdGhpcy52aWV3Q29udGFpbmVyUmVmLmNsZWFyKCk7XG5cbiAgICBpZiAodGhpcy5pY29uKCkpIHtcbiAgICAgIGNvbnN0IGljb25Db21wb25lbnRSZWYgPVxuICAgICAgICB0aGlzLnZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KEJtYkljb25Db21wb25lbnQpO1xuICAgICAgY29uc3QgaWNvbkNvbXBvbmVudCA9IGljb25Db21wb25lbnRSZWYuaW5zdGFuY2U7XG4gICAgICBpY29uQ29tcG9uZW50Lmljb24gPSB0aGlzLmljb247XG4gICAgICBpY29uQ29tcG9uZW50LmFsdCA9IHRoaXMuaWNvbkFsdDtcblxuICAgICAgaWYgKHRoaXMuaWNvblNpemUoKSkge1xuICAgICAgICBpY29uQ29tcG9uZW50LnNpemUgPSB0aGlzLmljb25TaXplO1xuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5wb3NpdGlvbigpID09PSAncmlnaHQnKSB7XG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5pbnNlcnRCZWZvcmUoXG4gICAgICAgICAgaWNvbkNvbXBvbmVudFJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5sYXN0Q2hpbGQubmV4dFNpYmxpbmcsXG4gICAgICAgICk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50Lmluc2VydEJlZm9yZShcbiAgICAgICAgaWNvbkNvbXBvbmVudFJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50LFxuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuZmlyc3RDaGlsZCxcbiAgICAgICk7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/lib/directives/bmb-button-group/bmb-button-group.directive.mjs

@@ -0,0 +1,29 @@
+import { Directive, HostBinding, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BmbButtonGroupDirective {
+    constructor() {
+        this.appearance = input('primary');
+        this.size = input('small');
+    }
+    get elementClass() {
+        const classList = [
+            'bmb_button-group',
+            `bmb_button-group-${this.appearance()}`,
+            `bmb_button-group-${this.size()}`,
+        ];
+        return classList;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: BmbButtonGroupDirective, isStandalone: true, selector: "[bmbButtonGroup]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbButtonGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bmbButtonGroup]',
+                    standalone: true,
+                }]
+        }], propDecorators: { elementClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLWJ1dHRvbi1ncm91cC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2RpcmVjdGl2ZXMvYm1iLWJ1dHRvbi1ncm91cC9ibWItYnV0dG9uLWdyb3VwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzlELE1BQU0sT0FBTyx1QkFBdUI7SUFKcEM7UUFLRSxlQUFVLEdBQUcsS0FBSyxDQUFvQixTQUFTLENBQUMsQ0FBQztRQUNqRCxTQUFJLEdBQUcsS0FBSyxDQUFzQixPQUFPLENBQUMsQ0FBQztLQVU1QztJQVJDLElBQTBCLFlBQVk7UUFDcEMsTUFBTSxTQUFTLEdBQUc7WUFDaEIsa0JBQWtCO1lBQ2xCLG9CQUFvQixJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUU7WUFDdkMsb0JBQW9CLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRTtTQUNsQyxDQUFDO1FBQ0YsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQzsrR0FYVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qjs7NEZBQXZCLHVCQUF1QjtrQkFKbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBSzJCLFlBQVk7c0JBQXJDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQnV0dG9uQXBwZWFyYW5jZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgSUJibUJ1dHRvbkdyb3VwVHlwZSA9ICdzbWFsbCcgfCAnbGFyZ2UnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYm1iQnV0dG9uR3JvdXBdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iQnV0dG9uR3JvdXBEaXJlY3RpdmUge1xuICBhcHBlYXJhbmNlID0gaW5wdXQ8SUJ1dHRvbkFwcGVhcmFuY2U+KCdwcmltYXJ5Jyk7XG4gIHNpemUgPSBpbnB1dDxJQmJtQnV0dG9uR3JvdXBUeXBlPignc21hbGwnKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGVsZW1lbnRDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgY2xhc3NMaXN0ID0gW1xuICAgICAgJ2JtYl9idXR0b24tZ3JvdXAnLFxuICAgICAgYGJtYl9idXR0b24tZ3JvdXAtJHt0aGlzLmFwcGVhcmFuY2UoKX1gLFxuICAgICAgYGJtYl9idXR0b24tZ3JvdXAtJHt0aGlzLnNpemUoKX1gLFxuICAgIF07XG4gICAgcmV0dXJuIGNsYXNzTGlzdDtcbiAgfVxufVxuIl19

package/esm2022/lib/directives/bmb-layout/bmb-layout-item.directive.mjs

@@ -0,0 +1,64 @@
+import { Directive, HostBinding, input, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BmbLayoutItemDirective {
+    constructor(el) {
+        this.el = el;
+        this.colSm = input(0);
+        this.colLg = input(0);
+        this.marginLeft = input({ sm: 0, lg: 0 });
+        this.marginRight = input({ sm: 0, lg: 0 });
+        this.colGrow = input(0);
+        this.isDynamicItem = input(false);
+    }
+    get elementClass() {
+        const classes = [];
+        if (this.colSm())
+            classes.push(`bmb_col-sm-${this.colSm()}`);
+        if (this.colLg())
+            classes.push(`bmb_col-lg-${this.colLg()}`);
+        if (this.marginLeft()) {
+            classes.push(`bmb_space-sm-left-${this.marginLeft().sm}`);
+            if (this.marginLeft().lg)
+                classes.push(`bmb_space-lg-left-${this.marginLeft().lg}`);
+        }
+        if (this.marginRight()) {
+            classes.push(`bmb_space-sm-right-${this.marginRight().sm}`);
+            if (this.marginRight().lg)
+                classes.push(`bmb_space-lg-right-${this.marginRight().lg}`);
+        }
+        return classes;
+    }
+    ngOnInit() {
+        if (this.isDynamicItem() && this.colGrow()) {
+            this.flex = `${this.colGrow()} 0 0%`;
+        }
+    }
+    ngAfterViewInit() {
+        const host = this.el.nativeElement;
+        const parent = host.parentElement;
+        if (parent.classList.contains('bmb_layout-container') &&
+            !host.classList.contains('bmb_layout-container-item')) {
+            host.classList.add('bmb_layout-container-item');
+        }
+        else if (parent.classList.contains('bmb_layout') &&
+            !host.classList.contains('bmb_layout-item')) {
+            host.classList.add('bmb_layout-item');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbLayoutItemDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: BmbLayoutItemDirective, isStandalone: true, selector: "[bmbLayoutItem]", inputs: { colSm: { classPropertyName: "colSm", publicName: "colSm", isSignal: true, isRequired: false, transformFunction: null }, colLg: { classPropertyName: "colLg", publicName: "colLg", isSignal: true, isRequired: false, transformFunction: null }, marginLeft: { classPropertyName: "marginLeft", publicName: "marginLeft", isSignal: true, isRequired: false, transformFunction: null }, marginRight: { classPropertyName: "marginRight", publicName: "marginRight", isSignal: true, isRequired: false, transformFunction: null }, colGrow: { classPropertyName: "colGrow", publicName: "colGrow", isSignal: true, isRequired: false, transformFunction: null }, isDynamicItem: { classPropertyName: "isDynamicItem", publicName: "isDynamicItem", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.elementClass", "style.flex": "this.flex" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbLayoutItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bmbLayoutItem]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { elementClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], flex: [{
+                type: HostBinding,
+                args: ['style.flex']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLWxheW91dC1pdGVtLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvZGlyZWN0aXZlcy9ibWItbGF5b3V0L2JtYi1sYXlvdXQtaXRlbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxXQUFXLEVBQ1gsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDOztBQTBCdkIsTUFBTSxPQUFPLHNCQUFzQjtJQVFqQyxZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQVBsQyxVQUFLLEdBQUcsS0FBSyxDQUFtQixDQUFDLENBQUMsQ0FBQztRQUNuQyxVQUFLLEdBQUcsS0FBSyxDQUFpQixDQUFDLENBQUMsQ0FBQztRQUNqQyxlQUFVLEdBQUcsS0FBSyxDQUFVLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM5QyxnQkFBVyxHQUFHLEtBQUssQ0FBVSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDL0MsWUFBTyxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUMzQixrQkFBYSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUVELENBQUM7SUFFdEMsSUFBMEIsWUFBWTtRQUNwQyxNQUFNLE9BQU8sR0FBRyxFQUFFLENBQUM7UUFFbkIsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDN0QsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDN0QsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUU7WUFDckIsT0FBTyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFFMUQsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsRUFBRTtnQkFDdEIsT0FBTyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDN0Q7UUFDRCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRTtZQUN0QixPQUFPLENBQUMsSUFBSSxDQUFDLHNCQUFzQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUU1RCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxFQUFFO2dCQUN2QixPQUFPLENBQUMsSUFBSSxDQUFDLHNCQUFzQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztTQUMvRDtRQUNELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFJRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQzFDLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQztTQUN0QztJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUM7UUFDbkMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUVsQyxJQUNFLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLHNCQUFzQixDQUFDO1lBQ2pELENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsMkJBQTJCLENBQUMsRUFDckQ7WUFDQSxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1NBQ2pEO2FBQU0sSUFDTCxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUM7WUFDdkMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxFQUMzQztZQUNBLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUM7U0FDdkM7SUFDSCxDQUFDOytHQXJEVSxzQkFBc0I7bUdBQXRCLHNCQUFzQjs7NEZBQXRCLHNCQUFzQjtrQkFKbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7K0VBVzJCLFlBQVk7c0JBQXJDLFdBQVc7dUJBQUMsT0FBTztnQkFvQk8sSUFBSTtzQkFBOUIsV0FBVzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBIb3N0QmluZGluZyxcbiAgaW5wdXQsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIElDb2x1bVNpemVNb2JpbGUgPSAwIHwgMSB8IDIgfCAzIHwgNDtcbmV4cG9ydCB0eXBlIElDb2x1bVNpemVGdWxsID1cbiAgfCAwXG4gIHwgMVxuICB8IDJcbiAgfCAzXG4gIHwgNFxuICB8IDVcbiAgfCA2XG4gIHwgN1xuICB8IDhcbiAgfCA5XG4gIHwgMTBcbiAgfCAxMVxuICB8IDEyO1xuZXhwb3J0IGludGVyZmFjZSBJTWFyZ2luIHtcbiAgc206IG51bWJlcjtcbiAgbGc/OiBudW1iZXI7XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tibWJMYXlvdXRJdGVtXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYkxheW91dEl0ZW1EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBjb2xTbSA9IGlucHV0PElDb2x1bVNpemVNb2JpbGU+KDApO1xuICBjb2xMZyA9IGlucHV0PElDb2x1bVNpemVGdWxsPigwKTtcbiAgbWFyZ2luTGVmdCA9IGlucHV0PElNYXJnaW4+KHsgc206IDAsIGxnOiAwIH0pO1xuICBtYXJnaW5SaWdodCA9IGlucHV0PElNYXJnaW4+KHsgc206IDAsIGxnOiAwIH0pO1xuICBjb2xHcm93ID0gaW5wdXQ8bnVtYmVyPigwKTtcbiAgaXNEeW5hbWljSXRlbSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7fVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgZWxlbWVudENsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICBjb25zdCBjbGFzc2VzID0gW107XG5cbiAgICBpZiAodGhpcy5jb2xTbSgpKSBjbGFzc2VzLnB1c2goYGJtYl9jb2wtc20tJHt0aGlzLmNvbFNtKCl9YCk7XG4gICAgaWYgKHRoaXMuY29sTGcoKSkgY2xhc3Nlcy5wdXNoKGBibWJfY29sLWxnLSR7dGhpcy5jb2xMZygpfWApO1xuICAgIGlmICh0aGlzLm1hcmdpbkxlZnQoKSkge1xuICAgICAgY2xhc3Nlcy5wdXNoKGBibWJfc3BhY2Utc20tbGVmdC0ke3RoaXMubWFyZ2luTGVmdCgpLnNtfWApO1xuXG4gICAgICBpZiAodGhpcy5tYXJnaW5MZWZ0KCkubGcpXG4gICAgICAgIGNsYXNzZXMucHVzaChgYm1iX3NwYWNlLWxnLWxlZnQtJHt0aGlzLm1hcmdpbkxlZnQoKS5sZ31gKTtcbiAgICB9XG4gICAgaWYgKHRoaXMubWFyZ2luUmlnaHQoKSkge1xuICAgICAgY2xhc3Nlcy5wdXNoKGBibWJfc3BhY2Utc20tcmlnaHQtJHt0aGlzLm1hcmdpblJpZ2h0KCkuc219YCk7XG5cbiAgICAgIGlmICh0aGlzLm1hcmdpblJpZ2h0KCkubGcpXG4gICAgICAgIGNsYXNzZXMucHVzaChgYm1iX3NwYWNlLWxnLXJpZ2h0LSR7dGhpcy5tYXJnaW5SaWdodCgpLmxnfWApO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUuZmxleCcpIGZsZXg/OiBzdHJpbmc7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNEeW5hbWljSXRlbSgpICYmIHRoaXMuY29sR3JvdygpKSB7XG4gICAgICB0aGlzLmZsZXggPSBgJHt0aGlzLmNvbEdyb3coKX0gMCAwJWA7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGhvc3QgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3QgcGFyZW50ID0gaG9zdC5wYXJlbnRFbGVtZW50O1xuXG4gICAgaWYgKFxuICAgICAgcGFyZW50LmNsYXNzTGlzdC5jb250YWlucygnYm1iX2xheW91dC1jb250YWluZXInKSAmJlxuICAgICAgIWhvc3QuY2xhc3NMaXN0LmNvbnRhaW5zKCdibWJfbGF5b3V0LWNvbnRhaW5lci1pdGVtJylcbiAgICApIHtcbiAgICAgIGhvc3QuY2xhc3NMaXN0LmFkZCgnYm1iX2xheW91dC1jb250YWluZXItaXRlbScpO1xuICAgIH0gZWxzZSBpZiAoXG4gICAgICBwYXJlbnQuY2xhc3NMaXN0LmNvbnRhaW5zKCdibWJfbGF5b3V0JykgJiZcbiAgICAgICFob3N0LmNsYXNzTGlzdC5jb250YWlucygnYm1iX2xheW91dC1pdGVtJylcbiAgICApIHtcbiAgICAgIGhvc3QuY2xhc3NMaXN0LmFkZCgnYm1iX2xheW91dC1pdGVtJyk7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/lib/directives/bmb-layout/bmb-layout.directive.mjs

@@ -0,0 +1,41 @@
+import { Directive, HostBinding, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BmbLayoutDirective {
+    constructor() {
+        this.gapSize = input('m');
+        this.margin = input('m');
+        this.dynamicCols = input(false);
+        this.justify = input('start');
+        this.alignItems = input('start');
+        this.isContainerQuery = input();
+    }
+    get elementClass() {
+        const baseClassName = 'bmb_layout';
+        const classes = [
+            `bmb_gap-${this.gapSize()}`,
+            `bmb_margin-${this.margin()}`,
+            `bmb_justify-${this.justify()}`,
+            `bmb_align-items-${this.alignItems()}`,
+        ];
+        if (this.dynamicCols())
+            classes.push(`${baseClassName}-smart`);
+        if (this.isContainerQuery())
+            classes.push(`${baseClassName}-container`);
+        else
+            classes.push(baseClassName);
+        return classes;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: BmbLayoutDirective, isStandalone: true, selector: "[bmbLayout]", inputs: { gapSize: { classPropertyName: "gapSize", publicName: "gapSize", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, dynamicCols: { classPropertyName: "dynamicCols", publicName: "dynamicCols", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, alignItems: { classPropertyName: "alignItems", publicName: "alignItems", isSignal: true, isRequired: false, transformFunction: null }, isContainerQuery: { classPropertyName: "isContainerQuery", publicName: "isContainerQuery", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbLayoutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bmbLayout]',
+                    standalone: true,
+                }]
+        }], propDecorators: { elementClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLWxheW91dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2RpcmVjdGl2ZXMvYm1iLWxheW91dC9ibWItbGF5b3V0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBaUI5RCxNQUFNLE9BQU8sa0JBQWtCO0lBSi9CO1FBS0UsWUFBTyxHQUFHLEtBQUssQ0FBWSxHQUFHLENBQUMsQ0FBQztRQUNoQyxXQUFNLEdBQUcsS0FBSyxDQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQy9CLGdCQUFXLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ3BDLFlBQU8sR0FBRyxLQUFLLENBQWtCLE9BQU8sQ0FBQyxDQUFDO1FBQzFDLGVBQVUsR0FBRyxLQUFLLENBQXFCLE9BQU8sQ0FBQyxDQUFDO1FBQ2hELHFCQUFnQixHQUFHLEtBQUssRUFBVyxDQUFDO0tBaUJyQztJQWZDLElBQTBCLFlBQVk7UUFDcEMsTUFBTSxhQUFhLEdBQVcsWUFBWSxDQUFDO1FBQzNDLE1BQU0sT0FBTyxHQUFHO1lBQ2QsV0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDM0IsY0FBYyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDN0IsZUFBZSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDL0IsbUJBQW1CLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRTtTQUN2QyxDQUFDO1FBRUYsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLGFBQWEsUUFBUSxDQUFDLENBQUM7UUFDL0QsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsYUFBYSxZQUFZLENBQUMsQ0FBQzs7WUFDbkUsT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUVqQyxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDOytHQXRCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQjs7NEZBQWxCLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQVMyQixZQUFZO3NCQUFyQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2l6ZU5hbWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBJSnVzdGlmeU9wdGlvbnMgPVxuICB8ICdjZW50ZXInXG4gIHwgJ2VuZCdcbiAgfCAnc3RhcnQnXG4gIHwgJ3N0cmV0Y2gnXG4gIHwgJ3NwYWNlQXJvdW5kJ1xuICB8ICdzcGFjZUJldHdlZW4nXG4gIHwgJ3NwYWNlRXZlbmx5JztcbmV4cG9ydCB0eXBlIElBbGlnbkl0ZW1zT3B0aW9ucyA9ICdjZW50ZXInIHwgJ2VuZCcgfCAnc3RhcnQnIHwgJ3N0cmV0Y2gnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYm1iTGF5b3V0XScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYkxheW91dERpcmVjdGl2ZSB7XG4gIGdhcFNpemUgPSBpbnB1dDxTaXplTmFtZXM+KCdtJyk7XG4gIG1hcmdpbiA9IGlucHV0PFNpemVOYW1lcz4oJ20nKTtcbiAgZHluYW1pY0NvbHMgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIGp1c3RpZnkgPSBpbnB1dDxJSnVzdGlmeU9wdGlvbnM+KCdzdGFydCcpO1xuICBhbGlnbkl0ZW1zID0gaW5wdXQ8SUFsaWduSXRlbXNPcHRpb25zPignc3RhcnQnKTtcbiAgaXNDb250YWluZXJRdWVyeSA9IGlucHV0PGJvb2xlYW4+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBlbGVtZW50Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGJhc2VDbGFzc05hbWU6IHN0cmluZyA9ICdibWJfbGF5b3V0JztcbiAgICBjb25zdCBjbGFzc2VzID0gW1xuICAgICAgYGJtYl9nYXAtJHt0aGlzLmdhcFNpemUoKX1gLFxuICAgICAgYGJtYl9tYXJnaW4tJHt0aGlzLm1hcmdpbigpfWAsXG4gICAgICBgYm1iX2p1c3RpZnktJHt0aGlzLmp1c3RpZnkoKX1gLFxuICAgICAgYGJtYl9hbGlnbi1pdGVtcy0ke3RoaXMuYWxpZ25JdGVtcygpfWAsXG4gICAgXTtcblxuICAgIGlmICh0aGlzLmR5bmFtaWNDb2xzKCkpIGNsYXNzZXMucHVzaChgJHtiYXNlQ2xhc3NOYW1lfS1zbWFydGApO1xuICAgIGlmICh0aGlzLmlzQ29udGFpbmVyUXVlcnkoKSkgY2xhc3Nlcy5wdXNoKGAke2Jhc2VDbGFzc05hbWV9LWNvbnRhaW5lcmApO1xuICAgIGVsc2UgY2xhc3Nlcy5wdXNoKGJhc2VDbGFzc05hbWUpO1xuXG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/directives/bmb-layout/bmb-vertical-layout/bmb-vertical-layout-item.directive.mjs

@@ -0,0 +1,34 @@
+import { Directive, effect, HostBinding, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BmbVerticalLayoutItemDirective {
+    constructor() {
+        this.rowGrow = input(0);
+        effect(() => {
+            if (this.rowGrow() !== 0) {
+                this.flex = `${this.rowGrow()} 0 0%`;
+            }
+        });
+    }
+    get elementClass() {
+        const classes = ['bmb_vertical-layout-item'];
+        if (this.rowGrow())
+            classes.push('bmb_vertical-layout-item-full');
+        return classes;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbVerticalLayoutItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: BmbVerticalLayoutItemDirective, isStandalone: true, selector: "[bmbVerticalLayoutItem]", inputs: { rowGrow: { classPropertyName: "rowGrow", publicName: "rowGrow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.flex": "this.flex", "class": "this.elementClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbVerticalLayoutItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bmbVerticalLayoutItem]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { flex: [{
+                type: HostBinding,
+                args: ['style.flex']
+            }], elementClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXZlcnRpY2FsLWxheW91dC1pdGVtLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvZGlyZWN0aXZlcy9ibWItbGF5b3V0L2JtYi12ZXJ0aWNhbC1sYXlvdXQvYm1iLXZlcnRpY2FsLWxheW91dC1pdGVtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU10RSxNQUFNLE9BQU8sOEJBQThCO0lBR3pDO1FBRkEsWUFBTyxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUd6QixNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFO2dCQUN4QixJQUFJLENBQUMsSUFBSSxHQUFHLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUM7YUFDdEM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFJRCxJQUEwQixZQUFZO1FBQ3BDLE1BQU0sT0FBTyxHQUFHLENBQUMsMEJBQTBCLENBQUMsQ0FBQztRQUM3QyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLCtCQUErQixDQUFDLENBQUM7UUFDbEUsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQzsrR0FqQlUsOEJBQThCO21HQUE5Qiw4QkFBOEI7OzRGQUE5Qiw4QkFBOEI7a0JBSjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCO3dEQVk0QixJQUFJO3NCQUE5QixXQUFXO3VCQUFDLFlBQVk7Z0JBRUMsWUFBWTtzQkFBckMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBlZmZlY3QsIEhvc3RCaW5kaW5nLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYm1iVmVydGljYWxMYXlvdXRJdGVtXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlZlcnRpY2FsTGF5b3V0SXRlbURpcmVjdGl2ZSB7XG4gIHJvd0dyb3cgPSBpbnB1dDxudW1iZXI+KDApO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAodGhpcy5yb3dHcm93KCkgIT09IDApIHtcbiAgICAgICAgdGhpcy5mbGV4ID0gYCR7dGhpcy5yb3dHcm93KCl9IDAgMCVgO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5mbGV4JykgZmxleD86IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgZ2V0IGVsZW1lbnRDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgY29uc3QgY2xhc3NlcyA9IFsnYm1iX3ZlcnRpY2FsLWxheW91dC1pdGVtJ107XG4gICAgaWYgKHRoaXMucm93R3JvdygpKSBjbGFzc2VzLnB1c2goJ2JtYl92ZXJ0aWNhbC1sYXlvdXQtaXRlbS1mdWxsJyk7XG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/directives/bmb-layout/bmb-vertical-layout/bmb-vertical-layout.directive.mjs

@@ -0,0 +1,37 @@
+import { Directive, effect, HostBinding, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BmbVerticalLayoutDirective {
+    constructor() {
+        this.gapSize = input('m');
+        this.justify = input('start');
+        this.alignItems = input('start');
+        this.layoutHeight = input('100%');
+        effect(() => {
+            this.styleHeight = this.layoutHeight();
+        });
+    }
+    get elementClass() {
+        return [
+            'bmb_vertical-layout',
+            `bmb_gap-${this.gapSize()}`,
+            `bmb_justify-${this.justify()}`,
+            `bmb_align-items-${this.alignItems()}`,
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbVerticalLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.12", type: BmbVerticalLayoutDirective, isStandalone: true, selector: "[bmbVerticalLayout]", inputs: { gapSize: { classPropertyName: "gapSize", publicName: "gapSize", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, alignItems: { classPropertyName: "alignItems", publicName: "alignItems", isSignal: true, isRequired: false, transformFunction: null }, layoutHeight: { classPropertyName: "layoutHeight", publicName: "layoutHeight", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.elementClass", "style.height": "this.styleHeight" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbVerticalLayoutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bmbVerticalLayout]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { elementClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], styleHeight: [{
+                type: HostBinding,
+                args: ['style.height']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXZlcnRpY2FsLWxheW91dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2RpcmVjdGl2ZXMvYm1iLWxheW91dC9ibWItdmVydGljYWwtbGF5b3V0L2JtYi12ZXJ0aWNhbC1sYXlvdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUXRFLE1BQU0sT0FBTywwQkFBMEI7SUFNckM7UUFMQSxZQUFPLEdBQUcsS0FBSyxDQUFZLEdBQUcsQ0FBQyxDQUFDO1FBQ2hDLFlBQU8sR0FBRyxLQUFLLENBQWtCLE9BQU8sQ0FBQyxDQUFDO1FBQzFDLGVBQVUsR0FBRyxLQUFLLENBQXFCLE9BQU8sQ0FBQyxDQUFDO1FBQ2hELGlCQUFZLEdBQUcsS0FBSyxDQUFTLE1BQU0sQ0FBQyxDQUFDO1FBR25DLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN6QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxJQUEwQixZQUFZO1FBQ3BDLE9BQU87WUFDTCxxQkFBcUI7WUFDckIsV0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDM0IsZUFBZSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDL0IsbUJBQW1CLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFBRTtTQUN2QyxDQUFDO0lBQ0osQ0FBQzsrR0FuQlUsMEJBQTBCO21HQUExQiwwQkFBMEI7OzRGQUExQiwwQkFBMEI7a0JBSnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsVUFBVSxFQUFFLElBQUk7aUJBQ2pCO3dEQWEyQixZQUFZO3NCQUFyQyxXQUFXO3VCQUFDLE9BQU87Z0JBU1MsV0FBVztzQkFBdkMsV0FBVzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBlZmZlY3QsIEhvc3RCaW5kaW5nLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2l6ZU5hbWVzIH0gZnJvbSAnLi4vLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgSUFsaWduSXRlbXNPcHRpb25zLCBJSnVzdGlmeU9wdGlvbnMgfSBmcm9tICcuLi9ibWItbGF5b3V0LmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tibWJWZXJ0aWNhbExheW91dF0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJWZXJ0aWNhbExheW91dERpcmVjdGl2ZSB7XG4gIGdhcFNpemUgPSBpbnB1dDxTaXplTmFtZXM+KCdtJyk7XG4gIGp1c3RpZnkgPSBpbnB1dDxJSnVzdGlmeU9wdGlvbnM+KCdzdGFydCcpO1xuICBhbGlnbkl0ZW1zID0gaW5wdXQ8SUFsaWduSXRlbXNPcHRpb25zPignc3RhcnQnKTtcbiAgbGF5b3V0SGVpZ2h0ID0gaW5wdXQ8c3RyaW5nPignMTAwJScpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLnN0eWxlSGVpZ2h0ID0gdGhpcy5sYXlvdXRIZWlnaHQoKTtcbiAgICB9KTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgZWxlbWVudENsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gW1xuICAgICAgJ2JtYl92ZXJ0aWNhbC1sYXlvdXQnLFxuICAgICAgYGJtYl9nYXAtJHt0aGlzLmdhcFNpemUoKX1gLFxuICAgICAgYGJtYl9qdXN0aWZ5LSR7dGhpcy5qdXN0aWZ5KCl9YCxcbiAgICAgIGBibWJfYWxpZ24taXRlbXMtJHt0aGlzLmFsaWduSXRlbXMoKX1gLFxuICAgIF07XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmhlaWdodCcpIHN0eWxlSGVpZ2h0Pzogc3RyaW5nO1xufVxuIl19