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

package/esm2022/lib/components/bmb-web-templates/bmb-web-templates.component.mjs

@@ -0,0 +1,85 @@
+import { ChangeDetectionStrategy, Component, ContentChild, input, output, ViewEncapsulation, } from '@angular/core';
+import { BmbTopBarComponent, } from '../bmb-top-bar/bmb-top-bar.component';
+import { BmbSidebarComponent } from '../bmb-sidebar/bmb-sidebar.component';
+import { CommonModule } from '@angular/common';
+import { BmbDividerComponent } from '../bmb-divider/bmb-divider.component';
+import { BmbLayoutDirective } from '../../directives/bmb-layout/bmb-layout.directive';
+import { BmbLayoutItemDirective } from '../../directives/bmb-layout/bmb-layout-item.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbWebTemplatesComponent {
+    constructor() {
+        this.isFullScreen = input(false);
+        this.titleScreen = input();
+        this.subTitleScreen = input();
+        this.template = input('full-width-card');
+        this.titleMainSlot = input();
+        this.titleAsideSlot = input();
+        // top bar inputs
+        this.topBarPositionButtonMenu = input('left');
+        this.topBarUserInformation = input(null);
+        this.topBarHasLogoutButton = input(true);
+        this.topBarImage = input('assets/images/tec-logo.svg');
+        this.topBarMobileImage = input('assets/images/tec-logo-mob.svg');
+        this.topBarAppName = input('');
+        this.topBarAppSubTitle = input('');
+        this.topBarShowLang = input(false);
+        this.topBarLang = input('es');
+        this.topBarMitec = input(false);
+        this.topBarAssignmentNotification = input([]);
+        this.topBarAlertNotification = input([]);
+        this.topBarLogOut = output();
+        this.topBarOnLangChange = output();
+        // side bar inputs
+        this.sideBarElements = input([]);
+        this.sideBarTitle = input('');
+    }
+    getSectionClass() {
+        const classList = [
+            'bmb_web-template',
+            `bmb_web-template-${this.template()}`,
+        ];
+        return classList;
+    }
+    handleLogOut(param) {
+        this.topBarLogOut.emit(param);
+    }
+    handleLangChange(lang) {
+        this.topBarOnLangChange.emit(lang);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbWebTemplatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbWebTemplatesComponent, isStandalone: true, selector: "bmb-web-templates", inputs: { isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, titleScreen: { classPropertyName: "titleScreen", publicName: "titleScreen", isSignal: true, isRequired: false, transformFunction: null }, subTitleScreen: { classPropertyName: "subTitleScreen", publicName: "subTitleScreen", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, titleMainSlot: { classPropertyName: "titleMainSlot", publicName: "titleMainSlot", isSignal: true, isRequired: false, transformFunction: null }, titleAsideSlot: { classPropertyName: "titleAsideSlot", publicName: "titleAsideSlot", isSignal: true, isRequired: false, transformFunction: null }, topBarPositionButtonMenu: { classPropertyName: "topBarPositionButtonMenu", publicName: "topBarPositionButtonMenu", isSignal: true, isRequired: false, transformFunction: null }, topBarUserInformation: { classPropertyName: "topBarUserInformation", publicName: "topBarUserInformation", isSignal: true, isRequired: false, transformFunction: null }, topBarHasLogoutButton: { classPropertyName: "topBarHasLogoutButton", publicName: "topBarHasLogoutButton", isSignal: true, isRequired: false, transformFunction: null }, topBarImage: { classPropertyName: "topBarImage", publicName: "topBarImage", isSignal: true, isRequired: false, transformFunction: null }, topBarMobileImage: { classPropertyName: "topBarMobileImage", publicName: "topBarMobileImage", isSignal: true, isRequired: false, transformFunction: null }, topBarAppName: { classPropertyName: "topBarAppName", publicName: "topBarAppName", isSignal: true, isRequired: false, transformFunction: null }, topBarAppSubTitle: { classPropertyName: "topBarAppSubTitle", publicName: "topBarAppSubTitle", isSignal: true, isRequired: false, transformFunction: null }, topBarShowLang: { classPropertyName: "topBarShowLang", publicName: "topBarShowLang", isSignal: true, isRequired: false, transformFunction: null }, topBarLang: { classPropertyName: "topBarLang", publicName: "topBarLang", isSignal: true, isRequired: false, transformFunction: null }, topBarMitec: { classPropertyName: "topBarMitec", publicName: "topBarMitec", isSignal: true, isRequired: false, transformFunction: null }, topBarAssignmentNotification: { classPropertyName: "topBarAssignmentNotification", publicName: "topBarAssignmentNotification", isSignal: true, isRequired: false, transformFunction: null }, topBarAlertNotification: { classPropertyName: "topBarAlertNotification", publicName: "topBarAlertNotification", isSignal: true, isRequired: false, transformFunction: null }, sideBarElements: { classPropertyName: "sideBarElements", publicName: "sideBarElements", isSignal: true, isRequired: false, transformFunction: null }, sideBarTitle: { classPropertyName: "sideBarTitle", publicName: "sideBarTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { topBarLogOut: "topBarLogOut", topBarOnLangChange: "topBarOnLangChange" }, queries: [{ propertyName: "asideContent", first: true, predicate: ["bmbTemplateAside"], descendants: true }, { propertyName: "mainContent", first: true, predicate: ["bmbTemplateMain"], descendants: true }, { propertyName: "secondAsideContent", first: true, predicate: ["bmbTemplateSecondAside"], descendants: true }, { propertyName: "singleColumnCard", first: true, predicate: ["singleColumnCard"], descendants: true }, { propertyName: "asideFirstCard", first: true, predicate: ["asideFirstCard"], descendants: true }, { propertyName: "asideLightCard", first: true, predicate: ["asideLightCard"], descendants: true }, { propertyName: "twoAsideCard", first: true, predicate: ["twoAsideCard"], descendants: true }], ngImport: i0, template: "<section [ngClass]=\"getSectionClass()\">\n  <bmb-top-bar\n    [userInformation]=\"topBarUserInformation()\"\n    [hasLogoutButton]=\"topBarHasLogoutButton()\"\n    [image]=\"topBarImage()\"\n    [mobileImage]=\"topBarMobileImage()\"\n    [appName]=\"topBarAppName()\"\n    [appSubTitle]=\"topBarAppSubTitle()\"\n    [lang]=\"topBarLang()\"\n    [showLang]=\"topBarShowLang()\"\n    [mitec]=\"topBarMitec()\"\n    [assignmentNotification]=\"topBarAssignmentNotification()\"\n    [alertNotification]=\"topBarAlertNotification()\"\n    class=\"bmb_web-template-top-bar\"\n    (logOut)=\"handleLogOut($event)\"\n    (onLangChange)=\"handleLangChange($event)\"\n  />\n  <header class=\"bmb_web-template-header\">\n    <div\n      class=\"bmb_web-template-header-container\"\n      [ngClass]=\"{ 'bmb_web-template-full-screen': isFullScreen() }\"\n    >\n      <h1 class=\"bmb_web-template-header-title\">{{ titleScreen() }}</h1>\n      <h2 class=\"bmb_web-template-header-subtitle\">{{ subTitleScreen() }}</h2>\n    </div>\n  </header>\n  @switch (template()) {\n    @case ('full-width-card') {\n      <ng-container [ngTemplateOutlet]=\"fullWidthCard\" />\n    }\n    @case ('justify-width-card') {\n      <ng-container [ngTemplateOutlet]=\"justifyWidthCard\" />\n    }\n    @case ('single-column-card') {\n      <ng-container [ngTemplateOutlet]=\"singleColumnCard\" />\n    }\n    @case ('aside-first-card') {\n      <ng-container [ngTemplateOutlet]=\"asideFirstCard\" />\n    }\n    @case ('aside-light-card') {\n      <ng-container [ngTemplateOutlet]=\"asideLightCard\" />\n    }\n    @case ('two-aside-card') {\n      <ng-container [ngTemplateOutlet]=\"twoAsideCard\" />\n    }\n  }\n  <bmb-sidebar\n    [elements]=\"sideBarElements()\"\n    [title]=\"sideBarTitle()\"\n  ></bmb-sidebar>\n</section>\n\n<ng-template #fullWidthCard>\n  <main class=\"bmb_web-template-main\">\n    <section class=\"bmb_web-template-main-container\">\n      @if (titleMainSlot()) {\n        <h3>{{ titleMainSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"mainContent\" />\n    </section>\n  </main>\n  <aside class=\"bmb_web-template-aside\">\n    @if (titleAsideSlot()) {\n      <h3>{{ titleAsideSlot() }}</h3>\n      <bmb-divider />\n    }\n    <ng-container [ngTemplateOutlet]=\"asideContent\" />\n  </aside>\n</ng-template>\n\n<ng-template #justifyWidthCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"8\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"4\">\n      @if (titleAsideSlot()) {\n        <h3>{{ titleAsideSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"asideContent\" />\n    </aside>\n  </section>\n</ng-template>\n\n<ng-template #singleColumnCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #asideFirstCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"12\">\n      @if (titleAsideSlot()) {\n        <h3>{{ titleAsideSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"asideContent\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n      <section class=\"bmb_web-template-main-container\">\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #asideLightCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"asideContent\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"9\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #twoAsideCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"asideContent\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"6\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"secondAsideContent\" />\n    </aside>\n  </section>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_web-template-full-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content max-content;grid-template-areas:\"topBar\" \"header\" \"main\" \"aside\";gap:1rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card{grid-template-columns:2fr 1fr;grid-template-rows:71px max-content 1fr;gap:0;grid-template-areas:\"topBar topBar\" \"header header\" \"main aside\"}}.bmb_web-template-full-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-full-width-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-full-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 62.5rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-full-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main{margin-left:0;border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0;margin-bottom:0;border-width:.0625rem .0625rem 0 0}}.bmb_web-template-full-width-card .bmb_web-template-main-container{overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main-container{padding-left:5.5rem}}.bmb_web-template-full-width-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m) var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-aside{margin:0;border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m);border-width:.0625rem 0 0 .0625rem}}[data-theme=dark] .bmb_web-template-full-width-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-full-width-card .bmb_web-template-main,[data-theme=dark] .bmb_web-template-full-width-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-full-width-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-full-width-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-full-width-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-justify-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-justify-width-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-justify-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-justify-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-justify-width-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}.bmb_web-template-justify-width-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-justify-width-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}[data-theme=dark] .bmb_web-template-justify-width-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-justify-width-card .bmb_web-template-main,[data-theme=dark] .bmb_web-template-justify-width-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-justify-width-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-justify-width-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-justify-width-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-single-column-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-single-column-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-single-column-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-single-column-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-single-column-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}.bmb_web-template-single-column-card .bmb_web-template-main-container{overflow:auto}[data-theme=dark] .bmb_web-template-single-column-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-single-column-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-single-column-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-single-column-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template-aside-first-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card{gap:0}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card.bmb_web-template{height:auto;overflow:auto}}.bmb_web-template-aside-first-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-first-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-first-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-first-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-first-card .bmb_web-template-main,.bmb_web-template-aside-first-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);border:.0625rem solid RGBA(var(--color-charade-300))}[data-theme=dark] .bmb_web-template-aside-first-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-aside-first-card .bmb_web-template-main,[data-theme=dark] .bmb_web-template-aside-first-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-aside-first-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-aside-first-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-aside-first-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-aside-light-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-light-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-light-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-light-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding:0 1rem 1rem;gap:0 0 var(--bmb-spacing-m)}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-light-card .bmb_web-template-main{border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-main{border:.0625rem solid RGBA(var(--color-charade-100));border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0}}.bmb_web-template-aside-light-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-light-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-aside{border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m)}}[data-theme=dark] .bmb_web-template-aside-light-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-aside-light-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-aside-light-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-aside-light-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}@media (min-width: 62.5625rem){[data-theme=dark] .bmb_web-template-aside-light-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-aside-light-card .bmb_web-template-main{border:.0625rem solid RGBA(var(--color-charade-900))}}.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-two-aside-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-two-aside-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-two-aside-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-two-aside-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-two-aside-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}.bmb_web-template-two-aside-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-two-aside-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}[data-theme=dark] .bmb_web-template-two-aside-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-two-aside-card .bmb_web-template-main,[data-theme=dark] .bmb_web-template-two-aside-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-two-aside-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-two-aside-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-two-aside-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template{background-color:RGBA(var(--color-charade-200));display:grid;gap:0;min-height:100dvh}@media (min-width: 62.5625rem){.bmb_web-template{height:100dvh;overflow:hidden}}[data-theme=dark] .bmb_web-template,.storybook-dark-theme .bmb_web-template{background-color:RGBA(var(--color-charade-950));color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "component", type: BmbTopBarComponent, selector: "bmb-top-bar", inputs: ["userInformation", "appName", "appPowered", "appSubTitle", "lang", "mitec", "alertNotification", "showRoleButton", "showHelpButton", "allowSidebarForMobile", "positionButtonMenu", "hasLogoutButton", "showLang", "showUserName", "assignmentNotification", "image", "mobileImage"], outputs: ["imageChange", "mobileImageChange", "helpButtonClick", "userProfileClick", "alertButtonClick", "roleButtonClick", "backToHomeClick", "logOut", "onLangChange"] }, { kind: "component", type: BmbSidebarComponent, selector: "bmb-sidebar", inputs: ["elements", "title", "position"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbDividerComponent, selector: "bmb-divider", inputs: ["type"] }, { kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbWebTemplatesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-web-templates', standalone: true, imports: [
+                        BmbTopBarComponent,
+                        BmbSidebarComponent,
+                        CommonModule,
+                        BmbDividerComponent,
+                        BmbLayoutDirective,
+                        BmbLayoutItemDirective,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section [ngClass]=\"getSectionClass()\">\n  <bmb-top-bar\n    [userInformation]=\"topBarUserInformation()\"\n    [hasLogoutButton]=\"topBarHasLogoutButton()\"\n    [image]=\"topBarImage()\"\n    [mobileImage]=\"topBarMobileImage()\"\n    [appName]=\"topBarAppName()\"\n    [appSubTitle]=\"topBarAppSubTitle()\"\n    [lang]=\"topBarLang()\"\n    [showLang]=\"topBarShowLang()\"\n    [mitec]=\"topBarMitec()\"\n    [assignmentNotification]=\"topBarAssignmentNotification()\"\n    [alertNotification]=\"topBarAlertNotification()\"\n    class=\"bmb_web-template-top-bar\"\n    (logOut)=\"handleLogOut($event)\"\n    (onLangChange)=\"handleLangChange($event)\"\n  />\n  <header class=\"bmb_web-template-header\">\n    <div\n      class=\"bmb_web-template-header-container\"\n      [ngClass]=\"{ 'bmb_web-template-full-screen': isFullScreen() }\"\n    >\n      <h1 class=\"bmb_web-template-header-title\">{{ titleScreen() }}</h1>\n      <h2 class=\"bmb_web-template-header-subtitle\">{{ subTitleScreen() }}</h2>\n    </div>\n  </header>\n  @switch (template()) {\n    @case ('full-width-card') {\n      <ng-container [ngTemplateOutlet]=\"fullWidthCard\" />\n    }\n    @case ('justify-width-card') {\n      <ng-container [ngTemplateOutlet]=\"justifyWidthCard\" />\n    }\n    @case ('single-column-card') {\n      <ng-container [ngTemplateOutlet]=\"singleColumnCard\" />\n    }\n    @case ('aside-first-card') {\n      <ng-container [ngTemplateOutlet]=\"asideFirstCard\" />\n    }\n    @case ('aside-light-card') {\n      <ng-container [ngTemplateOutlet]=\"asideLightCard\" />\n    }\n    @case ('two-aside-card') {\n      <ng-container [ngTemplateOutlet]=\"twoAsideCard\" />\n    }\n  }\n  <bmb-sidebar\n    [elements]=\"sideBarElements()\"\n    [title]=\"sideBarTitle()\"\n  ></bmb-sidebar>\n</section>\n\n<ng-template #fullWidthCard>\n  <main class=\"bmb_web-template-main\">\n    <section class=\"bmb_web-template-main-container\">\n      @if (titleMainSlot()) {\n        <h3>{{ titleMainSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"mainContent\" />\n    </section>\n  </main>\n  <aside class=\"bmb_web-template-aside\">\n    @if (titleAsideSlot()) {\n      <h3>{{ titleAsideSlot() }}</h3>\n      <bmb-divider />\n    }\n    <ng-container [ngTemplateOutlet]=\"asideContent\" />\n  </aside>\n</ng-template>\n\n<ng-template #justifyWidthCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"8\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"4\">\n      @if (titleAsideSlot()) {\n        <h3>{{ titleAsideSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"asideContent\" />\n    </aside>\n  </section>\n</ng-template>\n\n<ng-template #singleColumnCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #asideFirstCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"12\">\n      @if (titleAsideSlot()) {\n        <h3>{{ titleAsideSlot() }}</h3>\n        <bmb-divider />\n      }\n      <ng-container [ngTemplateOutlet]=\"asideContent\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"12\">\n      <section class=\"bmb_web-template-main-container\">\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #asideLightCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"asideContent\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"9\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n  </section>\n</ng-template>\n\n<ng-template #twoAsideCard>\n  <section\n    class=\"bmb_web-template-container\"\n    bmbLayout\n    gapSize=\"m\"\n    margin=\"none\"\n  >\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"asideContent\" />\n    </aside>\n    <main class=\"bmb_web-template-main\" bmbLayoutItem [colLg]=\"6\">\n      <section class=\"bmb_web-template-main-container\">\n        @if (titleMainSlot()) {\n          <h3>{{ titleMainSlot() }}</h3>\n          <bmb-divider />\n        }\n        <ng-container [ngTemplateOutlet]=\"mainContent\" />\n      </section>\n    </main>\n    <aside class=\"bmb_web-template-aside\" bmbLayoutItem [colLg]=\"3\">\n      <ng-container [ngTemplateOutlet]=\"secondAsideContent\" />\n    </aside>\n  </section>\n</ng-template>\n", styles: ["@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-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_web-template-full-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content max-content;grid-template-areas:\"topBar\" \"header\" \"main\" \"aside\";gap:1rem;font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card{grid-template-columns:2fr 1fr;grid-template-rows:71px max-content 1fr;gap:0;grid-template-areas:\"topBar topBar\" \"header header\" \"main aside\"}}.bmb_web-template-full-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-full-width-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-full-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 62.5rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-full-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-full-width-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main{margin-left:0;border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0;margin-bottom:0;border-width:.0625rem .0625rem 0 0}}.bmb_web-template-full-width-card .bmb_web-template-main-container{overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-main-container{padding-left:5.5rem}}.bmb_web-template-full-width-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);margin:0 var(--bmb-spacing-m) var(--bmb-spacing-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}@media (min-width: 62.5625rem){.bmb_web-template-full-width-card .bmb_web-template-aside{margin:0;border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m);border-width:.0625rem 0 0 .0625rem}}[data-theme=dark] .bmb_web-template-full-width-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-full-width-card .bmb_web-template-main,[data-theme=dark] .bmb_web-template-full-width-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-full-width-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-full-width-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-full-width-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-justify-width-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-justify-width-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-justify-width-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-justify-width-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-justify-width-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-justify-width-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-justify-width-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}.bmb_web-template-justify-width-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-justify-width-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}[data-theme=dark] .bmb_web-template-justify-width-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-justify-width-card .bmb_web-template-main,[data-theme=dark] .bmb_web-template-justify-width-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-justify-width-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-justify-width-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-justify-width-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-single-column-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-single-column-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-single-column-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-single-column-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-single-column-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-single-column-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-single-column-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}.bmb_web-template-single-column-card .bmb_web-template-main-container{overflow:auto}[data-theme=dark] .bmb_web-template-single-column-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-single-column-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-single-column-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-single-column-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template-aside-first-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card{gap:0}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card.bmb_web-template{height:auto;overflow:auto}}.bmb_web-template-aside-first-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-first-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-first-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-first-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-first-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-first-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-first-card .bmb_web-template-main,.bmb_web-template-aside-first-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);border:.0625rem solid RGBA(var(--color-charade-300))}[data-theme=dark] .bmb_web-template-aside-first-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-aside-first-card .bmb_web-template-main,[data-theme=dark] .bmb_web-template-aside-first-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-aside-first-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-aside-first-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-aside-first-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-aside-light-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-aside-light-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-aside-light-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-aside-light-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-aside-light-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding:0 1rem 1rem;gap:0 0 var(--bmb-spacing-m)}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-aside-light-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-aside-light-card .bmb_web-template-main{border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-main{border:.0625rem solid RGBA(var(--color-charade-100));border-radius:0 var(--bmb-radius-m) var(--bmb-radius-m) 0}}.bmb_web-template-aside-light-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-aside-light-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto}@media (min-width: 62.5625rem){.bmb_web-template-aside-light-card .bmb_web-template-aside{border-radius:var(--bmb-radius-m) 0 0 var(--bmb-radius-m)}}[data-theme=dark] .bmb_web-template-aside-light-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-aside-light-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-aside-light-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-aside-light-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}@media (min-width: 62.5625rem){[data-theme=dark] .bmb_web-template-aside-light-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-aside-light-card .bmb_web-template-main{border:.0625rem solid RGBA(var(--color-charade-900))}}.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content max-content;grid-template-areas:\"topBar\" \"header\" \"content\";font-family:Poppins-Regular,sans-serif;font-size:.75rem}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card{grid-template-columns:1fr;grid-template-rows:71px max-content 1fr;gap:0}}.bmb_web-template-two-aside-card .bmb_web-template-top-bar{grid-area:topBar}.bmb_web-template-two-aside-card .bmb_web-template-header{background-color:RGBA(var(--color-charade-100));display:flex;flex-direction:column;gap:var(--bmb-spacing-s);padding:var(--bmb-spacing-l);grid-area:header}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-header{margin-bottom:var(--bmb-spacing-m)}}.bmb_web-template-two-aside-card .bmb_web-template-header-container{margin:0 auto;width:100%;box-sizing:border-box;max-width:100rem}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:1rem}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-header-container{padding-left:5rem}}.bmb_web-template-two-aside-card .bmb_web-template-header-title{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-header-subtitle{font-family:Poppins-Regular,sans-serif;font-size:.875rem;font-weight:400}.bmb_web-template-two-aside-card .bmb_web-template-container{max-width:100rem;padding:var(--bmb-spacing-m);width:100%;box-sizing:border-box;margin:0 auto;height:100%;overflow:auto}@media (max-width: 62.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:1rem;height:max-content}}@media (min-width: 62.5625rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0 1rem 1rem}}@media (min-width: 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding:0}}@media (width >= 62.5625rem) and (width <= 112.5rem){.bmb_web-template-two-aside-card .bmb_web-template-container{padding-left:6.25rem}}.bmb_web-template-two-aside-card .bmb_web-template-main{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}.bmb_web-template-two-aside-card .bmb_web-template-main-container{overflow:auto}.bmb_web-template-two-aside-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-100));border-radius:var(--bmb-radius-m);padding:var(--bmb-spacing-m);height:100%;overflow:auto;border:.0625rem solid RGBA(var(--color-charade-300))}[data-theme=dark] .bmb_web-template-two-aside-card .bmb_web-template-header,[data-theme=dark] .bmb_web-template-two-aside-card .bmb_web-template-main,[data-theme=dark] .bmb_web-template-two-aside-card .bmb_web-template-aside,.storybook-dark-theme .bmb_web-template-two-aside-card .bmb_web-template-header,.storybook-dark-theme .bmb_web-template-two-aside-card .bmb_web-template-main,.storybook-dark-theme .bmb_web-template-two-aside-card .bmb_web-template-aside{background-color:RGBA(var(--color-charade-900));border-color:RGBA(var(--color-charade-800))}.bmb_web-template{background-color:RGBA(var(--color-charade-200));display:grid;gap:0;min-height:100dvh}@media (min-width: 62.5625rem){.bmb_web-template{height:100dvh;overflow:hidden}}[data-theme=dark] .bmb_web-template,.storybook-dark-theme .bmb_web-template{background-color:RGBA(var(--color-charade-950));color:RGBA(var(--color-charade-50))}\n"] }]
+        }], propDecorators: { asideContent: [{
+                type: ContentChild,
+                args: ['bmbTemplateAside']
+            }], mainContent: [{
+                type: ContentChild,
+                args: ['bmbTemplateMain']
+            }], secondAsideContent: [{
+                type: ContentChild,
+                args: ['bmbTemplateSecondAside']
+            }], singleColumnCard: [{
+                type: ContentChild,
+                args: ['singleColumnCard']
+            }], asideFirstCard: [{
+                type: ContentChild,
+                args: ['asideFirstCard']
+            }], asideLightCard: [{
+                type: ContentChild,
+                args: ['asideLightCard']
+            }], twoAsideCard: [{
+                type: ContentChild,
+                args: ['twoAsideCard']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXdlYi10ZW1wbGF0ZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL2JtYi13ZWItdGVtcGxhdGVzL2JtYi13ZWItdGVtcGxhdGVzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItd2ViLXRlbXBsYXRlcy9ibWItd2ViLXRlbXBsYXRlcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGtCQUFrQixHQUduQixNQUFNLHNDQUFzQyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN0RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7O0FBMkIvRixNQUFNLE9BQU8sd0JBQXdCO0lBaEJyQztRQWlCRSxpQkFBWSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNyQyxnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzlCLG1CQUFjLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDakMsYUFBUSxHQUFHLEtBQUssQ0FBbUIsaUJBQWlCLENBQUMsQ0FBQztRQUN0RCxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLG1CQUFjLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFFakMsaUJBQWlCO1FBQ2pCLDZCQUF3QixHQUFHLEtBQUssQ0FBc0IsTUFBTSxDQUFDLENBQUM7UUFDOUQsMEJBQXFCLEdBQUcsS0FBSyxDQUEwQixJQUFJLENBQUMsQ0FBQztRQUM3RCwwQkFBcUIsR0FBRyxLQUFLLENBQVUsSUFBSSxDQUFDLENBQUM7UUFDN0MsZ0JBQVcsR0FBRyxLQUFLLENBQVMsNEJBQTRCLENBQUMsQ0FBQztRQUMxRCxzQkFBaUIsR0FBRyxLQUFLLENBQVMsZ0NBQWdDLENBQUMsQ0FBQztRQUNwRSxrQkFBYSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNsQyxzQkFBaUIsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDdkMsZUFBVSxHQUFHLEtBQUssQ0FBUyxJQUFJLENBQUMsQ0FBQztRQUNqQyxnQkFBVyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNwQyxpQ0FBNEIsR0FBRyxLQUFLLENBQVcsRUFBRSxDQUFDLENBQUM7UUFDbkQsNEJBQXVCLEdBQUcsS0FBSyxDQUFrQixFQUFFLENBQUMsQ0FBQztRQUVyRCxpQkFBWSxHQUFHLE1BQU0sRUFBTyxDQUFDO1FBQzdCLHVCQUFrQixHQUFHLE1BQU0sRUFBVSxDQUFDO1FBRXRDLGtCQUFrQjtRQUNsQixvQkFBZSxHQUFHLEtBQUssQ0FBcUIsRUFBRSxDQUFDLENBQUM7UUFDaEQsaUJBQVksR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7S0EyQmxDO0lBaEJDLGVBQWU7UUFDYixNQUFNLFNBQVMsR0FBRztZQUNoQixrQkFBa0I7WUFDbEIsb0JBQW9CLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRTtTQUN0QyxDQUFDO1FBRUYsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFVO1FBQ3JCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxJQUFZO1FBQzNCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDckMsQ0FBQzsrR0FyRFUsd0JBQXdCO21HQUF4Qix3QkFBd0IsMjBIQzlDckMsMm9MQXdMQSxpN3hCRHRKSSxrQkFBa0IsaWdCQUNsQixtQkFBbUIsa0dBQ25CLFlBQVksb1NBQ1osbUJBQW1CLDBFQUNuQixrQkFBa0IsbUpBQ2xCLHNCQUFzQjs7NEZBT2Isd0JBQXdCO2tCQWhCcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3dCQUNsQixzQkFBc0I7cUJBQ3ZCLGlCQUdjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBK0JiLFlBQVk7c0JBQTdDLFlBQVk7dUJBQUMsa0JBQWtCO2dCQUNDLFdBQVc7c0JBQTNDLFlBQVk7dUJBQUMsaUJBQWlCO2dCQUNTLGtCQUFrQjtzQkFBekQsWUFBWTt1QkFBQyx3QkFBd0I7Z0JBRUosZ0JBQWdCO3NCQUFqRCxZQUFZO3VCQUFDLGtCQUFrQjtnQkFDQSxjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFDRSxjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFDQSxZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBCbWJUb3BCYXJDb21wb25lbnQsXG4gIElQb3NpdGlvbkJ1dHRvbk1lbnUsXG4gIElVc2VySW5mb3JtYXRpb24sXG59IGZyb20gJy4uL2JtYi10b3AtYmFyL2JtYi10b3AtYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCbWJTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vYm1iLXNpZGViYXIvYm1iLXNpZGViYXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNpZGViYXJFbGVtZW50IH0gZnJvbSAnLi4vYm1iLXNpZGViYXIvYm1iLXNpZGViYXIuaW50ZXJmYWNlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCbWJEaXZpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYm1iLWRpdmlkZXIvYm1iLWRpdmlkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEJtYkxheW91dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvYm1iLWxheW91dC9ibWItbGF5b3V0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBCbWJMYXlvdXRJdGVtRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9ibWItbGF5b3V0L2JtYi1sYXlvdXQtaXRlbS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgSUJtYkRhdGFBbGVydCB9IGZyb20gJy4uL2JtYi1hbGVydC1jZW50ZXIvdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBJQm1iVGVtcGxhdGVOYW1lID1cbiAgfCAnZnVsbC13aWR0aC1jYXJkJ1xuICB8ICdqdXN0aWZ5LXdpZHRoLWNhcmQnXG4gIHwgJ3NpbmdsZS1jb2x1bW4tY2FyZCdcbiAgfCAnYXNpZGUtZmlyc3QtY2FyZCdcbiAgfCAnYXNpZGUtbGlnaHQtY2FyZCdcbiAgfCAndHdvLWFzaWRlLWNhcmQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItd2ViLXRlbXBsYXRlcycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBCbWJUb3BCYXJDb21wb25lbnQsXG4gICAgQm1iU2lkZWJhckNvbXBvbmVudCxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQm1iRGl2aWRlckNvbXBvbmVudCxcbiAgICBCbWJMYXlvdXREaXJlY3RpdmUsXG4gICAgQm1iTGF5b3V0SXRlbURpcmVjdGl2ZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi13ZWItdGVtcGxhdGVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JtYi13ZWItdGVtcGxhdGVzLmNvbXBvbmVudC5zY3NzJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEJtYldlYlRlbXBsYXRlc0NvbXBvbmVudCB7XG4gIGlzRnVsbFNjcmVlbiA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgdGl0bGVTY3JlZW4gPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHN1YlRpdGxlU2NyZWVuID0gaW5wdXQ8c3RyaW5nPigpO1xuICB0ZW1wbGF0ZSA9IGlucHV0PElCbWJUZW1wbGF0ZU5hbWU+KCdmdWxsLXdpZHRoLWNhcmQnKTtcbiAgdGl0bGVNYWluU2xvdCA9IGlucHV0PHN0cmluZz4oKTtcbiAgdGl0bGVBc2lkZVNsb3QgPSBpbnB1dDxzdHJpbmc+KCk7XG5cbiAgLy8gdG9wIGJhciBpbnB1dHNcbiAgdG9wQmFyUG9zaXRpb25CdXR0b25NZW51ID0gaW5wdXQ8SVBvc2l0aW9uQnV0dG9uTWVudT4oJ2xlZnQnKTtcbiAgdG9wQmFyVXNlckluZm9ybWF0aW9uID0gaW5wdXQ8SVVzZXJJbmZvcm1hdGlvbiB8IG51bGw+KG51bGwpO1xuICB0b3BCYXJIYXNMb2dvdXRCdXR0b24gPSBpbnB1dDxib29sZWFuPih0cnVlKTtcbiAgdG9wQmFySW1hZ2UgPSBpbnB1dDxzdHJpbmc+KCdhc3NldHMvaW1hZ2VzL3RlYy1sb2dvLnN2ZycpO1xuICB0b3BCYXJNb2JpbGVJbWFnZSA9IGlucHV0PHN0cmluZz4oJ2Fzc2V0cy9pbWFnZXMvdGVjLWxvZ28tbW9iLnN2ZycpO1xuICB0b3BCYXJBcHBOYW1lID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIHRvcEJhckFwcFN1YlRpdGxlID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIHRvcEJhclNob3dMYW5nID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICB0b3BCYXJMYW5nID0gaW5wdXQ8c3RyaW5nPignZXMnKTtcbiAgdG9wQmFyTWl0ZWMgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHRvcEJhckFzc2lnbm1lbnROb3RpZmljYXRpb24gPSBpbnB1dDxzdHJpbmdbXT4oW10pO1xuICB0b3BCYXJBbGVydE5vdGlmaWNhdGlvbiA9IGlucHV0PElCbWJEYXRhQWxlcnRbXT4oW10pO1xuXG4gIHRvcEJhckxvZ091dCA9IG91dHB1dDxhbnk+KCk7XG4gIHRvcEJhck9uTGFuZ0NoYW5nZSA9IG91dHB1dDxzdHJpbmc+KCk7XG5cbiAgLy8gc2lkZSBiYXIgaW5wdXRzXG4gIHNpZGVCYXJFbGVtZW50cyA9IGlucHV0PFNpZGViYXJFbGVtZW50W11bXT4oW10pO1xuICBzaWRlQmFyVGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICBAQ29udGVudENoaWxkKCdibWJUZW1wbGF0ZUFzaWRlJykgYXNpZGVDb250ZW50ITogVGVtcGxhdGVSZWY8YW55PjtcbiAgQENvbnRlbnRDaGlsZCgnYm1iVGVtcGxhdGVNYWluJykgbWFpbkNvbnRlbnQhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBAQ29udGVudENoaWxkKCdibWJUZW1wbGF0ZVNlY29uZEFzaWRlJykgc2Vjb25kQXNpZGVDb250ZW50ITogVGVtcGxhdGVSZWY8YW55PjtcblxuICBAQ29udGVudENoaWxkKCdzaW5nbGVDb2x1bW5DYXJkJykgc2luZ2xlQ29sdW1uQ2FyZCE6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBDb250ZW50Q2hpbGQoJ2FzaWRlRmlyc3RDYXJkJykgYXNpZGVGaXJzdENhcmQhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBAQ29udGVudENoaWxkKCdhc2lkZUxpZ2h0Q2FyZCcpIGFzaWRlTGlnaHRDYXJkITogVGVtcGxhdGVSZWY8YW55PjtcbiAgQENvbnRlbnRDaGlsZCgndHdvQXNpZGVDYXJkJykgdHdvQXNpZGVDYXJkITogVGVtcGxhdGVSZWY8YW55PjtcblxuICBnZXRTZWN0aW9uQ2xhc3MoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGNsYXNzTGlzdCA9IFtcbiAgICAgICdibWJfd2ViLXRlbXBsYXRlJyxcbiAgICAgIGBibWJfd2ViLXRlbXBsYXRlLSR7dGhpcy50ZW1wbGF0ZSgpfWAsXG4gICAgXTtcblxuICAgIHJldHVybiBjbGFzc0xpc3Q7XG4gIH1cblxuICBoYW5kbGVMb2dPdXQocGFyYW06IGFueSk6IHZvaWQge1xuICAgIHRoaXMudG9wQmFyTG9nT3V0LmVtaXQocGFyYW0pO1xuICB9XG5cbiAgaGFuZGxlTGFuZ0NoYW5nZShsYW5nOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLnRvcEJhck9uTGFuZ0NoYW5nZS5lbWl0KGxhbmcpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBbbmdDbGFzc109XCJnZXRTZWN0aW9uQ2xhc3MoKVwiPlxuICA8Ym1iLXRvcC1iYXJcbiAgICBbdXNlckluZm9ybWF0aW9uXT1cInRvcEJhclVzZXJJbmZvcm1hdGlvbigpXCJcbiAgICBbaGFzTG9nb3V0QnV0dG9uXT1cInRvcEJhckhhc0xvZ291dEJ1dHRvbigpXCJcbiAgICBbaW1hZ2VdPVwidG9wQmFySW1hZ2UoKVwiXG4gICAgW21vYmlsZUltYWdlXT1cInRvcEJhck1vYmlsZUltYWdlKClcIlxuICAgIFthcHBOYW1lXT1cInRvcEJhckFwcE5hbWUoKVwiXG4gICAgW2FwcFN1YlRpdGxlXT1cInRvcEJhckFwcFN1YlRpdGxlKClcIlxuICAgIFtsYW5nXT1cInRvcEJhckxhbmcoKVwiXG4gICAgW3Nob3dMYW5nXT1cInRvcEJhclNob3dMYW5nKClcIlxuICAgIFttaXRlY109XCJ0b3BCYXJNaXRlYygpXCJcbiAgICBbYXNzaWdubWVudE5vdGlmaWNhdGlvbl09XCJ0b3BCYXJBc3NpZ25tZW50Tm90aWZpY2F0aW9uKClcIlxuICAgIFthbGVydE5vdGlmaWNhdGlvbl09XCJ0b3BCYXJBbGVydE5vdGlmaWNhdGlvbigpXCJcbiAgICBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtdG9wLWJhclwiXG4gICAgKGxvZ091dCk9XCJoYW5kbGVMb2dPdXQoJGV2ZW50KVwiXG4gICAgKG9uTGFuZ0NoYW5nZSk9XCJoYW5kbGVMYW5nQ2hhbmdlKCRldmVudClcIlxuICAvPlxuICA8aGVhZGVyIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1oZWFkZXJcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtaGVhZGVyLWNvbnRhaW5lclwiXG4gICAgICBbbmdDbGFzc109XCJ7ICdibWJfd2ViLXRlbXBsYXRlLWZ1bGwtc2NyZWVuJzogaXNGdWxsU2NyZWVuKCkgfVwiXG4gICAgPlxuICAgICAgPGgxIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1oZWFkZXItdGl0bGVcIj57eyB0aXRsZVNjcmVlbigpIH19PC9oMT5cbiAgICAgIDxoMiBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtaGVhZGVyLXN1YnRpdGxlXCI+e3sgc3ViVGl0bGVTY3JlZW4oKSB9fTwvaDI+XG4gICAgPC9kaXY+XG4gIDwvaGVhZGVyPlxuICBAc3dpdGNoICh0ZW1wbGF0ZSgpKSB7XG4gICAgQGNhc2UgKCdmdWxsLXdpZHRoLWNhcmQnKSB7XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZ1bGxXaWR0aENhcmRcIiAvPlxuICAgIH1cbiAgICBAY2FzZSAoJ2p1c3RpZnktd2lkdGgtY2FyZCcpIHtcbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwianVzdGlmeVdpZHRoQ2FyZFwiIC8+XG4gICAgfVxuICAgIEBjYXNlICgnc2luZ2xlLWNvbHVtbi1jYXJkJykge1xuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJzaW5nbGVDb2x1bW5DYXJkXCIgLz5cbiAgICB9XG4gICAgQGNhc2UgKCdhc2lkZS1maXJzdC1jYXJkJykge1xuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJhc2lkZUZpcnN0Q2FyZFwiIC8+XG4gICAgfVxuICAgIEBjYXNlICgnYXNpZGUtbGlnaHQtY2FyZCcpIHtcbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYXNpZGVMaWdodENhcmRcIiAvPlxuICAgIH1cbiAgICBAY2FzZSAoJ3R3by1hc2lkZS1jYXJkJykge1xuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0d29Bc2lkZUNhcmRcIiAvPlxuICAgIH1cbiAgfVxuICA8Ym1iLXNpZGViYXJcbiAgICBbZWxlbWVudHNdPVwic2lkZUJhckVsZW1lbnRzKClcIlxuICAgIFt0aXRsZV09XCJzaWRlQmFyVGl0bGUoKVwiXG4gID48L2JtYi1zaWRlYmFyPlxuPC9zZWN0aW9uPlxuXG48bmctdGVtcGxhdGUgI2Z1bGxXaWR0aENhcmQ+XG4gIDxtYWluIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1tYWluXCI+XG4gICAgPHNlY3Rpb24gY2xhc3M9XCJibWJfd2ViLXRlbXBsYXRlLW1haW4tY29udGFpbmVyXCI+XG4gICAgICBAaWYgKHRpdGxlTWFpblNsb3QoKSkge1xuICAgICAgICA8aDM+e3sgdGl0bGVNYWluU2xvdCgpIH19PC9oMz5cbiAgICAgICAgPGJtYi1kaXZpZGVyIC8+XG4gICAgICB9XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1haW5Db250ZW50XCIgLz5cbiAgICA8L3NlY3Rpb24+XG4gIDwvbWFpbj5cbiAgPGFzaWRlIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1hc2lkZVwiPlxuICAgIEBpZiAodGl0bGVBc2lkZVNsb3QoKSkge1xuICAgICAgPGgzPnt7IHRpdGxlQXNpZGVTbG90KCkgfX08L2gzPlxuICAgICAgPGJtYi1kaXZpZGVyIC8+XG4gICAgfVxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYXNpZGVDb250ZW50XCIgLz5cbiAgPC9hc2lkZT5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjanVzdGlmeVdpZHRoQ2FyZD5cbiAgPHNlY3Rpb25cbiAgICBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtY29udGFpbmVyXCJcbiAgICBibWJMYXlvdXRcbiAgICBnYXBTaXplPVwibVwiXG4gICAgbWFyZ2luPVwibm9uZVwiXG4gID5cbiAgICA8bWFpbiBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtbWFpblwiIGJtYkxheW91dEl0ZW0gW2NvbExnXT1cIjhcIj5cbiAgICAgIDxzZWN0aW9uIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1tYWluLWNvbnRhaW5lclwiPlxuICAgICAgICBAaWYgKHRpdGxlTWFpblNsb3QoKSkge1xuICAgICAgICAgIDxoMz57eyB0aXRsZU1haW5TbG90KCkgfX08L2gzPlxuICAgICAgICAgIDxibWItZGl2aWRlciAvPlxuICAgICAgICB9XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibWFpbkNvbnRlbnRcIiAvPlxuICAgICAgPC9zZWN0aW9uPlxuICAgIDwvbWFpbj5cbiAgICA8YXNpZGUgY2xhc3M9XCJibWJfd2ViLXRlbXBsYXRlLWFzaWRlXCIgYm1iTGF5b3V0SXRlbSBbY29sTGddPVwiNFwiPlxuICAgICAgQGlmICh0aXRsZUFzaWRlU2xvdCgpKSB7XG4gICAgICAgIDxoMz57eyB0aXRsZUFzaWRlU2xvdCgpIH19PC9oMz5cbiAgICAgICAgPGJtYi1kaXZpZGVyIC8+XG4gICAgICB9XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFzaWRlQ29udGVudFwiIC8+XG4gICAgPC9hc2lkZT5cbiAgPC9zZWN0aW9uPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNzaW5nbGVDb2x1bW5DYXJkPlxuICA8c2VjdGlvblxuICAgIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1jb250YWluZXJcIlxuICAgIGJtYkxheW91dFxuICAgIGdhcFNpemU9XCJtXCJcbiAgICBtYXJnaW49XCJub25lXCJcbiAgPlxuICAgIDxtYWluIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1tYWluXCIgYm1iTGF5b3V0SXRlbSBbY29sTGddPVwiMTJcIj5cbiAgICAgIDxzZWN0aW9uIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1tYWluLWNvbnRhaW5lclwiPlxuICAgICAgICBAaWYgKHRpdGxlTWFpblNsb3QoKSkge1xuICAgICAgICAgIDxoMz57eyB0aXRsZU1haW5TbG90KCkgfX08L2gzPlxuICAgICAgICAgIDxibWItZGl2aWRlciAvPlxuICAgICAgICB9XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibWFpbkNvbnRlbnRcIiAvPlxuICAgICAgPC9zZWN0aW9uPlxuICAgIDwvbWFpbj5cbiAgPC9zZWN0aW9uPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNhc2lkZUZpcnN0Q2FyZD5cbiAgPHNlY3Rpb25cbiAgICBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtY29udGFpbmVyXCJcbiAgICBibWJMYXlvdXRcbiAgICBnYXBTaXplPVwibVwiXG4gICAgbWFyZ2luPVwibm9uZVwiXG4gID5cbiAgICA8YXNpZGUgY2xhc3M9XCJibWJfd2ViLXRlbXBsYXRlLWFzaWRlXCIgYm1iTGF5b3V0SXRlbSBbY29sTGddPVwiMTJcIj5cbiAgICAgIEBpZiAodGl0bGVBc2lkZVNsb3QoKSkge1xuICAgICAgICA8aDM+e3sgdGl0bGVBc2lkZVNsb3QoKSB9fTwvaDM+XG4gICAgICAgIDxibWItZGl2aWRlciAvPlxuICAgICAgfVxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJhc2lkZUNvbnRlbnRcIiAvPlxuICAgIDwvYXNpZGU+XG4gICAgPG1haW4gY2xhc3M9XCJibWJfd2ViLXRlbXBsYXRlLW1haW5cIiBibWJMYXlvdXRJdGVtIFtjb2xMZ109XCIxMlwiPlxuICAgICAgPHNlY3Rpb24gY2xhc3M9XCJibWJfd2ViLXRlbXBsYXRlLW1haW4tY29udGFpbmVyXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibWFpbkNvbnRlbnRcIiAvPlxuICAgICAgPC9zZWN0aW9uPlxuICAgIDwvbWFpbj5cbiAgPC9zZWN0aW9uPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNhc2lkZUxpZ2h0Q2FyZD5cbiAgPHNlY3Rpb25cbiAgICBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtY29udGFpbmVyXCJcbiAgICBibWJMYXlvdXRcbiAgICBnYXBTaXplPVwibVwiXG4gICAgbWFyZ2luPVwibm9uZVwiXG4gID5cbiAgICA8YXNpZGUgY2xhc3M9XCJibWJfd2ViLXRlbXBsYXRlLWFzaWRlXCIgYm1iTGF5b3V0SXRlbSBbY29sTGddPVwiM1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJhc2lkZUNvbnRlbnRcIiAvPlxuICAgIDwvYXNpZGU+XG4gICAgPG1haW4gY2xhc3M9XCJibWJfd2ViLXRlbXBsYXRlLW1haW5cIiBibWJMYXlvdXRJdGVtIFtjb2xMZ109XCI5XCI+XG4gICAgICA8c2VjdGlvbiBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtbWFpbi1jb250YWluZXJcIj5cbiAgICAgICAgQGlmICh0aXRsZU1haW5TbG90KCkpIHtcbiAgICAgICAgICA8aDM+e3sgdGl0bGVNYWluU2xvdCgpIH19PC9oMz5cbiAgICAgICAgICA8Ym1iLWRpdmlkZXIgLz5cbiAgICAgICAgfVxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1haW5Db250ZW50XCIgLz5cbiAgICAgIDwvc2VjdGlvbj5cbiAgICA8L21haW4+XG4gIDwvc2VjdGlvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdHdvQXNpZGVDYXJkPlxuICA8c2VjdGlvblxuICAgIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1jb250YWluZXJcIlxuICAgIGJtYkxheW91dFxuICAgIGdhcFNpemU9XCJtXCJcbiAgICBtYXJnaW49XCJub25lXCJcbiAgPlxuICAgIDxhc2lkZSBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtYXNpZGVcIiBibWJMYXlvdXRJdGVtIFtjb2xMZ109XCIzXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFzaWRlQ29udGVudFwiIC8+XG4gICAgPC9hc2lkZT5cbiAgICA8bWFpbiBjbGFzcz1cImJtYl93ZWItdGVtcGxhdGUtbWFpblwiIGJtYkxheW91dEl0ZW0gW2NvbExnXT1cIjZcIj5cbiAgICAgIDxzZWN0aW9uIGNsYXNzPVwiYm1iX3dlYi10ZW1wbGF0ZS1tYWluLWNvbnRhaW5lclwiPlxuICAgICAgICBAaWYgKHRpdGxlTWFpblNsb3QoKSkge1xuICAgICAgICAgIDxoMz57eyB0aXRsZU1haW5TbG90KCkgfX08L2gzPlxuICAgICAgICAgIDxibWItZGl2aWRlciAvPlxuICAgICAgICB9XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibWFpbkNvbnRlbnRcIiAvPlxuICAgICAgPC9zZWN0aW9uPlxuICAgIDwvbWFpbj5cbiAgICA8YXNpZGUgY2xhc3M9XCJibWJfd2ViLXRlbXBsYXRlLWFzaWRlXCIgYm1iTGF5b3V0SXRlbSBbY29sTGddPVwiM1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJzZWNvbmRBc2lkZUNvbnRlbnRcIiAvPlxuICAgIDwvYXNpZGU+XG4gIDwvc2VjdGlvbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/components/bmb-wheel-menu/bmb-wheel-menu.component.mjs

@@ -0,0 +1,128 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, Output, EventEmitter, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbFabComponent } from '../bmb-fab/bmb-fab.component';
+import { BmbIconComponent } from '../bmb-icon/bmb-icon.component';
+import { BmbInnerHeaderComponent } from '../bmb-inner-header/bmb-inner-header.component';
+import { BmbTabsComponent } from '../bmb-tabs/bmb-tabs.component';
+import { BmbInteractiveIconComponent } from '../bmb-interactive-icon/bmb-interactive-icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbWheelMenuComponent {
+    constructor() {
+        this.navItems = [];
+        this.apps = {};
+        this.data = [];
+        this.isLoading = false;
+        this.onValueChange = new EventEmitter();
+        this.activeNavItemIndex = 0;
+        this.isFull = false;
+        this.isOpen = false;
+    }
+    ngAfterViewInit() {
+        this.updateClasses();
+        this.selectNavItem(0);
+    }
+    toggleWheel() {
+        this.isFull = false;
+        this.isOpen = !this.isOpen;
+        this.updateClasses();
+    }
+    toggleFullWheel() {
+        this.isFull = !this.isFull;
+        if (!this.isFull) {
+            this.isOpen = true;
+        }
+        else {
+            this.isOpen = false;
+            this.setActiveTab(this.activeNavItemIndex);
+            setTimeout(() => {
+                this.isOpen = true;
+                this.setActiveTab(this.activeNavItemIndex);
+            }, 100);
+        }
+        this.updateClasses();
+    }
+    handleBackButton() {
+        this.toggleFullWheel();
+    }
+    selectNavItem(index) {
+        if (this.activeNavItemIndex !== index) {
+            this.activeNavItemIndex = index;
+            this.updateClasses();
+            this.setActiveTab(index);
+        }
+    }
+    selectFullMenuNavItem(index) {
+        if (this.activeNavItemIndex !== index) {
+            this.activeNavItemIndex = index;
+            this.updateClasses();
+            this.setActiveTab(index);
+        }
+    }
+    getClasses(index) {
+        const activeIndex = this.activeNavItemIndex;
+        if (index === activeIndex) {
+            return 'active';
+        }
+        else if (index === (activeIndex + 1) % 3) {
+            return 'next';
+        }
+        else if (index === (activeIndex + 2) % 3) {
+            return 'previous';
+        }
+        return '';
+    }
+    updateClasses() {
+        if (!this.wheelMenu)
+            return;
+        const navItems = Array.from(this.wheelMenu.nativeElement.querySelectorAll('.bmb_wheel-item'));
+        navItems.forEach((item, index) => {
+            item.classList.remove('previous', 'active', 'next');
+            item.classList.add(...this.getClasses(index).split(' '));
+        });
+    }
+    setActiveTab(index) {
+        if (this.tabsComponent) {
+            this.tabsComponent.selectTab(this.navItems[index].id);
+        }
+    }
+    get activeApps() {
+        return this.apps[this.activeNavItemIndex] || [];
+    }
+    handleValueChange(event) {
+        this.onValueChange.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbWheelMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbWheelMenuComponent, isStandalone: true, selector: "bmb-wheel-menu", inputs: { navItems: "navItems", apps: "apps", data: "data", isLoading: "isLoading" }, outputs: { onValueChange: "onValueChange" }, viewQueries: [{ propertyName: "wheel", first: true, predicate: ["wheel"], descendants: true }, { propertyName: "wheelMenu", first: true, predicate: ["wheelMenu"], descendants: true }, { propertyName: "tabsComponent", first: true, predicate: BmbTabsComponent, descendants: true }], ngImport: i0, template: "<div class=\"bmb_wheel\">\n  <bmb-fab\n    [icon]=\"'apps'\"\n    [text]=\"'FAB'\"\n    [size]=\"'large'\"\n    [type]=\"'normal'\"\n    (fabClick)=\"toggleWheel()\"\n  />\n\n  @if (isOpen && !isFull) {\n    <div #wheel class=\"bmb_wheel-wrapper\">\n      <button class=\"bmb_wheel-button\" (click)=\"toggleFullWheel()\">\n        <bmb-icon icon=\"keyboard_arrow_up\" />\n      </button>\n      <ul #wheelMenu class=\"bmb_wheel-menu\">\n        <li\n          *ngFor=\"let nav of navItems.slice(0, 3); let i = index\"\n          class=\"bmb_wheel-item\"\n          [ngClass]=\"getClasses(i)\"\n        >\n          <button (click)=\"selectNavItem(i)\" class=\"bmb_wheel-nav\">\n            <svg viewBox=\"0 0 500 500\" class=\"bmb_wheel-svg\">\n              <path\n                id=\"circlePath{{ i }}\"\n                d=\"M250,250 m-240,0 a240,240 0 1,1 480,0 a240,240 0 1,1 -480,0\"\n                fill=\"none\"\n                stroke=\"none\"\n              />\n              <text>\n                <textPath\n                  [attr.href]=\"'#circlePath' + i\"\n                  startOffset=\"50%\"\n                  class=\"bmb_wheel-path\"\n                >\n                  {{ nav.title }}\n                </textPath>\n              </text>\n            </svg>\n          </button>\n        </li>\n      </ul>\n\n      <div class=\"bmb_wheel-apps\">\n        <ng-container *ngFor=\"let app of activeApps\">\n          <bmb-interactive-icon\n            [appearance]=\"app.appearance\"\n            [title]=\"app.title\"\n            [icon]=\"app.icon\"\n            [target]=\"app.target!\"\n            [link]=\"app.link\"\n          />\n        </ng-container>\n      </div>\n    </div>\n  }\n\n  @if (isFull) {\n    <div class=\"bmb_wheel-full\">\n      <bmb-inner-header\n        title=\"Inner Header\"\n        (onHandleBack)=\"handleBackButton()\"\n      />\n      <bmb-tabs\n        [tabs]=\"navItems.slice(0, 3)\"\n        (selected)=\"selectFullMenuNavItem($event.id)\"\n      />\n      <div class=\"bmb_wheel-apps\">\n        <ng-container *ngFor=\"let app of activeApps\">\n          <bmb-interactive-icon\n            [appearance]=\"app.appearance\"\n            [title]=\"app.title\"\n            [icon]=\"app.icon\"\n            [horizontal]=\"false\"\n            [target]=\"app.target\"\n            [link]=\"app.link\"\n          />\n        </ng-container>\n      </div>\n    </div>\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_wheel bmb-fab{position:absolute;z-index:30}.bmb_wheel bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_wheel bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_wheel-wrapper{background-color:RGBA(var(--color-charade-50),1);border:.25rem solid RGBA(var(--color-mariner-700),1);border-radius:50%;bottom:-16.25rem;height:43.75rem;left:50%;margin-left:-21.875rem;overflow:hidden;position:fixed;transition:all .5s ease-in;width:43.75rem;z-index:10}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:first-child{transform:translate(-.9375rem,3.75rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(3){transform:translate(1.25rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(4){transform:translate(2.1875rem,3.75rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(5){transform:translate(-.9375rem,5.625rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(6){transform:translateY(2rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:last-child{transform:translate(1.25rem,2rem)}.bmb_wheel-button{cursor:pointer;height:1.5rem;left:0;margin:auto;position:absolute;right:0;top:.625rem}.bmb_wheel-button bmb-icon{color:rgba(var(--color-charade-950),1);font-size:1.5625rem}.bmb_wheel-apps{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:flex-start;position:absolute;right:26%;top:18%;width:20rem}.bmb_wheel-menu{position:relative}.bmb_wheel-item{align-items:center;display:flex;height:3.125rem;justify-content:center;position:absolute;width:9.375rem;overflow:hidden}.bmb_wheel-item .bmb_wheel-nav{fill:rgba(var(--color-charade-500),1)}.bmb_wheel-item.previous{left:4.375rem;top:5rem;transform:rotate(-41deg)}.bmb_wheel-item.active{left:0;margin:auto;right:0;top:1.25rem}.bmb_wheel-item.active .bmb_wheel-nav{fill:rgba(var(--color-mariner-950),1)}.bmb_wheel-item.active:after{border:solid .25rem rgba(var(--color-mariner-700),1);border-color:rgba(var(--color-mariner-700),1) transparent transparent transparent;border-radius:63%;bottom:-18px;content:\"\";height:25px;left:0;margin:auto;position:absolute;right:0;width:75%}.bmb_wheel-item.next{right:4.375rem;top:5rem;transform:rotate(41deg)}.bmb_wheel-nav{font-family:Poppins-Bold,sans-serif;font-size:1rem;height:40px;position:absolute;top:.625rem;z-index:10}.bmb_wheel-full{background-color:RGBA(var(--color-charade-200),1);bottom:0;height:100%;left:0;margin:auto;position:fixed;right:0;width:100%;z-index:30}.bmb_wheel-full .bmb_wheel-apps{padding:0 1.5rem;position:relative;right:inherit;top:inherit;width:100%}.bmb_wheel-svg{height:31.25rem;overflow:visible;pointer-events:none;rotate:270deg;width:31.25rem}.bmb_wheel-path{font-family:Poppins-Bold,sans-serif;font-size:1rem;text-anchor:middle}[data-theme=dark] .bmb_wheel-wrapper,.storybook-dark-theme .bmb_wheel-wrapper{background-color:RGBA(var(--color-charade-950),1);border:.25rem solid RGBA(var(--color-neon-primary),1)}[data-theme=dark] .bmb_wheel-button bmb-icon,.storybook-dark-theme .bmb_wheel-button bmb-icon{color:rgba(var(--color-charade-50),1)}[data-theme=dark] .bmb_wheel-item .bmb_wheel-nav,.storybook-dark-theme .bmb_wheel-item .bmb_wheel-nav{fill:rgba(var(--color-charade-500),1)}[data-theme=dark] .bmb_wheel-item.active:after,.storybook-dark-theme .bmb_wheel-item.active:after{border-color:rgba(var(--color-neon-primary),1) transparent transparent transparent}[data-theme=dark] .bmb_wheel-item.active .bmb_wheel-nav,.storybook-dark-theme .bmb_wheel-item.active .bmb_wheel-nav{fill:rgba(var(--color-charade-50),1)}[data-theme=dark] .bmb_wheel-full,.storybook-dark-theme .bmb_wheel-full{background-color:RGBA(var(--color-charade-950),1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: BmbFabComponent, selector: "bmb-fab", inputs: ["icon", "text", "size", "type", "mitec"], outputs: ["fabClick"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbInnerHeaderComponent, selector: "bmb-inner-header", inputs: ["title", "placeholderSearch", "subTitle", "trailingIconPrimary", "trailingIconSecondary", "disableTrailingIconPrimary", "disableTrailingIconSecondary", "showClose", "showReturn", "showSearch"], outputs: ["onHandleTrailingPrimary", "onHandleTrailingSecondary", "onHandleBack", "onHandleClose", "searchData"] }, { kind: "component", type: BmbTabsComponent, selector: "bmb-tabs", inputs: ["appearanceContrast", "format", "tabs", "selectedTabId"], outputs: ["selectedTabIdChange", "selected"] }, { kind: "component", type: BmbInteractiveIconComponent, selector: "bmb-interactive-icon", inputs: ["appearanceContrast", "appearance", "title", "description", "icon", "dotNotification", "horizontal", "target", "link", "layout", "setButtonTemplate"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbWheelMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-wheel-menu', standalone: true, imports: [
+                        CommonModule,
+                        BmbFabComponent,
+                        BmbIconComponent,
+                        BmbInnerHeaderComponent,
+                        BmbTabsComponent,
+                        BmbInteractiveIconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_wheel\">\n  <bmb-fab\n    [icon]=\"'apps'\"\n    [text]=\"'FAB'\"\n    [size]=\"'large'\"\n    [type]=\"'normal'\"\n    (fabClick)=\"toggleWheel()\"\n  />\n\n  @if (isOpen && !isFull) {\n    <div #wheel class=\"bmb_wheel-wrapper\">\n      <button class=\"bmb_wheel-button\" (click)=\"toggleFullWheel()\">\n        <bmb-icon icon=\"keyboard_arrow_up\" />\n      </button>\n      <ul #wheelMenu class=\"bmb_wheel-menu\">\n        <li\n          *ngFor=\"let nav of navItems.slice(0, 3); let i = index\"\n          class=\"bmb_wheel-item\"\n          [ngClass]=\"getClasses(i)\"\n        >\n          <button (click)=\"selectNavItem(i)\" class=\"bmb_wheel-nav\">\n            <svg viewBox=\"0 0 500 500\" class=\"bmb_wheel-svg\">\n              <path\n                id=\"circlePath{{ i }}\"\n                d=\"M250,250 m-240,0 a240,240 0 1,1 480,0 a240,240 0 1,1 -480,0\"\n                fill=\"none\"\n                stroke=\"none\"\n              />\n              <text>\n                <textPath\n                  [attr.href]=\"'#circlePath' + i\"\n                  startOffset=\"50%\"\n                  class=\"bmb_wheel-path\"\n                >\n                  {{ nav.title }}\n                </textPath>\n              </text>\n            </svg>\n          </button>\n        </li>\n      </ul>\n\n      <div class=\"bmb_wheel-apps\">\n        <ng-container *ngFor=\"let app of activeApps\">\n          <bmb-interactive-icon\n            [appearance]=\"app.appearance\"\n            [title]=\"app.title\"\n            [icon]=\"app.icon\"\n            [target]=\"app.target!\"\n            [link]=\"app.link\"\n          />\n        </ng-container>\n      </div>\n    </div>\n  }\n\n  @if (isFull) {\n    <div class=\"bmb_wheel-full\">\n      <bmb-inner-header\n        title=\"Inner Header\"\n        (onHandleBack)=\"handleBackButton()\"\n      />\n      <bmb-tabs\n        [tabs]=\"navItems.slice(0, 3)\"\n        (selected)=\"selectFullMenuNavItem($event.id)\"\n      />\n      <div class=\"bmb_wheel-apps\">\n        <ng-container *ngFor=\"let app of activeApps\">\n          <bmb-interactive-icon\n            [appearance]=\"app.appearance\"\n            [title]=\"app.title\"\n            [icon]=\"app.icon\"\n            [horizontal]=\"false\"\n            [target]=\"app.target\"\n            [link]=\"app.link\"\n          />\n        </ng-container>\n      </div>\n    </div>\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_wheel bmb-fab{position:absolute;z-index:30}.bmb_wheel bmb-tabs .bmb_tabs{margin:1.5rem auto}.bmb_wheel bmb-tabs .bmb_tabs-tab{display:grid;grid-template-columns:repeat(3,1fr)}.bmb_wheel-wrapper{background-color:RGBA(var(--color-charade-50),1);border:.25rem solid RGBA(var(--color-mariner-700),1);border-radius:50%;bottom:-16.25rem;height:43.75rem;left:50%;margin-left:-21.875rem;overflow:hidden;position:fixed;transition:all .5s ease-in;width:43.75rem;z-index:10}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:first-child{transform:translate(-.9375rem,3.75rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(3){transform:translate(1.25rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(4){transform:translate(2.1875rem,3.75rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(5){transform:translate(-.9375rem,5.625rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:nth-child(6){transform:translateY(2rem)}.bmb_wheel-wrapper .bmb_wheel-apps bmb-interactive-icon:last-child{transform:translate(1.25rem,2rem)}.bmb_wheel-button{cursor:pointer;height:1.5rem;left:0;margin:auto;position:absolute;right:0;top:.625rem}.bmb_wheel-button bmb-icon{color:rgba(var(--color-charade-950),1);font-size:1.5625rem}.bmb_wheel-apps{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:flex-start;position:absolute;right:26%;top:18%;width:20rem}.bmb_wheel-menu{position:relative}.bmb_wheel-item{align-items:center;display:flex;height:3.125rem;justify-content:center;position:absolute;width:9.375rem;overflow:hidden}.bmb_wheel-item .bmb_wheel-nav{fill:rgba(var(--color-charade-500),1)}.bmb_wheel-item.previous{left:4.375rem;top:5rem;transform:rotate(-41deg)}.bmb_wheel-item.active{left:0;margin:auto;right:0;top:1.25rem}.bmb_wheel-item.active .bmb_wheel-nav{fill:rgba(var(--color-mariner-950),1)}.bmb_wheel-item.active:after{border:solid .25rem rgba(var(--color-mariner-700),1);border-color:rgba(var(--color-mariner-700),1) transparent transparent transparent;border-radius:63%;bottom:-18px;content:\"\";height:25px;left:0;margin:auto;position:absolute;right:0;width:75%}.bmb_wheel-item.next{right:4.375rem;top:5rem;transform:rotate(41deg)}.bmb_wheel-nav{font-family:Poppins-Bold,sans-serif;font-size:1rem;height:40px;position:absolute;top:.625rem;z-index:10}.bmb_wheel-full{background-color:RGBA(var(--color-charade-200),1);bottom:0;height:100%;left:0;margin:auto;position:fixed;right:0;width:100%;z-index:30}.bmb_wheel-full .bmb_wheel-apps{padding:0 1.5rem;position:relative;right:inherit;top:inherit;width:100%}.bmb_wheel-svg{height:31.25rem;overflow:visible;pointer-events:none;rotate:270deg;width:31.25rem}.bmb_wheel-path{font-family:Poppins-Bold,sans-serif;font-size:1rem;text-anchor:middle}[data-theme=dark] .bmb_wheel-wrapper,.storybook-dark-theme .bmb_wheel-wrapper{background-color:RGBA(var(--color-charade-950),1);border:.25rem solid RGBA(var(--color-neon-primary),1)}[data-theme=dark] .bmb_wheel-button bmb-icon,.storybook-dark-theme .bmb_wheel-button bmb-icon{color:rgba(var(--color-charade-50),1)}[data-theme=dark] .bmb_wheel-item .bmb_wheel-nav,.storybook-dark-theme .bmb_wheel-item .bmb_wheel-nav{fill:rgba(var(--color-charade-500),1)}[data-theme=dark] .bmb_wheel-item.active:after,.storybook-dark-theme .bmb_wheel-item.active:after{border-color:rgba(var(--color-neon-primary),1) transparent transparent transparent}[data-theme=dark] .bmb_wheel-item.active .bmb_wheel-nav,.storybook-dark-theme .bmb_wheel-item.active .bmb_wheel-nav{fill:rgba(var(--color-charade-50),1)}[data-theme=dark] .bmb_wheel-full,.storybook-dark-theme .bmb_wheel-full{background-color:RGBA(var(--color-charade-950),1)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { navItems: [{
+                type: Input
+            }], apps: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], onValueChange: [{
+                type: Output
+            }], wheel: [{
+                type: ViewChild,
+                args: ['wheel', { static: false }]
+            }], wheelMenu: [{
+                type: ViewChild,
+                args: ['wheelMenu', { static: false }]
+            }], tabsComponent: [{
+                type: ViewChild,
+                args: [BmbTabsComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXdoZWVsLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL2JtYi13aGVlbC1tZW51L2JtYi13aGVlbC1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItd2hlZWwtbWVudS9ibWItd2hlZWwtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsS0FBSyxFQUNMLFNBQVMsRUFHVCxNQUFNLEVBQ04sWUFBWSxHQUNiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDbEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sd0RBQXdELENBQUM7OztBQTBCckcsTUFBTSxPQUFPLHFCQUFxQjtJQWNoQztRQWJTLGFBQVEsR0FBYyxFQUFFLENBQUM7UUFDekIsU0FBSSxHQUFpQyxFQUFFLENBQUM7UUFDeEMsU0FBSSxHQUFhLEVBQUUsQ0FBQztRQUNwQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzFCLGtCQUFhLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFLM0UsdUJBQWtCLEdBQVcsQ0FBQyxDQUFDO1FBQy9CLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsV0FBTSxHQUFZLEtBQUssQ0FBQztJQUVULENBQUM7SUFFaEIsZUFBZTtRQUNiLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDaEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7U0FDcEI7YUFBTTtZQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7WUFDM0MsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztnQkFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztZQUM3QyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7U0FDVDtRQUNELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLElBQUksQ0FBQyxrQkFBa0IsS0FBSyxLQUFLLEVBQUU7WUFDckMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQztZQUNoQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxLQUFhO1FBQ2pDLElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLEtBQUssRUFBRTtZQUNyQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFDO1lBQ2hDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzFCO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztRQUM1QyxJQUFJLEtBQUssS0FBSyxXQUFXLEVBQUU7WUFDekIsT0FBTyxRQUFRLENBQUM7U0FDakI7YUFBTSxJQUFJLEtBQUssS0FBSyxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDMUMsT0FBTyxNQUFNLENBQUM7U0FDZjthQUFNLElBQUksS0FBSyxLQUFLLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUMxQyxPQUFPLFVBQVUsQ0FBQztTQUNuQjtRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVM7WUFBRSxPQUFPO1FBRTVCLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQ3pCLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixDQUFDLENBQ2hELENBQUM7UUFFbkIsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUMvQixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUMzRCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBYTtRQUN4QixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUN2RDtJQUNILENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2xELENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFhO1FBQzdCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBbEdVLHFCQUFxQjttR0FBckIscUJBQXFCLHNhQVFyQixnQkFBZ0IsZ0RDbEQ3Qix1NEVBaUZBLG8vU0RuREksWUFBWSwwUEFDWixlQUFlLDhIQUNmLGdCQUFnQiw4SkFDaEIsdUJBQXVCLDBYQUN2QixnQkFBZ0Isc0tBQ2hCLDJCQUEyQjs7NEZBT2xCLHFCQUFxQjtrQkFoQmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLHVCQUF1Qjt3QkFDdkIsZ0JBQWdCO3dCQUNoQiwyQkFBMkI7cUJBQzVCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3dEQUc1QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNnQyxLQUFLO3NCQUEzQyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBQ00sU0FBUztzQkFBbkQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUNaLGFBQWE7c0JBQXpDLFNBQVM7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG4gIEFmdGVyVmlld0luaXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCbWJGYWJDb21wb25lbnQgfSBmcm9tICcuLi9ibWItZmFiL2JtYi1mYWIuY29tcG9uZW50JztcbmltcG9ydCB7IEJtYkljb25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItaWNvbi9ibWItaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iSW5uZXJIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuLi9ibWItaW5uZXItaGVhZGVyL2JtYi1pbm5lci1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEJtYlRhYnNDb21wb25lbnQgfSBmcm9tICcuLi9ibWItdGFicy9ibWItdGFicy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iSW50ZXJhY3RpdmVJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vYm1iLWludGVyYWN0aXZlLWljb24vYm1iLWludGVyYWN0aXZlLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IElCbWJBcHAgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmludGVyZmFjZSBOYXZJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaWQ6IG51bWJlcjtcbiAgYmFkZ2U/OiBudW1iZXI7XG4gIGlzQWN0aXZlPzogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLXdoZWVsLW1lbnUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEJtYkZhYkNvbXBvbmVudCxcbiAgICBCbWJJY29uQ29tcG9uZW50LFxuICAgIEJtYklubmVySGVhZGVyQ29tcG9uZW50LFxuICAgIEJtYlRhYnNDb21wb25lbnQsXG4gICAgQm1iSW50ZXJhY3RpdmVJY29uQ29tcG9uZW50LFxuICBdLFxuICBzdHlsZVVybDogJy4vYm1iLXdoZWVsLW1lbnUuY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLXdoZWVsLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iV2hlZWxNZW51Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIG5hdkl0ZW1zOiBOYXZJdGVtW10gPSBbXTtcbiAgQElucHV0KCkgYXBwczogeyBba2V5OiBudW1iZXJdOiBJQm1iQXBwW10gfSA9IHt9O1xuICBASW5wdXQoKSBkYXRhOiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBpc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIG9uVmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBWaWV3Q2hpbGQoJ3doZWVsJywgeyBzdGF0aWM6IGZhbHNlIH0pIHdoZWVsITogRWxlbWVudFJlZjtcbiAgQFZpZXdDaGlsZCgnd2hlZWxNZW51JywgeyBzdGF0aWM6IGZhbHNlIH0pIHdoZWVsTWVudSE6IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoQm1iVGFic0NvbXBvbmVudCkgdGFic0NvbXBvbmVudCE6IEJtYlRhYnNDb21wb25lbnQ7XG5cbiAgYWN0aXZlTmF2SXRlbUluZGV4OiBudW1iZXIgPSAwO1xuICBpc0Z1bGw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnVwZGF0ZUNsYXNzZXMoKTtcbiAgICB0aGlzLnNlbGVjdE5hdkl0ZW0oMCk7XG4gIH1cblxuICB0b2dnbGVXaGVlbCgpIHtcbiAgICB0aGlzLmlzRnVsbCA9IGZhbHNlO1xuICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xuICAgIHRoaXMudXBkYXRlQ2xhc3NlcygpO1xuICB9XG4gIHRvZ2dsZUZ1bGxXaGVlbCgpIHtcbiAgICB0aGlzLmlzRnVsbCA9ICF0aGlzLmlzRnVsbDtcbiAgICBpZiAoIXRoaXMuaXNGdWxsKSB7XG4gICAgICB0aGlzLmlzT3BlbiA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLnNldEFjdGl2ZVRhYih0aGlzLmFjdGl2ZU5hdkl0ZW1JbmRleCk7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5pc09wZW4gPSB0cnVlO1xuICAgICAgICB0aGlzLnNldEFjdGl2ZVRhYih0aGlzLmFjdGl2ZU5hdkl0ZW1JbmRleCk7XG4gICAgICB9LCAxMDApO1xuICAgIH1cbiAgICB0aGlzLnVwZGF0ZUNsYXNzZXMoKTtcbiAgfVxuXG4gIGhhbmRsZUJhY2tCdXR0b24oKSB7XG4gICAgdGhpcy50b2dnbGVGdWxsV2hlZWwoKTtcbiAgfVxuXG4gIHNlbGVjdE5hdkl0ZW0oaW5kZXg6IG51bWJlcikge1xuICAgIGlmICh0aGlzLmFjdGl2ZU5hdkl0ZW1JbmRleCAhPT0gaW5kZXgpIHtcbiAgICAgIHRoaXMuYWN0aXZlTmF2SXRlbUluZGV4ID0gaW5kZXg7XG4gICAgICB0aGlzLnVwZGF0ZUNsYXNzZXMoKTtcbiAgICAgIHRoaXMuc2V0QWN0aXZlVGFiKGluZGV4KTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3RGdWxsTWVudU5hdkl0ZW0oaW5kZXg6IG51bWJlcikge1xuICAgIGlmICh0aGlzLmFjdGl2ZU5hdkl0ZW1JbmRleCAhPT0gaW5kZXgpIHtcbiAgICAgIHRoaXMuYWN0aXZlTmF2SXRlbUluZGV4ID0gaW5kZXg7XG4gICAgICB0aGlzLnVwZGF0ZUNsYXNzZXMoKTtcbiAgICAgIHRoaXMuc2V0QWN0aXZlVGFiKGluZGV4KTtcbiAgICB9XG4gIH1cblxuICBnZXRDbGFzc2VzKGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xuICAgIGNvbnN0IGFjdGl2ZUluZGV4ID0gdGhpcy5hY3RpdmVOYXZJdGVtSW5kZXg7XG4gICAgaWYgKGluZGV4ID09PSBhY3RpdmVJbmRleCkge1xuICAgICAgcmV0dXJuICdhY3RpdmUnO1xuICAgIH0gZWxzZSBpZiAoaW5kZXggPT09IChhY3RpdmVJbmRleCArIDEpICUgMykge1xuICAgICAgcmV0dXJuICduZXh0JztcbiAgICB9IGVsc2UgaWYgKGluZGV4ID09PSAoYWN0aXZlSW5kZXggKyAyKSAlIDMpIHtcbiAgICAgIHJldHVybiAncHJldmlvdXMnO1xuICAgIH1cbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICB1cGRhdGVDbGFzc2VzKCkge1xuICAgIGlmICghdGhpcy53aGVlbE1lbnUpIHJldHVybjtcblxuICAgIGNvbnN0IG5hdkl0ZW1zID0gQXJyYXkuZnJvbShcbiAgICAgIHRoaXMud2hlZWxNZW51Lm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLmJtYl93aGVlbC1pdGVtJyksXG4gICAgKSBhcyBIVE1MRWxlbWVudFtdO1xuXG4gICAgbmF2SXRlbXMuZm9yRWFjaCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgIGl0ZW0uY2xhc3NMaXN0LnJlbW92ZSgncHJldmlvdXMnLCAnYWN0aXZlJywgJ25leHQnKTtcbiAgICAgIGl0ZW0uY2xhc3NMaXN0LmFkZCguLi50aGlzLmdldENsYXNzZXMoaW5kZXgpLnNwbGl0KCcgJykpO1xuICAgIH0pO1xuICB9XG5cbiAgc2V0QWN0aXZlVGFiKGluZGV4OiBudW1iZXIpIHtcbiAgICBpZiAodGhpcy50YWJzQ29tcG9uZW50KSB7XG4gICAgICB0aGlzLnRhYnNDb21wb25lbnQuc2VsZWN0VGFiKHRoaXMubmF2SXRlbXNbaW5kZXhdLmlkKTtcbiAgICB9XG4gIH1cblxuICBnZXQgYWN0aXZlQXBwcygpIHtcbiAgICByZXR1cm4gdGhpcy5hcHBzW3RoaXMuYWN0aXZlTmF2SXRlbUluZGV4XSB8fCBbXTtcbiAgfVxuXG4gIGhhbmRsZVZhbHVlQ2hhbmdlKGV2ZW50OiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uVmFsdWVDaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJibWJfd2hlZWxcIj5cbiAgPGJtYi1mYWJcbiAgICBbaWNvbl09XCInYXBwcydcIlxuICAgIFt0ZXh0XT1cIidGQUInXCJcbiAgICBbc2l6ZV09XCInbGFyZ2UnXCJcbiAgICBbdHlwZV09XCInbm9ybWFsJ1wiXG4gICAgKGZhYkNsaWNrKT1cInRvZ2dsZVdoZWVsKClcIlxuICAvPlxuXG4gIEBpZiAoaXNPcGVuICYmICFpc0Z1bGwpIHtcbiAgICA8ZGl2ICN3aGVlbCBjbGFzcz1cImJtYl93aGVlbC13cmFwcGVyXCI+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiYm1iX3doZWVsLWJ1dHRvblwiIChjbGljayk9XCJ0b2dnbGVGdWxsV2hlZWwoKVwiPlxuICAgICAgICA8Ym1iLWljb24gaWNvbj1cImtleWJvYXJkX2Fycm93X3VwXCIgLz5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPHVsICN3aGVlbE1lbnUgY2xhc3M9XCJibWJfd2hlZWwtbWVudVwiPlxuICAgICAgICA8bGlcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgbmF2IG9mIG5hdkl0ZW1zLnNsaWNlKDAsIDMpOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgICBjbGFzcz1cImJtYl93aGVlbC1pdGVtXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJnZXRDbGFzc2VzKGkpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxidXR0b24gKGNsaWNrKT1cInNlbGVjdE5hdkl0ZW0oaSlcIiBjbGFzcz1cImJtYl93aGVlbC1uYXZcIj5cbiAgICAgICAgICAgIDxzdmcgdmlld0JveD1cIjAgMCA1MDAgNTAwXCIgY2xhc3M9XCJibWJfd2hlZWwtc3ZnXCI+XG4gICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgaWQ9XCJjaXJjbGVQYXRoe3sgaSB9fVwiXG4gICAgICAgICAgICAgICAgZD1cIk0yNTAsMjUwIG0tMjQwLDAgYTI0MCwyNDAgMCAxLDEgNDgwLDAgYTI0MCwyNDAgMCAxLDEgLTQ4MCwwXCJcbiAgICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlPVwibm9uZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDx0ZXh0PlxuICAgICAgICAgICAgICAgIDx0ZXh0UGF0aFxuICAgICAgICAgICAgICAgICAgW2F0dHIuaHJlZl09XCInI2NpcmNsZVBhdGgnICsgaVwiXG4gICAgICAgICAgICAgICAgICBzdGFydE9mZnNldD1cIjUwJVwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cImJtYl93aGVlbC1wYXRoXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7eyBuYXYudGl0bGUgfX1cbiAgICAgICAgICAgICAgICA8L3RleHRQYXRoPlxuICAgICAgICAgICAgICA8L3RleHQ+XG4gICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJibWJfd2hlZWwtYXBwc1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBhcHAgb2YgYWN0aXZlQXBwc1wiPlxuICAgICAgICAgIDxibWItaW50ZXJhY3RpdmUtaWNvblxuICAgICAgICAgICAgW2FwcGVhcmFuY2VdPVwiYXBwLmFwcGVhcmFuY2VcIlxuICAgICAgICAgICAgW3RpdGxlXT1cImFwcC50aXRsZVwiXG4gICAgICAgICAgICBbaWNvbl09XCJhcHAuaWNvblwiXG4gICAgICAgICAgICBbdGFyZ2V0XT1cImFwcC50YXJnZXQhXCJcbiAgICAgICAgICAgIFtsaW5rXT1cImFwcC5saW5rXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9XG5cbiAgQGlmIChpc0Z1bGwpIHtcbiAgICA8ZGl2IGNsYXNzPVwiYm1iX3doZWVsLWZ1bGxcIj5cbiAgICAgIDxibWItaW5uZXItaGVhZGVyXG4gICAgICAgIHRpdGxlPVwiSW5uZXIgSGVhZGVyXCJcbiAgICAgICAgKG9uSGFuZGxlQmFjayk9XCJoYW5kbGVCYWNrQnV0dG9uKClcIlxuICAgICAgLz5cbiAgICAgIDxibWItdGFic1xuICAgICAgICBbdGFic109XCJuYXZJdGVtcy5zbGljZSgwLCAzKVwiXG4gICAgICAgIChzZWxlY3RlZCk9XCJzZWxlY3RGdWxsTWVudU5hdkl0ZW0oJGV2ZW50LmlkKVwiXG4gICAgICAvPlxuICAgICAgPGRpdiBjbGFzcz1cImJtYl93aGVlbC1hcHBzXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGFwcCBvZiBhY3RpdmVBcHBzXCI+XG4gICAgICAgICAgPGJtYi1pbnRlcmFjdGl2ZS1pY29uXG4gICAgICAgICAgICBbYXBwZWFyYW5jZV09XCJhcHAuYXBwZWFyYW5jZVwiXG4gICAgICAgICAgICBbdGl0bGVdPVwiYXBwLnRpdGxlXCJcbiAgICAgICAgICAgIFtpY29uXT1cImFwcC5pY29uXCJcbiAgICAgICAgICAgIFtob3Jpem9udGFsXT1cImZhbHNlXCJcbiAgICAgICAgICAgIFt0YXJnZXRdPVwiYXBwLnRhcmdldFwiXG4gICAgICAgICAgICBbbGlua109XCJhcHAubGlua1wiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/utils/bmb-alert-center-detail/bmb-alert-center-detail.component.mjs

@@ -0,0 +1,37 @@
+import { Component, input, output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import DOMPurify from 'dompurify';
+import { forbidTagsAndAttributes } from '../../../utils/utils';
+import { BmbImageComponent } from '../../bmb-image/bmb-image.component';
+import { BmbButtonDirective } from '../../../directives/bmb-button/button.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
+export class BmbAlertCenterDetailComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.alert = input.required();
+        this.alertEvent = output();
+    }
+    /**
+     * Sanitizes HTML content using DOMPurify before bypassing Angular's built-in sanitization.
+     * This is safe because:
+     * 1. Content is pre-sanitized with DOMPurify using restrictive forbidTagsAndAttributes config
+     * 2. DOMPurify removes all potentially dangerous HTML/JS content
+     * 3. Only safe HTML tags and attributes are allowed through the configuration
+     */
+    sanitizedHtml(html) {
+        const clean = DOMPurify.sanitize(html, forbidTagsAndAttributes);
+        return this.sanitizer.bypassSecurityTrustHtml(clean); // NOSONAR Content is sanitized with DOMPurify - safe to bypass Angular sanitization
+    }
+    handleAlertEvent(alert) {
+        this.alertEvent.emit(alert);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbAlertCenterDetailComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbAlertCenterDetailComponent, isStandalone: true, selector: "bmb-alert-center-detail", inputs: { alert: { classPropertyName: "alert", publicName: "alert", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { alertEvent: "alertEvent" }, ngImport: i0, template: "<section class=\"bmb_alert-center-content-modal\">\n  <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n    {{ alert().title }}\n  </h1>\n  @for (item of alert().description; track $index) {\n    @switch (item.type) {\n      @case ('paragraph') {\n        <p [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n          {{ item.text }}\n        </p>\n      }\n      @case ('image') {\n        <bmb-image\n          [src]=\"item.href || ''\"\n          [alt]=\"item.text\"\n          borderRadius=\"none\"\n        />\n      }\n      @case ('video') {\n        <video [ariaDescription]=\"alert().title\" [src]=\"item.href\" controls>\n          @if (item.subtitlesURL) {\n            <track\n              kind=\"subtitles\"\n              [src]=\"item.subtitlesURL\"\n              [srclang]=\"item.language || 'es'\"\n              [label]=\"item.language || 'Spanish'\"\n              default\n            />\n          }\n        </video>\n      }\n      @case ('title') {\n        <h3 [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n          {{ item.text }}\n        </h3>\n      }\n      @case ('button') {\n        <button\n          bmbButton\n          type=\"button\"\n          [appearance]=\"item.variant ?? 'primary'\"\n          (click)=\"\n            item.event ? item?.event(alert().id) : handleAlertEvent(alert())\n          \"\n        >\n          {{ item.text }}\n        </button>\n      }\n      @case ('link') {\n        <a\n          [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n          [href]=\"item.href\"\n          >{{ item.text }}</a\n        >\n      }\n      @case ('html') {\n        <div\n          class=\"bmb_alert-center-content-complex\"\n          [innerHTML]=\"sanitizedHtml(item.text)\"\n        ></div>\n      }\n      @default {\n        <p>Invalid type</p>\n      }\n    }\n  }\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbImageComponent, selector: "bmb-image", inputs: ["src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbAlertCenterDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-alert-center-detail', standalone: true, imports: [CommonModule, BmbImageComponent, BmbButtonDirective], template: "<section class=\"bmb_alert-center-content-modal\">\n  <h1 class=\"font-bold-7 bmb_alert-center-content-modal-title\">\n    {{ alert().title }}\n  </h1>\n  @for (item of alert().description; track $index) {\n    @switch (item.type) {\n      @case ('paragraph') {\n        <p [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n          {{ item.text }}\n        </p>\n      }\n      @case ('image') {\n        <bmb-image\n          [src]=\"item.href || ''\"\n          [alt]=\"item.text\"\n          borderRadius=\"none\"\n        />\n      }\n      @case ('video') {\n        <video [ariaDescription]=\"alert().title\" [src]=\"item.href\" controls>\n          @if (item.subtitlesURL) {\n            <track\n              kind=\"subtitles\"\n              [src]=\"item.subtitlesURL\"\n              [srclang]=\"item.language || 'es'\"\n              [label]=\"item.language || 'Spanish'\"\n              default\n            />\n          }\n        </video>\n      }\n      @case ('title') {\n        <h3 [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\">\n          {{ item.text }}\n        </h3>\n      }\n      @case ('button') {\n        <button\n          bmbButton\n          type=\"button\"\n          [appearance]=\"item.variant ?? 'primary'\"\n          (click)=\"\n            item.event ? item?.event(alert().id) : handleAlertEvent(alert())\n          \"\n        >\n          {{ item.text }}\n        </button>\n      }\n      @case ('link') {\n        <a\n          [ngClass]=\"'bmb_alert-center-content-' + (item.style ?? 'normal')\"\n          [href]=\"item.href\"\n          >{{ item.text }}</a\n        >\n      }\n      @case ('html') {\n        <div\n          class=\"bmb_alert-center-content-complex\"\n          [innerHTML]=\"sanitizedHtml(item.text)\"\n        ></div>\n      }\n      @default {\n        <p>Invalid type</p>\n      }\n    }\n  }\n</section>\n" }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLWFsZXJ0LWNlbnRlci1kZXRhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL3V0aWxzL2JtYi1hbGVydC1jZW50ZXItZGV0YWlsL2JtYi1hbGVydC1jZW50ZXItZGV0YWlsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy91dGlscy9ibWItYWxlcnQtY2VudGVyLWRldGFpbC9ibWItYWxlcnQtY2VudGVyLWRldGFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFLekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sU0FBUyxNQUFNLFdBQVcsQ0FBQztBQUVsQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQzs7OztBQVNyRixNQUFNLE9BQU8sNkJBQTZCO0lBS3hDLFlBQTZCLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFKcEQsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXdDLENBQUM7UUFFL0QsZUFBVSxHQUFHLE1BQU0sRUFBd0MsQ0FBQztJQUVMLENBQUM7SUFFeEQ7Ozs7OztPQU1HO0lBQ0gsYUFBYSxDQUFDLElBQVk7UUFDeEIsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsdUJBQXVCLENBQUMsQ0FBQztRQUNoRSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQXVCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxvRkFBb0Y7SUFDNUksQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQTJDO1FBQzFELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7K0dBckJVLDZCQUE2QjttR0FBN0IsNkJBQTZCLDZQQ25CMUMsazREQW1FQSx5RERwRFksWUFBWSw2SEFBRSxpQkFBaUIsMktBQUUsa0JBQWtCOzs0RkFJbEQsNkJBQTZCO2tCQVB6QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIElCbWJEYXRhQWxlcnQsXG4gIElCbWJEYXRhQWxlcnRzUGFyc2VkLFxufSBmcm9tICcuLi8uLi9ibWItYWxlcnQtY2VudGVyL3R5cGVzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgRE9NUHVyaWZ5IGZyb20gJ2RvbXB1cmlmeSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IGZvcmJpZFRhZ3NBbmRBdHRyaWJ1dGVzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvdXRpbHMnO1xuaW1wb3J0IHsgQm1iSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9ibWItaW1hZ2UvYm1iLWltYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCbWJCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL2JtYi1idXR0b24vYnV0dG9uLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JtYi1hbGVydC1jZW50ZXItZGV0YWlsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm1iSW1hZ2VDb21wb25lbnQsIEJtYkJ1dHRvbkRpcmVjdGl2ZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ibWItYWxlcnQtY2VudGVyLWRldGFpbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ibWItYWxlcnQtY2VudGVyLWRldGFpbC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEJtYkFsZXJ0Q2VudGVyRGV0YWlsQ29tcG9uZW50IHtcbiAgYWxlcnQgPSBpbnB1dC5yZXF1aXJlZDxJQm1iRGF0YUFsZXJ0c1BhcnNlZCB8IElCbWJEYXRhQWxlcnQ+KCk7XG5cbiAgYWxlcnRFdmVudCA9IG91dHB1dDxJQm1iRGF0YUFsZXJ0c1BhcnNlZCB8IElCbWJEYXRhQWxlcnQ+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICAvKipcbiAgICogU2FuaXRpemVzIEhUTUwgY29udGVudCB1c2luZyBET01QdXJpZnkgYmVmb3JlIGJ5cGFzc2luZyBBbmd1bGFyJ3MgYnVpbHQtaW4gc2FuaXRpemF0aW9uLlxuICAgKiBUaGlzIGlzIHNhZmUgYmVjYXVzZTpcbiAgICogMS4gQ29udGVudCBpcyBwcmUtc2FuaXRpemVkIHdpdGggRE9NUHVyaWZ5IHVzaW5nIHJlc3RyaWN0aXZlIGZvcmJpZFRhZ3NBbmRBdHRyaWJ1dGVzIGNvbmZpZ1xuICAgKiAyLiBET01QdXJpZnkgcmVtb3ZlcyBhbGwgcG90ZW50aWFsbHkgZGFuZ2Vyb3VzIEhUTUwvSlMgY29udGVudFxuICAgKiAzLiBPbmx5IHNhZmUgSFRNTCB0YWdzIGFuZCBhdHRyaWJ1dGVzIGFyZSBhbGxvd2VkIHRocm91Z2ggdGhlIGNvbmZpZ3VyYXRpb25cbiAgICovXG4gIHNhbml0aXplZEh0bWwoaHRtbDogc3RyaW5nKSB7XG4gICAgY29uc3QgY2xlYW4gPSBET01QdXJpZnkuc2FuaXRpemUoaHRtbCwgZm9yYmlkVGFnc0FuZEF0dHJpYnV0ZXMpO1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChjbGVhbik7IC8vIE5PU09OQVIgQ29udGVudCBpcyBzYW5pdGl6ZWQgd2l0aCBET01QdXJpZnkgLSBzYWZlIHRvIGJ5cGFzcyBBbmd1bGFyIHNhbml0aXphdGlvblxuICB9XG5cbiAgaGFuZGxlQWxlcnRFdmVudChhbGVydDogSUJtYkRhdGFBbGVydHNQYXJzZWQgfCBJQm1iRGF0YUFsZXJ0KTogdm9pZCB7XG4gICAgdGhpcy5hbGVydEV2ZW50LmVtaXQoYWxlcnQpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImJtYl9hbGVydC1jZW50ZXItY29udGVudC1tb2RhbFwiPlxuICA8aDEgY2xhc3M9XCJmb250LWJvbGQtNyBibWJfYWxlcnQtY2VudGVyLWNvbnRlbnQtbW9kYWwtdGl0bGVcIj5cbiAgICB7eyBhbGVydCgpLnRpdGxlIH19XG4gIDwvaDE+XG4gIEBmb3IgKGl0ZW0gb2YgYWxlcnQoKS5kZXNjcmlwdGlvbjsgdHJhY2sgJGluZGV4KSB7XG4gICAgQHN3aXRjaCAoaXRlbS50eXBlKSB7XG4gICAgICBAY2FzZSAoJ3BhcmFncmFwaCcpIHtcbiAgICAgICAgPHAgW25nQ2xhc3NdPVwiJ2JtYl9hbGVydC1jZW50ZXItY29udGVudC0nICsgKGl0ZW0uc3R5bGUgPz8gJ25vcm1hbCcpXCI+XG4gICAgICAgICAge3sgaXRlbS50ZXh0IH19XG4gICAgICAgIDwvcD5cbiAgICAgIH1cbiAgICAgIEBjYXNlICgnaW1hZ2UnKSB7XG4gICAgICAgIDxibWItaW1hZ2VcbiAgICAgICAgICBbc3JjXT1cIml0ZW0uaHJlZiB8fCAnJ1wiXG4gICAgICAgICAgW2FsdF09XCJpdGVtLnRleHRcIlxuICAgICAgICAgIGJvcmRlclJhZGl1cz1cIm5vbmVcIlxuICAgICAgICAvPlxuICAgICAgfVxuICAgICAgQGNhc2UgKCd2aWRlbycpIHtcbiAgICAgICAgPHZpZGVvIFthcmlhRGVzY3JpcHRpb25dPVwiYWxlcnQoKS50aXRsZVwiIFtzcmNdPVwiaXRlbS5ocmVmXCIgY29udHJvbHM+XG4gICAgICAgICAgQGlmIChpdGVtLnN1YnRpdGxlc1VSTCkge1xuICAgICAgICAgICAgPHRyYWNrXG4gICAgICAgICAgICAgIGtpbmQ9XCJzdWJ0aXRsZXNcIlxuICAgICAgICAgICAgICBbc3JjXT1cIml0ZW0uc3VidGl0bGVzVVJMXCJcbiAgICAgICAgICAgICAgW3NyY2xhbmddPVwiaXRlbS5sYW5ndWFnZSB8fCAnZXMnXCJcbiAgICAgICAgICAgICAgW2xhYmVsXT1cIml0ZW0ubGFuZ3VhZ2UgfHwgJ1NwYW5pc2gnXCJcbiAgICAgICAgICAgICAgZGVmYXVsdFxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgIDwvdmlkZW8+XG4gICAgICB9XG4gICAgICBAY2FzZSAoJ3RpdGxlJykge1xuICAgICAgICA8aDMgW25nQ2xhc3NdPVwiJ2JtYl9hbGVydC1jZW50ZXItY29udGVudC0nICsgKGl0ZW0uc3R5bGUgPz8gJ25vcm1hbCcpXCI+XG4gICAgICAgICAge3sgaXRlbS50ZXh0IH19XG4gICAgICAgIDwvaDM+XG4gICAgICB9XG4gICAgICBAY2FzZSAoJ2J1dHRvbicpIHtcbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIGJtYkJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIFthcHBlYXJhbmNlXT1cIml0ZW0udmFyaWFudCA/PyAncHJpbWFyeSdcIlxuICAgICAgICAgIChjbGljayk9XCJcbiAgICAgICAgICAgIGl0ZW0uZXZlbnQgPyBpdGVtPy5ldmVudChhbGVydCgpLmlkKSA6IGhhbmRsZUFsZXJ0RXZlbnQoYWxlcnQoKSlcbiAgICAgICAgICBcIlxuICAgICAgICA+XG4gICAgICAgICAge3sgaXRlbS50ZXh0IH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgfVxuICAgICAgQGNhc2UgKCdsaW5rJykge1xuICAgICAgICA8YVxuICAgICAgICAgIFtuZ0NsYXNzXT1cIidibWJfYWxlcnQtY2VudGVyLWNvbnRlbnQtJyArIChpdGVtLnN0eWxlID8/ICdub3JtYWwnKVwiXG4gICAgICAgICAgW2hyZWZdPVwiaXRlbS5ocmVmXCJcbiAgICAgICAgICA+e3sgaXRlbS50ZXh0IH19PC9hXG4gICAgICAgID5cbiAgICAgIH1cbiAgICAgIEBjYXNlICgnaHRtbCcpIHtcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwiYm1iX2FsZXJ0LWNlbnRlci1jb250ZW50LWNvbXBsZXhcIlxuICAgICAgICAgIFtpbm5lckhUTUxdPVwic2FuaXRpemVkSHRtbChpdGVtLnRleHQpXCJcbiAgICAgICAgPjwvZGl2PlxuICAgICAgfVxuICAgICAgQGRlZmF1bHQge1xuICAgICAgICA8cD5JbnZhbGlkIHR5cGU8L3A+XG4gICAgICB9XG4gICAgfVxuICB9XG48L3NlY3Rpb24+XG4iXX0=