@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1020 → 1.5.1117-b

package/esm2022/lib/components/bmb-skeleton/bmb-skeleton.component.mjs

@@ -0,0 +1,16 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbLayoutGridDirective, BmbLayoutGridItemDirective, } from '../../directives/bmb-layout-grid/bmb-layout-grid.directive';
+import * as i0 from "@angular/core";
+export class BmbSkeletonComponent {
+    constructor() {
+        this.type = input('header');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbSkeletonComponent, isStandalone: true, selector: "bmb-skeleton", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"bmb_skeleton\">\n  @switch (type()) {\n    @case (\"stray\") {\n      <div\n        class=\"bmb_skeleton-stray\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        [columnSize]=\"['4rem', '2fr']\"\n        rowSize=\"auto\"\n        [columns]=\"2\"\n        [rows]=\"2\"\n      >\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"2\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case (\"generic1\") {\n      <div\n        class=\"bmb_skeleton-generic1\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"4\"\n      >\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"3\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"4\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case (\"generic2\") {\n      <div\n        class=\"bmb_skeleton-generic2\"\n        bmbLayoutGrid\n        colGapSize=\"xl\"\n        rowGapSize=\"xl\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"3\"\n      >\n        <section\n          class=\"bmb_skeleton-box\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"3\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case (\"generic3\") {\n      <div\n        class=\"bmb_skeleton-generic3\"\n        bmbLayoutGrid\n        colGapSize=\"none\"\n        rowGapSize=\"none\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"3\"\n      >\n        <section\n          class=\"bmb_skeleton-box-header\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case (\"input\") {\n      <div class=\"bmb_skeleton-input\">\n        <section class=\"bmb_skeleton-headline bmb_skeleton-item\"></section>\n      </div>\n    }\n    @default {\n      <div\n        class=\"bmb_skeleton-header\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        [columnSize]=\"['1.5rem', '2fr', '1.5rem']\"\n        rowSize=\"auto\"\n        [columns]=\"3\"\n        [rows]=\"1\"\n      >\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"3\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n  }\n</div>\n", styles: ["@keyframes skeleton{0%{background-position:0% 0%}to{background-position:200% 0%}}.bmb_skeleton-item{animation:skeleton 1.2s infinite linear;background:linear-gradient(90deg,var(--general_contrasts-25) 0%,var(--general_contrasts-50) 50%,var(--general_contrasts-25) 100%);background-size:200% 100%}.bmb_skeleton-circle{border-radius:100%}.bmb_skeleton-headline{border-radius:.9375rem;height:1.5rem;width:100%}.bmb_skeleton-header{background-color:var(--general_contrasts-5);border-radius:0 0 .75rem .75rem;padding:1rem}.bmb_skeleton-stray{margin-bottom:1rem;padding:1rem 2.375rem;gap:1rem 5.3125rem!important;background-color:var(--general_contrasts-5)}.bmb_skeleton-stray .bmb_skeleton-circle{height:4rem;width:4rem}.bmb_skeleton-generic1{gap:2.5rem!important;padding:2.5rem 1rem;background-color:var(--general_contrasts-5);border-radius:.75rem}.bmb_skeleton-generic2>.bmb_skeleton-item{margin:0 1rem;width:calc(100% - 2rem)}.bmb_skeleton-generic2 .bmb_skeleton-box{height:18.5rem;background-color:var(--general_contrasts-5);border-radius:1.5rem}.bmb_skeleton-generic3{border:.0625rem solid var(--general_contrasts-container-outline);border-radius:1.5rem}.bmb_skeleton-generic3 .bmb_skeleton-box-header{background-color:var(--containers-main);height:5rem;border-radius:1.5rem 1.5rem 0 0}.bmb_skeleton-generic3 .bmb_skeleton-headline{border-radius:0 0 1.5rem 1.5rem;height:26rem}.bmb_skeleton-input .bmb_skeleton-headline{border-radius:.5rem;height:3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BmbLayoutGridDirective, selector: "[bmbLayoutGrid]", inputs: ["colGapSize", "rowGapSize", "columnSize", "rowSize", "columns", "rows", "height"] }, { kind: "directive", type: BmbLayoutGridItemDirective, selector: "[bmbLayoutGridItem]", inputs: ["colStart", "rowStart", "numberOfColumns", "numberOfRows"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-skeleton', standalone: true, imports: [CommonModule, BmbLayoutGridDirective, BmbLayoutGridItemDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_skeleton\">\n  @switch (type()) {\n    @case (\"stray\") {\n      <div\n        class=\"bmb_skeleton-stray\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        [columnSize]=\"['4rem', '2fr']\"\n        rowSize=\"auto\"\n        [columns]=\"2\"\n        [rows]=\"2\"\n      >\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"2\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case (\"generic1\") {\n      <div\n        class=\"bmb_skeleton-generic1\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"4\"\n      >\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"3\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"4\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case (\"generic2\") {\n      <div\n        class=\"bmb_skeleton-generic2\"\n        bmbLayoutGrid\n        colGapSize=\"xl\"\n        rowGapSize=\"xl\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"3\"\n      >\n        <section\n          class=\"bmb_skeleton-box\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"3\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case (\"generic3\") {\n      <div\n        class=\"bmb_skeleton-generic3\"\n        bmbLayoutGrid\n        colGapSize=\"none\"\n        rowGapSize=\"none\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"3\"\n      >\n        <section\n          class=\"bmb_skeleton-box-header\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case (\"input\") {\n      <div class=\"bmb_skeleton-input\">\n        <section class=\"bmb_skeleton-headline bmb_skeleton-item\"></section>\n      </div>\n    }\n    @default {\n      <div\n        class=\"bmb_skeleton-header\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        [columnSize]=\"['1.5rem', '2fr', '1.5rem']\"\n        rowSize=\"auto\"\n        [columns]=\"3\"\n        [rows]=\"1\"\n      >\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"3\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n  }\n</div>\n", styles: ["@keyframes skeleton{0%{background-position:0% 0%}to{background-position:200% 0%}}.bmb_skeleton-item{animation:skeleton 1.2s infinite linear;background:linear-gradient(90deg,var(--general_contrasts-25) 0%,var(--general_contrasts-50) 50%,var(--general_contrasts-25) 100%);background-size:200% 100%}.bmb_skeleton-circle{border-radius:100%}.bmb_skeleton-headline{border-radius:.9375rem;height:1.5rem;width:100%}.bmb_skeleton-header{background-color:var(--general_contrasts-5);border-radius:0 0 .75rem .75rem;padding:1rem}.bmb_skeleton-stray{margin-bottom:1rem;padding:1rem 2.375rem;gap:1rem 5.3125rem!important;background-color:var(--general_contrasts-5)}.bmb_skeleton-stray .bmb_skeleton-circle{height:4rem;width:4rem}.bmb_skeleton-generic1{gap:2.5rem!important;padding:2.5rem 1rem;background-color:var(--general_contrasts-5);border-radius:.75rem}.bmb_skeleton-generic2>.bmb_skeleton-item{margin:0 1rem;width:calc(100% - 2rem)}.bmb_skeleton-generic2 .bmb_skeleton-box{height:18.5rem;background-color:var(--general_contrasts-5);border-radius:1.5rem}.bmb_skeleton-generic3{border:.0625rem solid var(--general_contrasts-container-outline);border-radius:1.5rem}.bmb_skeleton-generic3 .bmb_skeleton-box-header{background-color:var(--containers-main);height:5rem;border-radius:1.5rem 1.5rem 0 0}.bmb_skeleton-generic3 .bmb_skeleton-headline{border-radius:0 0 1.5rem 1.5rem;height:26rem}.bmb_skeleton-input .bmb_skeleton-headline{border-radius:.5rem;height:3rem}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc2tlbGV0b24vYm1iLXNrZWxldG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc2tlbGV0b24vYm1iLXNrZWxldG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCxzQkFBc0IsRUFDdEIsMEJBQTBCLEdBQzNCLE1BQU0sNERBQTRELENBQUM7O0FBbUJwRSxNQUFNLE9BQU8sb0JBQW9CO0lBVGpDO1FBVUUsU0FBSSxHQUFHLEtBQUssQ0FBa0IsUUFBUSxDQUFDLENBQUM7S0FDekM7K0dBRlksb0JBQW9CO21HQUFwQixvQkFBb0IseU1DN0JqQywyektBa01BLHUrQ0QzS1ksWUFBWSwrQkFBRSxzQkFBc0Isd0pBQUUsMEJBQTBCOzs0RkFNL0Qsb0JBQW9CO2tCQVRoQyxTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsMEJBQTBCLENBQUMsbUJBRzFELHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEJtYkxheW91dEdyaWREaXJlY3RpdmUsXG4gIEJtYkxheW91dEdyaWRJdGVtRGlyZWN0aXZlLFxufSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2JtYi1sYXlvdXQtZ3JpZC9ibWItbGF5b3V0LWdyaWQuZGlyZWN0aXZlJztcblxuZXhwb3J0IHR5cGUgQm1iU2tlbGV0b25UeXBlID1cbiAgfCAnaGVhZGVyJ1xuICB8ICdpbnB1dCdcbiAgfCAnc3RyYXknXG4gIHwgJ2dlbmVyaWMxJ1xuICB8ICdnZW5lcmljMidcbiAgfCAnZ2VuZXJpYzMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItc2tlbGV0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCbWJMYXlvdXRHcmlkRGlyZWN0aXZlLCBCbWJMYXlvdXRHcmlkSXRlbURpcmVjdGl2ZV0sXG4gIHN0eWxlVXJsOiAnLi9ibWItc2tlbGV0b24uY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLXNrZWxldG9uLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlNrZWxldG9uQ29tcG9uZW50IHtcbiAgdHlwZSA9IGlucHV0PEJtYlNrZWxldG9uVHlwZT4oJ2hlYWRlcicpO1xufVxuIiwiPGRpdiBjbGFzcz1cImJtYl9za2VsZXRvblwiPlxuICBAc3dpdGNoICh0eXBlKCkpIHtcbiAgICBAY2FzZSAoXCJzdHJheVwiKSB7XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLXN0cmF5XCJcbiAgICAgICAgYm1iTGF5b3V0R3JpZFxuICAgICAgICBjb2xHYXBTaXplPVwibVwiXG4gICAgICAgIHJvd0dhcFNpemU9XCJtXCJcbiAgICAgICAgW2NvbHVtblNpemVdPVwiWyc0cmVtJywgJzJmciddXCJcbiAgICAgICAgcm93U2l6ZT1cImF1dG9cIlxuICAgICAgICBbY29sdW1uc109XCIyXCJcbiAgICAgICAgW3Jvd3NdPVwiMlwiXG4gICAgICA+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24tY2lyY2xlIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjJcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIyXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIyXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMlwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBjYXNlIChcImdlbmVyaWMxXCIpIHtcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24tZ2VuZXJpYzFcIlxuICAgICAgICBibWJMYXlvdXRHcmlkXG4gICAgICAgIGNvbEdhcFNpemU9XCJtXCJcbiAgICAgICAgcm93R2FwU2l6ZT1cIm1cIlxuICAgICAgICBjb2x1bW5TaXplPVwiYXV0b1wiXG4gICAgICAgIHJvd1NpemU9XCJhdXRvXCJcbiAgICAgICAgW2NvbHVtbnNdPVwiMVwiXG4gICAgICAgIFtyb3dzXT1cIjRcIlxuICAgICAgPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMlwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiM1wiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiNFwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBjYXNlIChcImdlbmVyaWMyXCIpIHtcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24tZ2VuZXJpYzJcIlxuICAgICAgICBibWJMYXlvdXRHcmlkXG4gICAgICAgIGNvbEdhcFNpemU9XCJ4bFwiXG4gICAgICAgIHJvd0dhcFNpemU9XCJ4bFwiXG4gICAgICAgIGNvbHVtblNpemU9XCJhdXRvXCJcbiAgICAgICAgcm93U2l6ZT1cImF1dG9cIlxuICAgICAgICBbY29sdW1uc109XCIxXCJcbiAgICAgICAgW3Jvd3NdPVwiM1wiXG4gICAgICA+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24tYm94XCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMlwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiM1wiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBjYXNlIChcImdlbmVyaWMzXCIpIHtcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24tZ2VuZXJpYzNcIlxuICAgICAgICBibWJMYXlvdXRHcmlkXG4gICAgICAgIGNvbEdhcFNpemU9XCJub25lXCJcbiAgICAgICAgcm93R2FwU2l6ZT1cIm5vbmVcIlxuICAgICAgICBjb2x1bW5TaXplPVwiYXV0b1wiXG4gICAgICAgIHJvd1NpemU9XCJhdXRvXCJcbiAgICAgICAgW2NvbHVtbnNdPVwiMVwiXG4gICAgICAgIFtyb3dzXT1cIjNcIlxuICAgICAgPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWJveC1oZWFkZXJcIlxuICAgICAgICAgIGJtYkxheW91dEdyaWRJdGVtXG4gICAgICAgICAgW2NvbFN0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtyb3dTdGFydF09XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZDb2x1bW5zXT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZlJvd3NdPVwiMVwiXG4gICAgICAgID48L3NlY3Rpb24+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24taGVhZGxpbmUgYm1iX3NrZWxldG9uLWl0ZW1cIlxuICAgICAgICAgIGJtYkxheW91dEdyaWRJdGVtXG4gICAgICAgICAgW2NvbFN0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtyb3dTdGFydF09XCIyXCJcbiAgICAgICAgICBbbnVtYmVyT2ZDb2x1bW5zXT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZlJvd3NdPVwiMVwiXG4gICAgICAgID48L3NlY3Rpb24+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gICAgQGNhc2UgKFwiaW5wdXRcIikge1xuICAgICAgPGRpdiBjbGFzcz1cImJtYl9za2VsZXRvbi1pbnB1dFwiPlxuICAgICAgICA8c2VjdGlvbiBjbGFzcz1cImJtYl9za2VsZXRvbi1oZWFkbGluZSBibWJfc2tlbGV0b24taXRlbVwiPjwvc2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgICBAZGVmYXVsdCB7XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRlclwiXG4gICAgICAgIGJtYkxheW91dEdyaWRcbiAgICAgICAgY29sR2FwU2l6ZT1cIm1cIlxuICAgICAgICByb3dHYXBTaXplPVwibVwiXG4gICAgICAgIFtjb2x1bW5TaXplXT1cIlsnMS41cmVtJywgJzJmcicsICcxLjVyZW0nXVwiXG4gICAgICAgIHJvd1NpemU9XCJhdXRvXCJcbiAgICAgICAgW2NvbHVtbnNdPVwiM1wiXG4gICAgICAgIFtyb3dzXT1cIjFcIlxuICAgICAgPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWNpcmNsZSBibWJfc2tlbGV0b24taXRlbVwiXG4gICAgICAgICAgYm1iTGF5b3V0R3JpZEl0ZW1cbiAgICAgICAgICBbY29sU3RhcnRdPVwiMVwiXG4gICAgICAgICAgW3Jvd1N0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZkNvbHVtbnNdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mUm93c109XCIxXCJcbiAgICAgICAgPjwvc2VjdGlvbj5cbiAgICAgICAgPHNlY3Rpb25cbiAgICAgICAgICBjbGFzcz1cImJtYl9za2VsZXRvbi1oZWFkbGluZSBibWJfc2tlbGV0b24taXRlbVwiXG4gICAgICAgICAgYm1iTGF5b3V0R3JpZEl0ZW1cbiAgICAgICAgICBbY29sU3RhcnRdPVwiMlwiXG4gICAgICAgICAgW3Jvd1N0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZkNvbHVtbnNdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mUm93c109XCIxXCJcbiAgICAgICAgPjwvc2VjdGlvbj5cbiAgICAgICAgPHNlY3Rpb25cbiAgICAgICAgICBjbGFzcz1cImJtYl9za2VsZXRvbi1jaXJjbGUgYm1iX3NrZWxldG9uLWl0ZW1cIlxuICAgICAgICAgIGJtYkxheW91dEdyaWRJdGVtXG4gICAgICAgICAgW2NvbFN0YXJ0XT1cIjNcIlxuICAgICAgICAgIFtyb3dTdGFydF09XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZDb2x1bW5zXT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZlJvd3NdPVwiMVwiXG4gICAgICAgID48L3NlY3Rpb24+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gIH1cbjwvZGl2PlxuIl19

package/esm2022/lib/components/bmb-sounds-card/bmb-sounds-card.component.mjs

@@ -0,0 +1,64 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, ElementRef, input, output, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { BmbMediaCardComponent } from '../bmb-media-card/bmb-media-card.component';
+import { BmbIconComponent } from '../bmb-icon/bmb-icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbSoundsCardComponent {
+    constructor() {
+        this.title = input('');
+        this.subtitle = input('');
+        this.width = input('250px');
+        this.ratio = input('8/9');
+        this.handlevolume = output();
+        this.handlePlay = output();
+        this.handleMute = output();
+        this.isPlaying = false;
+        this.isMuted = false;
+        this.internalVolume = 50;
+        this.saveVolume = 0;
+        this.trackInput = null;
+        this.percentage = 0;
+    }
+    ngAfterViewInit() {
+        this.trackInput = this.rangeVolume?.nativeElement;
+        this.percentage = this.internalVolume / 100;
+        this.trackInput.style.background = `linear-gradient(to right, RGBA(var( --color-mariner-700)) ${this.percentage * 100}%, RGBA(var(--color-charade-50)) ${this.percentage * 100}%)`;
+    }
+    onVolumeChange(event) {
+        const inputElement = event.target;
+        this.internalVolume = +inputElement.value;
+        this.percentage = this.internalVolume / 100;
+        this.trackInput.style.background = `linear-gradient(to right, RGBA(var(--color-mariner-700)) ${this.percentage * 100}%, RGBA(var(--color-charade-50)) ${this.percentage * 100}%)`;
+        this.handlevolume.emit(this.internalVolume);
+    }
+    handlePlayPause() {
+        this.isPlaying = !this.isPlaying;
+        this.handlePlay.emit(this.isPlaying);
+    }
+    handleMuteVolume() {
+        this.isMuted = !this.isMuted;
+        if (this.isMuted) {
+            this.saveVolume = this.internalVolume;
+            this.internalVolume = 0;
+            this.percentage = this.internalVolume / 100;
+            this.trackInput.style.background = `linear-gradient(to right, RGBA(var(--color-mariner-700)) ${this.percentage * 100}%, RGBA(var(--color-charade-50)) ${this.percentage * 100}%)`;
+        }
+        else {
+            this.internalVolume = this.saveVolume;
+            this.percentage = this.internalVolume / 100;
+            this.trackInput.style.background = `linear-gradient(to right, RGBA(var(--color-mariner-700)) ${this.percentage * 100}%, RGBA(var(--color-charade-50)) ${this.percentage * 100}%)`;
+        }
+        this.handleMute.emit(this.isMuted);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbSoundsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: BmbSoundsCardComponent, isStandalone: true, selector: "bmb-sounds-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { handlevolume: "handlevolume", handlePlay: "handlePlay", handleMute: "handleMute" }, viewQueries: [{ propertyName: "rangeVolume", first: true, predicate: ["rangeVolume"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section class=\"bmb_sounds-card\">\n  <bmb-media-card\n    [bgColor]=\"'--color-mariner-950'\"\n    [alt]=\"'Alt'\"\n    [width]=\"width()\"\n    [ratio]=\"ratio()\"\n    [borderRadius]=\"'m'\"\n    [type]=\"'inline'\"\n    [fullmediaCard]=\"true\"\n    [boxShadow]=\"true\"\n  >\n    <section class=\"bmb_sounds-card-content\">\n      <div class=\"bmb_sounds-card-content-icon\">\n        <button\n          class=\"bmb_sounds-card-content-icon-btn\"\n          [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n          (click)=\"this.handlePlayPause()\"\n        >\n          <bmb-icon\n            class=\"bmb_sounds-card-content-icon-btn-icon\"\n            [ngClass]=\"{\n              'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying,\n            }\"\n            [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n            [isFill]=\"true\"\n            [size]=\"100\"\n          />\n        </button>\n      </div>\n      <div class=\"bmb_sounds-card-info\">\n        <div class=\"bmb_sounds-card-info-title\">\n          <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-subtitle\">\n          <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n            subtitle()\n          }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-volume\">\n          <button\n            class=\"bmb_sounds-card-info-volume-btn\"\n            (click)=\"this.handleMuteVolume()\"\n          >\n            <bmb-icon\n              [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n              [size]=\"28\"\n            />\n          </button>\n          <input\n            #rangeVolume\n            class=\"bmb_sounds-card-info-volume-range\"\n            type=\"range\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"internalVolume\"\n            (input)=\"onVolumeChange($event)\"\n          />\n        </div>\n      </div>\n    </section>\n  </bmb-media-card>\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:RGBA(var(--color-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:50%;padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:RGBA(var(--color-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:RGBA(var(--color-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:RGBA(var(--color-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:RGBA(var(--color-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:RGBA(var(--color-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:RGBA(var(--color-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:RGBA(var(--color-mariner-50));border-radius:.3125rem}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:50%;background-color:RGBA(var(--color-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbMediaCardComponent, selector: "bmb-media-card", inputs: ["link", "target", "src", "mobileSrc", "alt", "width", "ratio", "borderRadius", "loading", "enableZoom", "isBlurredBackdrop", "type", "title", "subtitle", "content", "date", "userName", "userImage", "fullmediaCard", "bgColor", "boxShadow"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbSoundsCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-sounds-card', standalone: true, imports: [CommonModule, BmbMediaCardComponent, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"bmb_sounds-card\">\n  <bmb-media-card\n    [bgColor]=\"'--color-mariner-950'\"\n    [alt]=\"'Alt'\"\n    [width]=\"width()\"\n    [ratio]=\"ratio()\"\n    [borderRadius]=\"'m'\"\n    [type]=\"'inline'\"\n    [fullmediaCard]=\"true\"\n    [boxShadow]=\"true\"\n  >\n    <section class=\"bmb_sounds-card-content\">\n      <div class=\"bmb_sounds-card-content-icon\">\n        <button\n          class=\"bmb_sounds-card-content-icon-btn\"\n          [ngClass]=\"{ 'bmb_sounds-card-content-icon-btn-playing': isPlaying }\"\n          (click)=\"this.handlePlayPause()\"\n        >\n          <bmb-icon\n            class=\"bmb_sounds-card-content-icon-btn-icon\"\n            [ngClass]=\"{\n              'bmb_sounds-card-content-icon-btn-icon-playing': isPlaying,\n            }\"\n            [icon]=\"isPlaying ? 'pause_circle' : 'play_circle'\"\n            [isFill]=\"true\"\n            [size]=\"100\"\n          />\n        </button>\n      </div>\n      <div class=\"bmb_sounds-card-info\">\n        <div class=\"bmb_sounds-card-info-title\">\n          <span class=\"bmb_sounds-card-info-title-text\">{{ title() }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-subtitle\">\n          <span class=\"bmb_sounds-card-info-subtitle-text\">{{\n            subtitle()\n          }}</span>\n        </div>\n        <div class=\"bmb_sounds-card-info-volume\">\n          <button\n            class=\"bmb_sounds-card-info-volume-btn\"\n            (click)=\"this.handleMuteVolume()\"\n          >\n            <bmb-icon\n              [icon]=\"isMuted ? 'volume_off' : 'volume_up'\"\n              [size]=\"28\"\n            />\n          </button>\n          <input\n            #rangeVolume\n            class=\"bmb_sounds-card-info-volume-range\"\n            type=\"range\"\n            min=\"0\"\n            max=\"100\"\n            [value]=\"internalVolume\"\n            (input)=\"onVolumeChange($event)\"\n          />\n        </div>\n      </div>\n    </section>\n  </bmb-media-card>\n</section>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_sounds-card-active{background-color:RGBA(var(--color-mariner-700))}.bmb_sounds-card-content{height:100%}.bmb_sounds-card-content-icon{display:flex;height:60%;justify-content:center;align-items:flex-end;margin-bottom:.9375rem}.bmb_sounds-card-content-icon-btn{width:5rem;height:5rem;border-radius:50%;padding:0;margin:0}.bmb_sounds-card-content-icon-btn:hover,.bmb_sounds-card-content-icon-btn-playing{background-color:RGBA(var(--color-charade-50))}.bmb_sounds-card-content-icon-btn-icon{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);color:RGBA(var(--color-charade-50))}.bmb_sounds-card-content-icon-btn-icon:hover{color:RGBA(var(--color-mariner-700))}.bmb_sounds-card-content-icon-btn-icon-playing{color:RGBA(var(--color-mariner-500))}.bmb_sounds-card-info{display:flex;flex-direction:column;justify-content:flex-end;height:40%;gap:.25rem}.bmb_sounds-card-info-title-text{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.bmb_sounds-card-info-subtitle-text{font-family:Poppins-Regular,sans-serif;font-size:.6875rem;color:RGBA(var(--color-charade-200))}.bmb_sounds-card-info-volume{display:flex;align-items:center}.bmb_sounds-card-info-volume-btn{margin-top:.3125rem}.bmb_sounds-card-info-volume-btn bmb-icon{color:RGBA(var(--color-mariner-50))}.bmb_sounds-card-info-volume-range{appearance:none;width:100%;margin:.625rem 0;height:.5rem;background-color:RGBA(var(--color-mariner-50));border-radius:.3125rem}.bmb_sounds-card-info-volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.5rem;height:.5rem;border-radius:50%;background-color:RGBA(var(--color-charade-950));cursor:pointer}.bmb_sounds-card-info-volume-range:focus{outline:none}\n"] }]
+        }], propDecorators: { rangeVolume: [{
+                type: ViewChild,
+                args: ['rangeVolume', { read: ElementRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc291bmRzLWNhcmQvYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc291bmRzLWNhcmQvYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUVMLE1BQU0sRUFFTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFXbEUsTUFBTSxPQUFPLHNCQUFzQjtJQVRuQztRQVVFLFVBQUssR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDMUIsYUFBUSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUM3QixVQUFLLEdBQUcsS0FBSyxDQUFTLE9BQU8sQ0FBQyxDQUFDO1FBQy9CLFVBQUssR0FBRyxLQUFLLENBQVMsS0FBSyxDQUFDLENBQUM7UUFFN0IsaUJBQVksR0FBRyxNQUFNLEVBQVUsQ0FBQztRQUNoQyxlQUFVLEdBQUcsTUFBTSxFQUFXLENBQUM7UUFDL0IsZUFBVSxHQUFHLE1BQU0sRUFBVyxDQUFDO1FBRS9CLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUM1QixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGVBQVUsR0FBNEIsSUFBSSxDQUFDO1FBQzNDLGVBQVUsR0FBVyxDQUFDLENBQUM7S0FzQ3hCO0lBakNDLGVBQWU7UUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsYUFBYSxDQUFDO1FBQ2xELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDZEQUE2RCxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLENBQUM7SUFDdEwsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFZO1FBQ3pCLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQ3RELElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO1FBQzFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDREQUE0RCxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLENBQUM7UUFDbkwsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUM3QixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDO1lBQ3RDLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxHQUFHLENBQUM7WUFDNUMsSUFBSSxDQUFDLFVBQVcsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLDREQUE0RCxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLENBQUM7U0FDcEw7YUFBTTtZQUNMLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUN0QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxjQUFjLEdBQUcsR0FBRyxDQUFDO1lBQzVDLElBQUksQ0FBQyxVQUFXLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyw0REFBNEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLG9DQUFvQyxJQUFJLENBQUMsVUFBVSxHQUFHLEdBQUcsSUFBSSxDQUFDO1NBQ3BMO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7K0dBcERVLHNCQUFzQjttR0FBdEIsc0JBQXNCLHN2QkFpQkMsVUFBVSw2QkMxQzlDLDAvREE4REEsNitQRDNDWSxZQUFZLDZIQUFFLHFCQUFxQixvVEFBRSxnQkFBZ0I7OzRGQU1wRCxzQkFBc0I7a0JBVGxDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGdCQUFnQixDQUFDLG1CQUcvQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQW9CckMsV0FBVztzQkFEVixTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgaW5wdXQsXG4gIE9uSW5pdCxcbiAgb3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCbWJNZWRpYUNhcmRDb21wb25lbnQgfSBmcm9tICcuLi9ibWItbWVkaWEtY2FyZC9ibWItbWVkaWEtY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1pY29uL2JtYi1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JtYi1zb3VuZHMtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJtYk1lZGlhQ2FyZENvbXBvbmVudCwgQm1iSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ibWItc291bmRzLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYm1iLXNvdW5kcy1jYXJkLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlNvdW5kc0NhcmRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgc3VidGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcbiAgd2lkdGggPSBpbnB1dDxzdHJpbmc+KCcyNTBweCcpO1xuICByYXRpbyA9IGlucHV0PHN0cmluZz4oJzgvOScpO1xuXG4gIGhhbmRsZXZvbHVtZSA9IG91dHB1dDxudW1iZXI+KCk7XG4gIGhhbmRsZVBsYXkgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcbiAgaGFuZGxlTXV0ZSA9IG91dHB1dDxib29sZWFuPigpO1xuXG4gIGlzUGxheWluZzogYm9vbGVhbiA9IGZhbHNlO1xuICBpc011dGVkOiBib29sZWFuID0gZmFsc2U7XG4gIGludGVybmFsVm9sdW1lOiBudW1iZXIgPSA1MDtcbiAgc2F2ZVZvbHVtZTogbnVtYmVyID0gMDtcbiAgdHJhY2tJbnB1dDogSFRNTElucHV0RWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwZXJjZW50YWdlOiBudW1iZXIgPSAwO1xuXG4gIEBWaWV3Q2hpbGQoJ3JhbmdlVm9sdW1lJywgeyByZWFkOiBFbGVtZW50UmVmIH0pXG4gIHJhbmdlVm9sdW1lPzogRWxlbWVudFJlZjxhbnk+O1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRyYWNrSW5wdXQgPSB0aGlzLnJhbmdlVm9sdW1lPy5uYXRpdmVFbGVtZW50O1xuICAgIHRoaXMucGVyY2VudGFnZSA9IHRoaXMuaW50ZXJuYWxWb2x1bWUgLyAxMDA7XG4gICAgdGhpcy50cmFja0lucHV0IS5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgUkdCQSh2YXIoIC0tY29sb3ItbWFyaW5lci03MDApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lLCBSR0JBKHZhcigtLWNvbG9yLWNoYXJhZGUtNTApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lKWA7XG4gIH1cblxuICBvblZvbHVtZUNoYW5nZShldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBpbnB1dEVsZW1lbnQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLmludGVybmFsVm9sdW1lID0gK2lucHV0RWxlbWVudC52YWx1ZTtcbiAgICB0aGlzLnBlcmNlbnRhZ2UgPSB0aGlzLmludGVybmFsVm9sdW1lIC8gMTAwO1xuICAgIHRoaXMudHJhY2tJbnB1dCEuc3R5bGUuYmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIFJHQkEodmFyKC0tY29sb3ItbWFyaW5lci03MDApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lLCBSR0JBKHZhcigtLWNvbG9yLWNoYXJhZGUtNTApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lKWA7XG4gICAgdGhpcy5oYW5kbGV2b2x1bWUuZW1pdCh0aGlzLmludGVybmFsVm9sdW1lKTtcbiAgfVxuXG4gIGhhbmRsZVBsYXlQYXVzZSgpIHtcbiAgICB0aGlzLmlzUGxheWluZyA9ICF0aGlzLmlzUGxheWluZztcbiAgICB0aGlzLmhhbmRsZVBsYXkuZW1pdCh0aGlzLmlzUGxheWluZyk7XG4gIH1cblxuICBoYW5kbGVNdXRlVm9sdW1lKCkge1xuICAgIHRoaXMuaXNNdXRlZCA9ICF0aGlzLmlzTXV0ZWQ7XG4gICAgaWYgKHRoaXMuaXNNdXRlZCkge1xuICAgICAgdGhpcy5zYXZlVm9sdW1lID0gdGhpcy5pbnRlcm5hbFZvbHVtZTtcbiAgICAgIHRoaXMuaW50ZXJuYWxWb2x1bWUgPSAwO1xuICAgICAgdGhpcy5wZXJjZW50YWdlID0gdGhpcy5pbnRlcm5hbFZvbHVtZSAvIDEwMDtcbiAgICAgIHRoaXMudHJhY2tJbnB1dCEuc3R5bGUuYmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIFJHQkEodmFyKC0tY29sb3ItbWFyaW5lci03MDApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lLCBSR0JBKHZhcigtLWNvbG9yLWNoYXJhZGUtNTApKSAke3RoaXMucGVyY2VudGFnZSAqIDEwMH0lKWA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxWb2x1bWUgPSB0aGlzLnNhdmVWb2x1bWU7XG4gICAgICB0aGlzLnBlcmNlbnRhZ2UgPSB0aGlzLmludGVybmFsVm9sdW1lIC8gMTAwO1xuICAgICAgdGhpcy50cmFja0lucHV0IS5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgUkdCQSh2YXIoLS1jb2xvci1tYXJpbmVyLTcwMCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUsIFJHQkEodmFyKC0tY29sb3ItY2hhcmFkZS01MCkpICR7dGhpcy5wZXJjZW50YWdlICogMTAwfSUpYDtcbiAgICB9XG4gICAgdGhpcy5oYW5kbGVNdXRlLmVtaXQodGhpcy5pc011dGVkKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJibWJfc291bmRzLWNhcmRcIj5cbiAgPGJtYi1tZWRpYS1jYXJkXG4gICAgW2JnQ29sb3JdPVwiJy0tY29sb3ItbWFyaW5lci05NTAnXCJcbiAgICBbYWx0XT1cIidBbHQnXCJcbiAgICBbd2lkdGhdPVwid2lkdGgoKVwiXG4gICAgW3JhdGlvXT1cInJhdGlvKClcIlxuICAgIFtib3JkZXJSYWRpdXNdPVwiJ20nXCJcbiAgICBbdHlwZV09XCInaW5saW5lJ1wiXG4gICAgW2Z1bGxtZWRpYUNhcmRdPVwidHJ1ZVwiXG4gICAgW2JveFNoYWRvd109XCJ0cnVlXCJcbiAgPlxuICAgIDxzZWN0aW9uIGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWNvbnRlbnRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtY29udGVudC1pY29uXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1jb250ZW50LWljb24tYnRuXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7ICdibWJfc291bmRzLWNhcmQtY29udGVudC1pY29uLWJ0bi1wbGF5aW5nJzogaXNQbGF5aW5nIH1cIlxuICAgICAgICAgIChjbGljayk9XCJ0aGlzLmhhbmRsZVBsYXlQYXVzZSgpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxibWItaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtY29udGVudC1pY29uLWJ0bi1pY29uXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgJ2JtYl9zb3VuZHMtY2FyZC1jb250ZW50LWljb24tYnRuLWljb24tcGxheWluZyc6IGlzUGxheWluZyxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgW2ljb25dPVwiaXNQbGF5aW5nID8gJ3BhdXNlX2NpcmNsZScgOiAncGxheV9jaXJjbGUnXCJcbiAgICAgICAgICAgIFtpc0ZpbGxdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbc2l6ZV09XCIxMDBcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWluZm9cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJtYl9zb3VuZHMtY2FyZC1pbmZvLXRpdGxlXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJibWJfc291bmRzLWNhcmQtaW5mby10aXRsZS10ZXh0XCI+e3sgdGl0bGUoKSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtaW5mby1zdWJ0aXRsZVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWluZm8tc3VidGl0bGUtdGV4dFwiPnt7XG4gICAgICAgICAgICBzdWJ0aXRsZSgpXG4gICAgICAgICAgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWluZm8tdm9sdW1lXCI+XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgY2xhc3M9XCJibWJfc291bmRzLWNhcmQtaW5mby12b2x1bWUtYnRuXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0aGlzLmhhbmRsZU11dGVWb2x1bWUoKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGJtYi1pY29uXG4gICAgICAgICAgICAgIFtpY29uXT1cImlzTXV0ZWQgPyAndm9sdW1lX29mZicgOiAndm9sdW1lX3VwJ1wiXG4gICAgICAgICAgICAgIFtzaXplXT1cIjI4XCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAjcmFuZ2VWb2x1bWVcbiAgICAgICAgICAgIGNsYXNzPVwiYm1iX3NvdW5kcy1jYXJkLWluZm8tdm9sdW1lLXJhbmdlXCJcbiAgICAgICAgICAgIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICAgICBtaW49XCIwXCJcbiAgICAgICAgICAgIG1heD1cIjEwMFwiXG4gICAgICAgICAgICBbdmFsdWVdPVwiaW50ZXJuYWxWb2x1bWVcIlxuICAgICAgICAgICAgKGlucHV0KT1cIm9uVm9sdW1lQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9zZWN0aW9uPlxuICA8L2JtYi1tZWRpYS1jYXJkPlxuPC9zZWN0aW9uPlxuIl19

package/esm2022/lib/components/bmb-stat-counter/bmb-stat-counter.component.mjs

@@ -0,0 +1,32 @@
+import { Component, Input, Output, EventEmitter, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbIconComponent } from '../bmb-icon/bmb-icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbStatCounterComponent {
+    constructor() {
+        this.activeStep = 0;
+        this.totalSteps = 0;
+        this.onStepPress = new EventEmitter();
+    }
+    getStepsArray() {
+        return new Array(this.totalSteps || 0).fill(0).map((_, i) => i);
+    }
+    onStepClicked(index) {
+        this.activeStep = index;
+        this.onStepPress.emit(index);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbStatCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbStatCounterComponent, isStandalone: true, selector: "bmb-stat-counter", inputs: { activeStep: "activeStep", totalSteps: "totalSteps" }, outputs: { onStepPress: "onStepPress" }, ngImport: i0, template: "<div class=\"bmb_stat_counter\">\n  <div\n    class=\"bmb_stat_counter-item\"\n    *ngFor=\"let i of getStepsArray()\"\n    [attr.data-bs-slide-to]=\"i\"\n    [ngClass]=\"{ active: activeStep === i, completed: activeStep > i }\"\n    (click)=\"onStepClicked(i)\"\n  >\n    <div\n      class=\"bmb_stat_counter-step\"\n      [ngClass]=\"{ active: activeStep === i, completed: activeStep > i }\"\n    >\n      <span *ngIf=\"activeStep == i || activeStep < i\">{{ i + 1 }}</span>\n      @if (activeStep > i) {\n        <bmb-icon [icon]=\"'done'\" class=\"bmb_stat_counter-icon\" [size]=\"24\" />\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_stat_counter{display:flex;justify-content:space-between;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_stat_counter-item{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;position:relative;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (max-width: 768px){.bmb_stat_counter-item{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}}.bmb_stat_counter-item:before{border-bottom:.125rem solid RGBA(var(--color-charade-300));content:\"\";left:-50%;position:absolute;top:1.875rem;min-width:1.5rem;width:100%;z-index:2}.bmb_stat_counter-item:after{border-bottom:.125rem solid #ccc;content:\"\";left:50%;position:absolute;top:1.875rem;min-width:1.5rem;width:100%;z-index:2}.bmb_stat_counter-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_stat_counter-item.completed:after{border-bottom:.125rem solid RGBA(var(--color-mariner-700));content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%;z-index:3}.bmb_stat_counter-item.completed .bmb_stat_counter-step{background-color:RGBA(var(--color-mariner-700))}.bmb_stat_counter-item:first-child:before{content:none}.bmb_stat_counter-item:last-child:after{content:none}.bmb_stat_counter-step{align-items:center;background:RGBA(var(--color-charade-300));border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:3rem;justify-content:center;margin-bottom:.375rem;position:relative;width:3rem;z-index:5;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_stat_counter-step.active{background-color:RGBA(var(--color-charade-50));border:.0625rem solid RGBA(var(--color-mariner-700));color:RGBA(var(--color-mariner-700));height:4rem;width:4rem}.bmb_stat_counter-icon{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_stat_counter-item:before,.storybook-dark-theme .bmb_stat_counter-item:before{border-bottom:.125rem solid RGBA(var(--color-neon-700))}[data-theme=dark] .bmb_stat_counter-item:after,.storybook-dark-theme .bmb_stat_counter-item:after{border-bottom:.125rem solid RGBA(var(--color-charade-700))}[data-theme=dark] .bmb_stat_counter-item.completed:after,.storybook-dark-theme .bmb_stat_counter-item.completed:after{border-bottom:.125rem solid RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_stat_counter-item.completed .bmb_stat_counter-step,.storybook-dark-theme .bmb_stat_counter-item.completed .bmb_stat_counter-step{background-color:RGBA(var(--color-neon-primary));font-weight:700}[data-theme=dark] .bmb_stat_counter-item.completed .bmb_stat_counter-step .material-icons,.storybook-dark-theme .bmb_stat_counter-item.completed .bmb_stat_counter-step .material-icons{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_stat_counter-step,.storybook-dark-theme .bmb_stat_counter-step{background:RGBA(var(--color-charade-700));color:RGBA(var(--color-charade-950))}[data-theme=dark] .bmb_stat_counter-step.active,.storybook-dark-theme .bmb_stat_counter-step.active{background-color:RGBA(var(--color-charade-950));border:.0625rem solid RGBA(var(--color-neon-primary));color:RGBA(var(--color-charade-50))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbStatCounterComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, BmbIconComponent], selector: 'bmb-stat-counter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_stat_counter\">\n  <div\n    class=\"bmb_stat_counter-item\"\n    *ngFor=\"let i of getStepsArray()\"\n    [attr.data-bs-slide-to]=\"i\"\n    [ngClass]=\"{ active: activeStep === i, completed: activeStep > i }\"\n    (click)=\"onStepClicked(i)\"\n  >\n    <div\n      class=\"bmb_stat_counter-step\"\n      [ngClass]=\"{ active: activeStep === i, completed: activeStep > i }\"\n    >\n      <span *ngIf=\"activeStep == i || activeStep < i\">{{ i + 1 }}</span>\n      @if (activeStep > i) {\n        <bmb-icon [icon]=\"'done'\" class=\"bmb_stat_counter-icon\" [size]=\"24\" />\n      }\n    </div>\n  </div>\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_stat_counter{display:flex;justify-content:space-between;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_stat_counter-item{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;position:relative;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}@media (max-width: 768px){.bmb_stat_counter-item{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}}.bmb_stat_counter-item:before{border-bottom:.125rem solid RGBA(var(--color-charade-300));content:\"\";left:-50%;position:absolute;top:1.875rem;min-width:1.5rem;width:100%;z-index:2}.bmb_stat_counter-item:after{border-bottom:.125rem solid #ccc;content:\"\";left:50%;position:absolute;top:1.875rem;min-width:1.5rem;width:100%;z-index:2}.bmb_stat_counter-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_stat_counter-item.completed:after{border-bottom:.125rem solid RGBA(var(--color-mariner-700));content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%;z-index:3}.bmb_stat_counter-item.completed .bmb_stat_counter-step{background-color:RGBA(var(--color-mariner-700))}.bmb_stat_counter-item:first-child:before{content:none}.bmb_stat_counter-item:last-child:after{content:none}.bmb_stat_counter-step{align-items:center;background:RGBA(var(--color-charade-300));border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:3rem;justify-content:center;margin-bottom:.375rem;position:relative;width:3rem;z-index:5;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_stat_counter-step.active{background-color:RGBA(var(--color-charade-50));border:.0625rem solid RGBA(var(--color-mariner-700));color:RGBA(var(--color-mariner-700));height:4rem;width:4rem}.bmb_stat_counter-icon{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_stat_counter-item:before,.storybook-dark-theme .bmb_stat_counter-item:before{border-bottom:.125rem solid RGBA(var(--color-neon-700))}[data-theme=dark] .bmb_stat_counter-item:after,.storybook-dark-theme .bmb_stat_counter-item:after{border-bottom:.125rem solid RGBA(var(--color-charade-700))}[data-theme=dark] .bmb_stat_counter-item.completed:after,.storybook-dark-theme .bmb_stat_counter-item.completed:after{border-bottom:.125rem solid RGBA(var(--color-neon-primary))}[data-theme=dark] .bmb_stat_counter-item.completed .bmb_stat_counter-step,.storybook-dark-theme .bmb_stat_counter-item.completed .bmb_stat_counter-step{background-color:RGBA(var(--color-neon-primary));font-weight:700}[data-theme=dark] .bmb_stat_counter-item.completed .bmb_stat_counter-step .material-icons,.storybook-dark-theme .bmb_stat_counter-item.completed .bmb_stat_counter-step .material-icons{color:RGBA(var(--color-charade-50))}[data-theme=dark] .bmb_stat_counter-step,.storybook-dark-theme .bmb_stat_counter-step{background:RGBA(var(--color-charade-700));color:RGBA(var(--color-charade-950))}[data-theme=dark] .bmb_stat_counter-step.active,.storybook-dark-theme .bmb_stat_counter-step.active{background-color:RGBA(var(--color-charade-950));border:.0625rem solid RGBA(var(--color-neon-primary));color:RGBA(var(--color-charade-50))}\n"] }]
+        }], propDecorators: { activeStep: [{
+                type: Input
+            }], totalSteps: [{
+                type: Input
+            }], onStepPress: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0YXQtY291bnRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLXN0YXQtY291bnRlci9ibWItc3RhdC1jb3VudGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RhdC1jb3VudGVyL2JtYi1zdGF0LWNvdW50ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBV2xFLE1BQU0sT0FBTyx1QkFBdUI7SUFUcEM7UUFVVyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGVBQVUsR0FBWSxDQUFDLENBQUM7UUFDdkIsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQVUxRTtJQVJDLGFBQWE7UUFDWCxPQUFPLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOytHQVpVLHVCQUF1QjttR0FBdkIsdUJBQXVCLHFMQ3BCcEMsMm5CQW1CQSxtNVNETlksWUFBWSw4VkFBRSxnQkFBZ0I7OzRGQU83Qix1QkFBdUI7a0JBVG5DLFNBQVM7aUNBQ0ksSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLFlBRS9CLGtCQUFrQixtQkFFWCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJtYkljb25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItaWNvbi9ibWItaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm1iSWNvbkNvbXBvbmVudF0sXG4gIHN0eWxlVXJsOiAnLi9ibWItc3RhdC1jb3VudGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgc2VsZWN0b3I6ICdibWItc3RhdC1jb3VudGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zdGF0LWNvdW50ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iU3RhdENvdW50ZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBhY3RpdmVTdGVwOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSB0b3RhbFN0ZXBzPzogbnVtYmVyID0gMDtcbiAgQE91dHB1dCgpIG9uU3RlcFByZXNzOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIGdldFN0ZXBzQXJyYXkoKTogbnVtYmVyW10ge1xuICAgIHJldHVybiBuZXcgQXJyYXkodGhpcy50b3RhbFN0ZXBzIHx8IDApLmZpbGwoMCkubWFwKChfLCBpKSA9PiBpKTtcbiAgfVxuXG4gIG9uU3RlcENsaWNrZWQoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlU3RlcCA9IGluZGV4O1xuICAgIHRoaXMub25TdGVwUHJlc3MuZW1pdChpbmRleCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJibWJfc3RhdF9jb3VudGVyXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImJtYl9zdGF0X2NvdW50ZXItaXRlbVwiXG4gICAgKm5nRm9yPVwibGV0IGkgb2YgZ2V0U3RlcHNBcnJheSgpXCJcbiAgICBbYXR0ci5kYXRhLWJzLXNsaWRlLXRvXT1cImlcIlxuICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBhY3RpdmVTdGVwID09PSBpLCBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAgPiBpIH1cIlxuICAgIChjbGljayk9XCJvblN0ZXBDbGlja2VkKGkpXCJcbiAgPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYm1iX3N0YXRfY291bnRlci1zdGVwXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBhY3RpdmVTdGVwID09PSBpLCBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAgPiBpIH1cIlxuICAgID5cbiAgICAgIDxzcGFuICpuZ0lmPVwiYWN0aXZlU3RlcCA9PSBpIHx8IGFjdGl2ZVN0ZXAgPCBpXCI+e3sgaSArIDEgfX08L3NwYW4+XG4gICAgICBAaWYgKGFjdGl2ZVN0ZXAgPiBpKSB7XG4gICAgICAgIDxibWItaWNvbiBbaWNvbl09XCInZG9uZSdcIiBjbGFzcz1cImJtYl9zdGF0X2NvdW50ZXItaWNvblwiIFtzaXplXT1cIjI0XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/bmb-step-progress-bar/bmb-step-progress-bar.component.mjs

@@ -0,0 +1,41 @@
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, output, model, input, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbIconComponent } from '../bmb-icon/bmb-icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbStepProgressBarComponent {
+    constructor() {
+        this.activeStep = model(0);
+        this.totalSteps = input(0);
+        this.size = input('normal');
+        this.freeze = input(false);
+        this.type = input('vertical');
+        this.labelSteps = input([]);
+        this.labelComplete = input('Completo');
+        this.labelIncomplete = input('Pendiente');
+        this.stepTemplates = input([]);
+        this.onStepPress = output();
+        this.onStepPanelPress = output();
+    }
+    getStepsArray() {
+        return new Array(this.totalSteps() || 0).fill(0).map((_, i) => i);
+    }
+    onStepPanelClicked(index) {
+        if (!this.freeze()) {
+            this.onStepPanelPress.emit(index);
+        }
+    }
+    onStepClicked(index) {
+        if (!this.freeze()) {
+            this.activeStep.set(index);
+            this.onStepPress.emit(index);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbStepProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbStepProgressBarComponent, isStandalone: true, selector: "bmb-step-progress-bar", inputs: { activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null }, totalSteps: { classPropertyName: "totalSteps", publicName: "totalSteps", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, freeze: { classPropertyName: "freeze", publicName: "freeze", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, labelSteps: { classPropertyName: "labelSteps", publicName: "labelSteps", isSignal: true, isRequired: false, transformFunction: null }, labelComplete: { classPropertyName: "labelComplete", publicName: "labelComplete", isSignal: true, isRequired: false, transformFunction: null }, labelIncomplete: { classPropertyName: "labelIncomplete", publicName: "labelIncomplete", isSignal: true, isRequired: false, transformFunction: null }, stepTemplates: { classPropertyName: "stepTemplates", publicName: "stepTemplates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStep: "activeStepChange", onStepPress: "onStepPress", onStepPanelPress: "onStepPanelPress" }, ngImport: i0, template: "<div\n  class=\"bmb_step-progress-bar\"\n  [ngClass]=\"{\n    'bmb_step-progress-bar-vertical': type() === 'vertical',\n    'bmb_step-progress-bar-step-panel': type() === 'step-panel',\n  }\"\n>\n  @if (type() == \"horizontal\") {\n    <div\n      class=\"bmb_step-progress-bar-item\"\n      *ngFor=\"let i of getStepsArray()\"\n      [attr.data-bs-slide-to]=\"i\"\n      [ngClass]=\"{ completed: activeStep() > i }\"\n      (click)=\"onStepClicked(i)\"\n      onkeypress=\"\"\n    >\n      <div\n        class=\"bmb_step-progress-bar-step\"\n        [ngClass]=\"{\n          active: activeStep() === i,\n          completed: activeStep() > i,\n          'bmb_step-progress-bar-step-normal':\n            size() == 'normal' || size() == 'default',\n          'bmb_step-progress-bar-step-small': size() == 'small',\n          'bmb_step-progress-bar-step-medium': size() == 'medium',\n        }\"\n      >\n        <span *ngIf=\"activeStep() == i || activeStep() < i\">{{ i + 1 }}</span>\n        @if (activeStep() > i) {\n          <bmb-icon [icon]=\"'done'\" class=\"material-icons\" [size]=\"24\" />\n        }\n      </div>\n    </div>\n  } @else if (type() === \"vertical\") {\n    <div\n      class=\"bmb_step-progress-bar-vertical-item\"\n      *ngFor=\"let i of getStepsArray()\"\n      [attr.data-bs-slide-to]=\"i\"\n      [ngClass]=\"{\n        completed: activeStep() > i,\n        'bmb_step-progress-bar-vertical-content': labelSteps().length > 0,\n      }\"\n      (click)=\"onStepClicked(i)\"\n      onkeypress=\"\"\n    >\n      <div\n        class=\"bmb_step-progress-bar-vertical-step bmb_step-progress-bar-vertical-step-small\"\n        [ngClass]=\"{\n          active: activeStep() === i,\n          completed: activeStep() > i,\n        }\"\n      >\n        @if (activeStep() <= i) {\n          <span>{{ i + 1 }}</span>\n        } @else {\n          <bmb-icon\n            [icon]=\"'done'\"\n            class=\"bmb_step-progress-bar-icon\"\n            [size]=\"24\"\n          />\n        }\n      </div>\n      @if (labelSteps().length > 0) {\n        <div class=\"bmb_step-progress-bar-vertical-text\">\n          <h2 class=\"bmb_step-progress-bar-vertical-text-title\">\n            {{ labelSteps()[i] }}\n          </h2>\n          @if (activeStep() > i) {\n            <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n              labelComplete()\n            }}</span>\n          } @else {\n            <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n              labelIncomplete()\n            }}</span>\n          }\n        </div>\n      }\n    </div>\n  } @else if (type() === \"step-panel\") {\n    <div class=\"bmb_step-progress-bar-step-panel-item\">\n      <div\n        class=\"bmb_step-progress-bar-step-panel-wrapper\"\n        [ngClass]=\"{\n          active: activeStep() === i,\n          completed: activeStep() > i,\n        }\"\n        *ngFor=\"let step of getStepsArray(); let i = index\"\n      >\n        <div\n          class=\"bmb_step-progress-bar-step-panel-header\"\n          (click)=\"onStepPanelClicked(i)\"\n        >\n          <div\n            class=\"bmb_step-progress-bar-step-panel-step\"\n            [ngClass]=\"{\n              active: activeStep() === i,\n              completed: activeStep() > i,\n            }\"\n          >\n            @if (activeStep() > i) {\n              <bmb-icon\n                [icon]=\"'done'\"\n                class=\"bmb_step-progress-bar-icon\"\n                [size]=\"24\"\n              />\n            } @else {\n              <span class=\"index\">{{ i + 1 }}</span>\n            }\n          </div>\n\n          <span\n            class=\"bmb_step-progress-bar-step-panel-label\"\n            [ngClass]=\"{\n              active: activeStep() === i,\n              completed: activeStep() > i,\n            }\"\n            >{{ labelSteps()[i] }}</span\n          >\n        </div>\n\n        @if (activeStep() === i && stepTemplates().length > i) {\n          <div class=\"bmb_step-progress-bar-step-panel-content\">\n            <ng-container\n              [ngTemplateOutlet]=\"stepTemplates()[i]\"\n            ></ng-container>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_step-progress-bar{display:flex;height:auto;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_step-progress-bar-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:2rem;position:relative;width:100%;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-item:after{border-bottom:.125rem solid var(--buttons-inactive-step);content:\"\";left:50%;min-width:2rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-item.completed:after{border-bottom:.125rem solid var(--general_contrasts-main-selection);content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.completed .bmb_step-progress-bar-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-item:first-child:before{content:none}.bmb_step-progress-bar-item:last-child:after{content:none}.bmb_step-progress-bar-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:var(--general_contrasts-main-complimentary);cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.bmb_step-progress-bar-step.active{background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-small{height:1.875rem;width:1.875rem}.bmb_step-progress-bar-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_step-progress-bar-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;height:4rem;width:4rem}.bmb_step-progress-bar-step-medium{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-step-medium.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-icon{color:RGBA(var(--color-charade-50))}.bmb_step-progress-bar-vertical{flex-direction:column}.bmb_step-progress-bar-vertical-item{align-items:center;display:inline-flex;padding-bottom:1.25rem;position:relative}.bmb_step-progress-bar-vertical-item:after{background-color:var(--buttons-inactive-step);content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-vertical-item.completed:after{background-color:RGBA(var(--color-blue-primary));content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.completed .bmb_step-progress-bar-vertical-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-vertical-item.bmb_step-progress-bar-vertical-content:after{top:80%}.bmb_step-progress-bar-vertical-item:last-child:after{content:none}.bmb_step-progress-bar-vertical-step{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;align-items:center;background:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;transition:background-color .3s;z-index:1}.bmb_step-progress-bar-vertical-step-small{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-vertical-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color)}.bmb_step-progress-bar-vertical-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-vertical-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color);height:4rem;width:4rem}.bmb_step-progress-bar-vertical-text{margin-left:1.25rem;flex:1}.bmb_step-progress-bar-vertical-text-title{color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_step-progress-bar-vertical-content{padding-top:1.25rem}.bmb_step-progress-bar-step-panel-item{width:100%;display:flex;flex-flow:column;gap:1.25rem}.bmb_step-progress-bar-step-panel-wrapper{position:relative}.bmb_step-progress-bar-step-panel-wrapper.active:after{background-color:var(--buttons-inactive-step);content:\"\";height:calc(100% - 3.75rem);left:1.25rem;position:absolute;top:3.125rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-step-panel-header{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.bmb_step-progress-bar-step-panel-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:2.625rem;justify-content:center;margin-bottom:.375rem;position:relative;width:2.625rem;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-step.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-panel-step.completed{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-step-panel-label{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-label.active{color:var(--general_contrasts-100);font-weight:700}.bmb_step-progress-bar-step-panel-content{margin-left:3.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbStepProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-step-progress-bar', standalone: true, imports: [CommonModule, BmbIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"bmb_step-progress-bar\"\n  [ngClass]=\"{\n    'bmb_step-progress-bar-vertical': type() === 'vertical',\n    'bmb_step-progress-bar-step-panel': type() === 'step-panel',\n  }\"\n>\n  @if (type() == \"horizontal\") {\n    <div\n      class=\"bmb_step-progress-bar-item\"\n      *ngFor=\"let i of getStepsArray()\"\n      [attr.data-bs-slide-to]=\"i\"\n      [ngClass]=\"{ completed: activeStep() > i }\"\n      (click)=\"onStepClicked(i)\"\n      onkeypress=\"\"\n    >\n      <div\n        class=\"bmb_step-progress-bar-step\"\n        [ngClass]=\"{\n          active: activeStep() === i,\n          completed: activeStep() > i,\n          'bmb_step-progress-bar-step-normal':\n            size() == 'normal' || size() == 'default',\n          'bmb_step-progress-bar-step-small': size() == 'small',\n          'bmb_step-progress-bar-step-medium': size() == 'medium',\n        }\"\n      >\n        <span *ngIf=\"activeStep() == i || activeStep() < i\">{{ i + 1 }}</span>\n        @if (activeStep() > i) {\n          <bmb-icon [icon]=\"'done'\" class=\"material-icons\" [size]=\"24\" />\n        }\n      </div>\n    </div>\n  } @else if (type() === \"vertical\") {\n    <div\n      class=\"bmb_step-progress-bar-vertical-item\"\n      *ngFor=\"let i of getStepsArray()\"\n      [attr.data-bs-slide-to]=\"i\"\n      [ngClass]=\"{\n        completed: activeStep() > i,\n        'bmb_step-progress-bar-vertical-content': labelSteps().length > 0,\n      }\"\n      (click)=\"onStepClicked(i)\"\n      onkeypress=\"\"\n    >\n      <div\n        class=\"bmb_step-progress-bar-vertical-step bmb_step-progress-bar-vertical-step-small\"\n        [ngClass]=\"{\n          active: activeStep() === i,\n          completed: activeStep() > i,\n        }\"\n      >\n        @if (activeStep() <= i) {\n          <span>{{ i + 1 }}</span>\n        } @else {\n          <bmb-icon\n            [icon]=\"'done'\"\n            class=\"bmb_step-progress-bar-icon\"\n            [size]=\"24\"\n          />\n        }\n      </div>\n      @if (labelSteps().length > 0) {\n        <div class=\"bmb_step-progress-bar-vertical-text\">\n          <h2 class=\"bmb_step-progress-bar-vertical-text-title\">\n            {{ labelSteps()[i] }}\n          </h2>\n          @if (activeStep() > i) {\n            <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n              labelComplete()\n            }}</span>\n          } @else {\n            <span class=\"bmb_step-progress-bar-vertical-text-subtitle\">{{\n              labelIncomplete()\n            }}</span>\n          }\n        </div>\n      }\n    </div>\n  } @else if (type() === \"step-panel\") {\n    <div class=\"bmb_step-progress-bar-step-panel-item\">\n      <div\n        class=\"bmb_step-progress-bar-step-panel-wrapper\"\n        [ngClass]=\"{\n          active: activeStep() === i,\n          completed: activeStep() > i,\n        }\"\n        *ngFor=\"let step of getStepsArray(); let i = index\"\n      >\n        <div\n          class=\"bmb_step-progress-bar-step-panel-header\"\n          (click)=\"onStepPanelClicked(i)\"\n        >\n          <div\n            class=\"bmb_step-progress-bar-step-panel-step\"\n            [ngClass]=\"{\n              active: activeStep() === i,\n              completed: activeStep() > i,\n            }\"\n          >\n            @if (activeStep() > i) {\n              <bmb-icon\n                [icon]=\"'done'\"\n                class=\"bmb_step-progress-bar-icon\"\n                [size]=\"24\"\n              />\n            } @else {\n              <span class=\"index\">{{ i + 1 }}</span>\n            }\n          </div>\n\n          <span\n            class=\"bmb_step-progress-bar-step-panel-label\"\n            [ngClass]=\"{\n              active: activeStep() === i,\n              completed: activeStep() > i,\n            }\"\n            >{{ labelSteps()[i] }}</span\n          >\n        </div>\n\n        @if (activeStep() === i && stepTemplates().length > i) {\n          <div class=\"bmb_step-progress-bar-step-panel-content\">\n            <ng-container\n              [ngTemplateOutlet]=\"stepTemplates()[i]\"\n            ></ng-container>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_step-progress-bar{display:flex;height:auto;margin-bottom:1.25rem;min-height:4.375rem;width:100%}.bmb_step-progress-bar-item{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:2rem;position:relative;width:100%;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-item:after{border-bottom:.125rem solid var(--buttons-inactive-step);content:\"\";left:50%;min-width:2rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-item.completed:after{border-bottom:.125rem solid var(--general_contrasts-main-selection);content:\"\";left:50%;min-width:1.5rem;position:absolute;top:1.875rem;width:100%}.bmb_step-progress-bar-item.completed .bmb_step-progress-bar-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-item:first-child:before{content:none}.bmb_step-progress-bar-item:last-child:after{content:none}.bmb_step-progress-bar-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:var(--general_contrasts-main-complimentary);cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.bmb_step-progress-bar-step.active{background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-small{height:1.875rem;width:1.875rem}.bmb_step-progress-bar-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_step-progress-bar-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;height:4rem;width:4rem}.bmb_step-progress-bar-step-medium{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-step-medium.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-icon{color:RGBA(var(--color-charade-50))}.bmb_step-progress-bar-vertical{flex-direction:column}.bmb_step-progress-bar-vertical-item{align-items:center;display:inline-flex;padding-bottom:1.25rem;position:relative}.bmb_step-progress-bar-vertical-item:after{background-color:var(--buttons-inactive-step);content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.active{font-family:Poppins-Regular,sans-serif;font-size:1.5rem;font-weight:700}.bmb_step-progress-bar-vertical-item.completed:after{background-color:RGBA(var(--color-blue-primary));content:\"\";height:1.875rem;left:1.25rem;position:absolute;top:2.5rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-vertical-item.completed .bmb_step-progress-bar-vertical-step{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-vertical-item.bmb_step-progress-bar-vertical-content:after{top:80%}.bmb_step-progress-bar-vertical-item:last-child:after{content:none}.bmb_step-progress-bar-vertical-step{font-family:Poppins-Regular,sans-serif;font-size:1.125rem;align-items:center;background:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;justify-content:center;margin-bottom:.375rem;position:relative;transition:background-color .3s;z-index:1}.bmb_step-progress-bar-vertical-step-small{height:2.625rem;width:2.625rem}.bmb_step-progress-bar-vertical-step-small.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color)}.bmb_step-progress-bar-vertical-step-normal{height:3rem;width:3rem}.bmb_step-progress-bar-vertical-step-normal.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--vertical-step-active);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--vertical-step-active-color);height:4rem;width:4rem}.bmb_step-progress-bar-vertical-text{margin-left:1.25rem;flex:1}.bmb_step-progress-bar-vertical-text-title{color:var(--general_contrasts-100);font-family:Poppins-Regular,sans-serif;font-size:1rem}.bmb_step-progress-bar-vertical-text-subtitle{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:.875rem}.bmb_step-progress-bar-vertical-content{padding-top:1.25rem}.bmb_step-progress-bar-step-panel-item{width:100%;display:flex;flex-flow:column;gap:1.25rem}.bmb_step-progress-bar-step-panel-wrapper{position:relative}.bmb_step-progress-bar-step-panel-wrapper.active:after{background-color:var(--buttons-inactive-step);content:\"\";height:calc(100% - 3.75rem);left:1.25rem;position:absolute;top:3.125rem;transform:translate(-50%);width:.125rem}.bmb_step-progress-bar-step-panel-header{display:flex;align-items:center;gap:1.25rem;cursor:pointer}.bmb_step-progress-bar-step-panel-step{align-items:center;background-color:var(--buttons-inactive-step);border-radius:50%;color:RGBA(var(--color-charade-950));cursor:pointer;display:flex;height:2.625rem;justify-content:center;margin-bottom:.375rem;position:relative;width:2.625rem;z-index:1;font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-step.active{font-family:Poppins-Medium,sans-serif;font-size:1.125rem;background-color:var(--containers-modal);border:.0625rem solid var(--general_contrasts-main-selection);color:var(--general_contrasts-input-outline)}.bmb_step-progress-bar-step-panel-step.completed{background-color:var(--general_contrasts-main-selection)}.bmb_step-progress-bar-step-panel-label{color:var(--vertical-step-subtitle);font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.bmb_step-progress-bar-step-panel-label.active{color:var(--general_contrasts-100);font-weight:700}.bmb_step-progress-bar-step-panel-content{margin-left:3.875rem}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RlcC1wcm9ncmVzcy1iYXIvYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3RlcC1wcm9ncmVzcy1iYXIvYm1iLXN0ZXAtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUV2QixNQUFNLEVBQ04sS0FBSyxFQUNMLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7OztBQVdsRSxNQUFNLE9BQU8sMkJBQTJCO0lBVHhDO1FBVUUsZUFBVSxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUM5QixlQUFVLEdBQUcsS0FBSyxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBQzlCLFNBQUksR0FBRyxLQUFLLENBQTRDLFFBQVEsQ0FBQyxDQUFDO1FBQ2xFLFdBQU0sR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDL0IsU0FBSSxHQUFHLEtBQUssQ0FBMkMsVUFBVSxDQUFDLENBQUM7UUFDbkUsZUFBVSxHQUFHLEtBQUssQ0FBVyxFQUFFLENBQUMsQ0FBQztRQUNqQyxrQkFBYSxHQUFHLEtBQUssQ0FBUyxVQUFVLENBQUMsQ0FBQztRQUMxQyxvQkFBZSxHQUFHLEtBQUssQ0FBUyxXQUFXLENBQUMsQ0FBQztRQUM3QyxrQkFBYSxHQUFHLEtBQUssQ0FBcUIsRUFBRSxDQUFDLENBQUM7UUFFOUMsZ0JBQVcsR0FBRyxNQUFNLEVBQVUsQ0FBQztRQUMvQixxQkFBZ0IsR0FBRyxNQUFNLEVBQVUsQ0FBQztLQWtCckM7SUFoQkMsYUFBYTtRQUNYLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQWE7UUFDekIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNsQixJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM5QjtJQUNILENBQUM7K0dBN0JVLDJCQUEyQjttR0FBM0IsMkJBQTJCLDQzQ0NyQnhDLHdwSUFvSUEsdXFZRHJIWSxZQUFZLHFnQkFBRSxnQkFBZ0I7OzRGQU03QiwyQkFBMkI7a0JBVHZDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQyxtQkFHeEIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBUZW1wbGF0ZVJlZixcbiAgb3V0cHV0LFxuICBtb2RlbCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJtYkljb25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItaWNvbi9ibWItaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItc3RlcC1wcm9ncmVzcy1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCbWJJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zdGVwLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ibWItc3RlcC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iU3RlcFByb2dyZXNzQmFyQ29tcG9uZW50IHtcbiAgYWN0aXZlU3RlcCA9IG1vZGVsPG51bWJlcj4oMCk7XG4gIHRvdGFsU3RlcHMgPSBpbnB1dDxudW1iZXI+KDApO1xuICBzaXplID0gaW5wdXQ8J25vcm1hbCcgfCAnZGVmYXVsdCcgfCAnc21hbGwnIHwgJ21lZGl1bSc+KCdub3JtYWwnKTtcbiAgZnJlZXplID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICB0eXBlID0gaW5wdXQ8J2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJyB8ICdzdGVwLXBhbmVsJz4oJ3ZlcnRpY2FsJyk7XG4gIGxhYmVsU3RlcHMgPSBpbnB1dDxzdHJpbmdbXT4oW10pO1xuICBsYWJlbENvbXBsZXRlID0gaW5wdXQ8c3RyaW5nPignQ29tcGxldG8nKTtcbiAgbGFiZWxJbmNvbXBsZXRlID0gaW5wdXQ8c3RyaW5nPignUGVuZGllbnRlJyk7XG4gIHN0ZXBUZW1wbGF0ZXMgPSBpbnB1dDxUZW1wbGF0ZVJlZjxhbnk+W10+KFtdKTtcblxuICBvblN0ZXBQcmVzcyA9IG91dHB1dDxudW1iZXI+KCk7XG4gIG9uU3RlcFBhbmVsUHJlc3MgPSBvdXRwdXQ8bnVtYmVyPigpO1xuXG4gIGdldFN0ZXBzQXJyYXkoKTogbnVtYmVyW10ge1xuICAgIHJldHVybiBuZXcgQXJyYXkodGhpcy50b3RhbFN0ZXBzKCkgfHwgMCkuZmlsbCgwKS5tYXAoKF8sIGkpID0+IGkpO1xuICB9XG5cbiAgb25TdGVwUGFuZWxDbGlja2VkKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZnJlZXplKCkpIHtcbiAgICAgIHRoaXMub25TdGVwUGFuZWxQcmVzcy5lbWl0KGluZGV4KTtcbiAgICB9XG4gIH1cblxuICBvblN0ZXBDbGlja2VkKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZnJlZXplKCkpIHtcbiAgICAgIHRoaXMuYWN0aXZlU3RlcC5zZXQoaW5kZXgpO1xuICAgICAgdGhpcy5vblN0ZXBQcmVzcy5lbWl0KGluZGV4KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXJcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2JtYl9zdGVwLXByb2dyZXNzLWJhci12ZXJ0aWNhbCc6IHR5cGUoKSA9PT0gJ3ZlcnRpY2FsJyxcbiAgICAnYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtcGFuZWwnOiB0eXBlKCkgPT09ICdzdGVwLXBhbmVsJyxcbiAgfVwiXG4+XG4gIEBpZiAodHlwZSgpID09IFwiaG9yaXpvbnRhbFwiKSB7XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItaXRlbVwiXG4gICAgICAqbmdGb3I9XCJsZXQgaSBvZiBnZXRTdGVwc0FycmF5KClcIlxuICAgICAgW2F0dHIuZGF0YS1icy1zbGlkZS10b109XCJpXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgY29tcGxldGVkOiBhY3RpdmVTdGVwKCkgPiBpIH1cIlxuICAgICAgKGNsaWNrKT1cIm9uU3RlcENsaWNrZWQoaSlcIlxuICAgICAgb25rZXlwcmVzcz1cIlwiXG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIGFjdGl2ZTogYWN0aXZlU3RlcCgpID09PSBpLFxuICAgICAgICAgIGNvbXBsZXRlZDogYWN0aXZlU3RlcCgpID4gaSxcbiAgICAgICAgICAnYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtbm9ybWFsJzpcbiAgICAgICAgICAgIHNpemUoKSA9PSAnbm9ybWFsJyB8fCBzaXplKCkgPT0gJ2RlZmF1bHQnLFxuICAgICAgICAgICdibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcC1zbWFsbCc6IHNpemUoKSA9PSAnc21hbGwnLFxuICAgICAgICAgICdibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcC1tZWRpdW0nOiBzaXplKCkgPT0gJ21lZGl1bScsXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImFjdGl2ZVN0ZXAoKSA9PSBpIHx8IGFjdGl2ZVN0ZXAoKSA8IGlcIj57eyBpICsgMSB9fTwvc3Bhbj5cbiAgICAgICAgQGlmIChhY3RpdmVTdGVwKCkgPiBpKSB7XG4gICAgICAgICAgPGJtYi1pY29uIFtpY29uXT1cIidkb25lJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBbc2l6ZV09XCIyNFwiIC8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICB9IEBlbHNlIGlmICh0eXBlKCkgPT09IFwidmVydGljYWxcIikge1xuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsLWl0ZW1cIlxuICAgICAgKm5nRm9yPVwibGV0IGkgb2YgZ2V0U3RlcHNBcnJheSgpXCJcbiAgICAgIFthdHRyLmRhdGEtYnMtc2xpZGUtdG9dPVwiaVwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgIGNvbXBsZXRlZDogYWN0aXZlU3RlcCgpID4gaSxcbiAgICAgICAgJ2JtYl9zdGVwLXByb2dyZXNzLWJhci12ZXJ0aWNhbC1jb250ZW50JzogbGFiZWxTdGVwcygpLmxlbmd0aCA+IDAsXG4gICAgICB9XCJcbiAgICAgIChjbGljayk9XCJvblN0ZXBDbGlja2VkKGkpXCJcbiAgICAgIG9ua2V5cHJlc3M9XCJcIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtc3RlcCBibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtc3RlcC1zbWFsbFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICBhY3RpdmU6IGFjdGl2ZVN0ZXAoKSA9PT0gaSxcbiAgICAgICAgICBjb21wbGV0ZWQ6IGFjdGl2ZVN0ZXAoKSA+IGksXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICBAaWYgKGFjdGl2ZVN0ZXAoKSA8PSBpKSB7XG4gICAgICAgICAgPHNwYW4+e3sgaSArIDEgfX08L3NwYW4+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxibWItaWNvblxuICAgICAgICAgICAgW2ljb25dPVwiJ2RvbmUnXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLWljb25cIlxuICAgICAgICAgICAgW3NpemVdPVwiMjRcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICAgQGlmIChsYWJlbFN0ZXBzKCkubGVuZ3RoID4gMCkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsLXRleHRcIj5cbiAgICAgICAgICA8aDIgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtdGV4dC10aXRsZVwiPlxuICAgICAgICAgICAge3sgbGFiZWxTdGVwcygpW2ldIH19XG4gICAgICAgICAgPC9oMj5cbiAgICAgICAgICBAaWYgKGFjdGl2ZVN0ZXAoKSA+IGkpIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXZlcnRpY2FsLXRleHQtc3VidGl0bGVcIj57e1xuICAgICAgICAgICAgICBsYWJlbENvbXBsZXRlKClcbiAgICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItdmVydGljYWwtdGV4dC1zdWJ0aXRsZVwiPnt7XG4gICAgICAgICAgICAgIGxhYmVsSW5jb21wbGV0ZSgpXG4gICAgICAgICAgICB9fTwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICB9IEBlbHNlIGlmICh0eXBlKCkgPT09IFwic3RlcC1wYW5lbFwiKSB7XG4gICAgPGRpdiBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsLWl0ZW1cIj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItc3RlcC1wYW5lbC13cmFwcGVyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIGFjdGl2ZTogYWN0aXZlU3RlcCgpID09PSBpLFxuICAgICAgICAgIGNvbXBsZXRlZDogYWN0aXZlU3RlcCgpID4gaSxcbiAgICAgICAgfVwiXG4gICAgICAgICpuZ0Zvcj1cImxldCBzdGVwIG9mIGdldFN0ZXBzQXJyYXkoKTsgbGV0IGkgPSBpbmRleFwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsLWhlYWRlclwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uU3RlcFBhbmVsQ2xpY2tlZChpKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsLXN0ZXBcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICBhY3RpdmU6IGFjdGl2ZVN0ZXAoKSA9PT0gaSxcbiAgICAgICAgICAgICAgY29tcGxldGVkOiBhY3RpdmVTdGVwKCkgPiBpLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgQGlmIChhY3RpdmVTdGVwKCkgPiBpKSB7XG4gICAgICAgICAgICAgIDxibWItaWNvblxuICAgICAgICAgICAgICAgIFtpY29uXT1cIidkb25lJ1wiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJibWJfc3RlcC1wcm9ncmVzcy1iYXItaWNvblwiXG4gICAgICAgICAgICAgICAgW3NpemVdPVwiMjRcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaW5kZXhcIj57eyBpICsgMSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjbGFzcz1cImJtYl9zdGVwLXByb2dyZXNzLWJhci1zdGVwLXBhbmVsLWxhYmVsXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgYWN0aXZlOiBhY3RpdmVTdGVwKCkgPT09IGksXG4gICAgICAgICAgICAgIGNvbXBsZXRlZDogYWN0aXZlU3RlcCgpID4gaSxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPnt7IGxhYmVsU3RlcHMoKVtpXSB9fTwvc3BhblxuICAgICAgICAgID5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgQGlmIChhY3RpdmVTdGVwKCkgPT09IGkgJiYgc3RlcFRlbXBsYXRlcygpLmxlbmd0aCA+IGkpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm1iX3N0ZXAtcHJvZ3Jlc3MtYmFyLXN0ZXAtcGFuZWwtY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJzdGVwVGVtcGxhdGVzKClbaV1cIlxuICAgICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/bmb-student-activity-card/bmb-student-activity-card.component.mjs

@@ -0,0 +1,53 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
+import { DateTime } from 'luxon';
+import { BmbBadgeComponent } from '../bmb-badge/bmb-badge.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbStudentActivityCardComponent {
+    constructor() {
+        this.startDate = input.required();
+        this.endDate = input.required();
+        this.title = input();
+        this.location = input();
+        this.responsible = input();
+        this.type = input('academic');
+        this.isListItem = input(false);
+        this.image = input();
+        this.dateFormat = input('yyyy-MM-dd HH:mm:ss');
+        this.badgeText = input('');
+        this.parsedStartDate = DateTime.now();
+        this.parsedEndDate = DateTime.now();
+    }
+    ngOnInit() {
+        this.parsedStartDate = DateTime.fromFormat(this.startDate(), this.dateFormat());
+        this.parsedEndDate = DateTime.fromFormat(this.endDate(), this.dateFormat());
+    }
+    getCardClasses() {
+        const classes = ['bmb_student-activity-card'];
+        if (this.isListItem())
+            classes.push('bmb_student-activity-card-list-item');
+        else
+            classes.push(`bmb_student-activity-card-${this.type()}`);
+        return classes;
+    }
+    getBadgeType() {
+        switch (this.type()) {
+            case 'academic':
+                return 'strong';
+            case 'life':
+                return 'mitec_green';
+            case 'events':
+                return 'mitec_purple';
+            case 'save_the_date':
+                return 'mitec_orange';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbStudentActivityCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BmbStudentActivityCardComponent, isStandalone: true, selector: "bmb-student-activity-card", inputs: { startDate: { classPropertyName: "startDate", publicName: "startDate", isSignal: true, isRequired: true, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, responsible: { classPropertyName: "responsible", publicName: "responsible", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, isListItem: { classPropertyName: "isListItem", publicName: "isListItem", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, badgeText: { classPropertyName: "badgeText", publicName: "badgeText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"getCardClasses()\">\n  @if (isListItem() && image()) {\n    <figure class=\"bmb_student-activity-card-image\">\n      <img\n        class=\"bmb_student-activity-card-image-pic\"\n        [src]=\"image()\"\n        [alt]=\"title()\"\n      />\n    </figure>\n  }\n  <div class=\"bmb_student-activity-card-badge\">\n    <bmb-badge\n      [appearance]=\"getBadgeType()\"\n      [text]=\"badgeText()\"\n      [container]=\"true\"\n    />\n  </div>\n  <h4 class=\"bmb_student-activity-card-title\">\n    {{ title() }}\n  </h4>\n  <section class=\"bmb_student-activity-card-content\">\n    <strong class=\"bmb_student-activity-card-content-time\">\n      {{ parsedStartDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }} -\n      {{ parsedEndDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }}\n    </strong>\n    <p class=\"bmb_student-activity-card-content-location\">\n      {{ location() }}<br />\n      @if (!isListItem()) {\n        {{ responsible() }}\n      }\n    </p>\n  </section>\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_student-activity-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;width:clamp(12.5rem,100%,21.25rem);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--bmb-box-shadow-2)}.bmb_student-activity-card-academic{background-image:linear-gradient(139deg,RGBA(var(--color-mariner-950)) -47.21%,RGBA(var(--color-mariner-900)) 93.52%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-academic .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-life{background-image:linear-gradient(325deg,RGBA(var(--color-green-primary)) 18.73%,RGBA(var(--color-green-light)) 103.37%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-life .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-events{background-image:linear-gradient(132deg,RGBA(var(--color-purple-primary)) -7.51%,RGBA(var(--color-purple-light)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-events .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-save_the_date{background-image:linear-gradient(132deg,RGBA(var(--color-yellow-primary)) -7.51%,RGBA(var(--mitec_orange-primary)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-save_the_date .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-list-item{border-bottom:.0625rem solid var(--general_contrasts-50);width:100%;border-radius:0;box-shadow:none;display:grid;grid-template-columns:4rem 1fr max-content;grid-template-rows:auto;gap:.5rem;padding:1rem 0;grid-template-areas:\"image title badge\" \"image location location\"}.bmb_student-activity-card-list-item .bmb_student-activity-card-title{padding:0}.bmb_student-activity-card-list-item .bmb_student-activity-card-content{display:flex;gap:.5rem;flex-direction:row-reverse;align-items:center}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;flex:1;color:var(--general_contrasts-75)}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:var(--general_contrasts-75)}.bmb_student-activity-card-title{padding:var(--bmb-spacing-m) 0 3.125rem;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;font-weight:400;grid-area:title}.bmb_student-activity-card-image{margin:0;width:4rem;height:4rem;overflow:hidden;border-radius:.5rem;grid-area:image}.bmb_student-activity-card-image-pic{object-fit:fill;width:100%;height:100%}.bmb_student-activity-card-badge{grid-area:badge}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_green{background-color:RGBA(var(--color-mitec-green))}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_purple{background-color:RGBA(var(--color-mitec-purple))}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_orange{background-color:RGBA(var(--mitec_orange-tint))}.bmb_student-activity-card-badge .bmb_badge-container .bmb_badge-bullet{background-color:RGBA(var(--color-charade-900))}.bmb_student-activity-card-badge .bmb_badge-container .bmb_badge-content{color:RGBA(var(--color-charade-900))}.bmb_student-activity-card-content{text-align:right;grid-area:location}.bmb_student-activity-card-content-time{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;font-weight:600}.bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BmbBadgeComponent, selector: "bmb-badge", inputs: ["appearance", "text", "container"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BmbStudentActivityCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-student-activity-card', standalone: true, imports: [CommonModule, BmbBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getCardClasses()\">\n  @if (isListItem() && image()) {\n    <figure class=\"bmb_student-activity-card-image\">\n      <img\n        class=\"bmb_student-activity-card-image-pic\"\n        [src]=\"image()\"\n        [alt]=\"title()\"\n      />\n    </figure>\n  }\n  <div class=\"bmb_student-activity-card-badge\">\n    <bmb-badge\n      [appearance]=\"getBadgeType()\"\n      [text]=\"badgeText()\"\n      [container]=\"true\"\n    />\n  </div>\n  <h4 class=\"bmb_student-activity-card-title\">\n    {{ title() }}\n  </h4>\n  <section class=\"bmb_student-activity-card-content\">\n    <strong class=\"bmb_student-activity-card-content-time\">\n      {{ parsedStartDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }} -\n      {{ parsedEndDate.toFormat(isListItem() ? \"hh:mm\" : \"hh:mm a\") }}\n    </strong>\n    <p class=\"bmb_student-activity-card-content-location\">\n      {{ location() }}<br />\n      @if (!isListItem()) {\n        {{ responsible() }}\n      }\n    </p>\n  </section>\n</div>\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}.bmb_student-activity-card{font-family:Poppins-Regular,sans-serif;font-size:.75rem;width:clamp(12.5rem,100%,21.25rem);padding:1.5rem;border-radius:1.5rem;box-shadow:var(--bmb-box-shadow-2)}.bmb_student-activity-card-academic{background-image:linear-gradient(139deg,RGBA(var(--color-mariner-950)) -47.21%,RGBA(var(--color-mariner-900)) 93.52%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-academic .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-life{background-image:linear-gradient(325deg,RGBA(var(--color-green-primary)) 18.73%,RGBA(var(--color-green-light)) 103.37%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-life .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-events{background-image:linear-gradient(132deg,RGBA(var(--color-purple-primary)) -7.51%,RGBA(var(--color-purple-light)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-events .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-save_the_date{background-image:linear-gradient(132deg,RGBA(var(--color-yellow-primary)) -7.51%,RGBA(var(--mitec_orange-primary)) 98.98%);color:rgb(var(--color-white-primary))}.bmb_student-activity-card-save_the_date .bmb_student-activity-card-content-location{color:rgb(var(--color-white-primary),.75)}.bmb_student-activity-card-list-item{border-bottom:.0625rem solid var(--general_contrasts-50);width:100%;border-radius:0;box-shadow:none;display:grid;grid-template-columns:4rem 1fr max-content;grid-template-rows:auto;gap:.5rem;padding:1rem 0;grid-template-areas:\"image title badge\" \"image location location\"}.bmb_student-activity-card-list-item .bmb_student-activity-card-title{padding:0}.bmb_student-activity-card-list-item .bmb_student-activity-card-content{display:flex;gap:.5rem;flex-direction:row-reverse;align-items:center}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-time{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;flex:1;color:var(--general_contrasts-75)}.bmb_student-activity-card-list-item .bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.75rem;font-weight:400;color:var(--general_contrasts-75)}.bmb_student-activity-card-title{padding:var(--bmb-spacing-m) 0 3.125rem;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;font-weight:400;grid-area:title}.bmb_student-activity-card-image{margin:0;width:4rem;height:4rem;overflow:hidden;border-radius:.5rem;grid-area:image}.bmb_student-activity-card-image-pic{object-fit:fill;width:100%;height:100%}.bmb_student-activity-card-badge{grid-area:badge}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_green{background-color:RGBA(var(--color-mitec-green))}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_purple{background-color:RGBA(var(--color-mitec-purple))}.bmb_student-activity-card-badge .bmb_badge-container.bmb_badge-mitec_orange{background-color:RGBA(var(--mitec_orange-tint))}.bmb_student-activity-card-badge .bmb_badge-container .bmb_badge-bullet{background-color:RGBA(var(--color-charade-900))}.bmb_student-activity-card-badge .bmb_badge-container .bmb_badge-content{color:RGBA(var(--color-charade-900))}.bmb_student-activity-card-content{text-align:right;grid-area:location}.bmb_student-activity-card-content-time{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem;font-weight:600}.bmb_student-activity-card-content-location{font-family:Poppins-Regular,sans-serif;font-size:.875rem;margin:0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZC9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkL2JtYi1zdHVkZW50LWFjdGl2aXR5LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFFTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUVqQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBWXJFLE1BQU0sT0FBTywrQkFBK0I7SUFUNUM7UUFVRSxjQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3JDLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDbkMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUMzQixnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzlCLFNBQUksR0FBRyxLQUFLLENBQWdCLFVBQVUsQ0FBQyxDQUFDO1FBQ3hDLGVBQVUsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDbkMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxLQUFLLENBQVMscUJBQXFCLENBQUMsQ0FBQztRQUNsRCxjQUFTLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRTlCLG9CQUFlLEdBQWEsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQzNDLGtCQUFhLEdBQWEsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDO0tBOEIxQztJQTVCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsR0FBRyxRQUFRLENBQUMsVUFBVSxDQUN4QyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQ2hCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FDbEIsQ0FBQztRQUNGLElBQUksQ0FBQyxhQUFhLEdBQUcsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELGNBQWM7UUFDWixNQUFNLE9BQU8sR0FBRyxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFDOUMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDOztZQUN0RSxPQUFPLENBQUMsSUFBSSxDQUFDLDZCQUE2QixJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTlELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxZQUFZO1FBQ1YsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDbkIsS0FBSyxVQUFVO2dCQUNiLE9BQU8sUUFBUSxDQUFDO1lBQ2xCLEtBQUssTUFBTTtnQkFDVCxPQUFPLGFBQWEsQ0FBQztZQUN2QixLQUFLLFFBQVE7Z0JBQ1gsT0FBTyxjQUFjLENBQUM7WUFDeEIsS0FBSyxlQUFlO2dCQUNsQixPQUFPLGNBQWMsQ0FBQztTQUN6QjtJQUNILENBQUM7K0dBMUNVLCtCQUErQjttR0FBL0IsK0JBQStCLG0yQ0N0QjVDLGdnQ0FpQ0EsZzZURGpCWSxZQUFZLDZIQUFFLGlCQUFpQjs7NEZBTTlCLCtCQUErQjtrQkFUM0MsU0FBUzsrQkFDRSwyQkFBMkIsY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDLG1CQUN6Qix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERhdGVUaW1lIH0gZnJvbSAnbHV4b24nO1xuaW1wb3J0IHsgSUJtYkV2ZW50VHlwZSB9IGZyb20gJy4uL2JtYi1jYWxlbmRhci90eXBlcyc7XG5pbXBvcnQgeyBCbWJCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1iYWRnZS9ibWItYmFkZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IElCYm1CZ0FwcGVhcmFuY2UgfSBmcm9tICcuLi9ibWItYWR2ZXJ0aXNlbWVudC1jYXJkL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLXN0dWRlbnQtYWN0aXZpdHktY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJtYkJhZGdlQ29tcG9uZW50XSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlVXJsOiAnLi9ibWItc3R1ZGVudC1hY3Rpdml0eS1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JtYi1zdHVkZW50LWFjdGl2aXR5LWNhcmQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJTdHVkZW50QWN0aXZpdHlDYXJkQ29tcG9uZW50IHtcbiAgc3RhcnREYXRlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICBlbmREYXRlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICB0aXRsZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgbG9jYXRpb24gPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlc3BvbnNpYmxlID0gaW5wdXQ8c3RyaW5nPigpO1xuICB0eXBlID0gaW5wdXQ8SUJtYkV2ZW50VHlwZT4oJ2FjYWRlbWljJyk7XG4gIGlzTGlzdEl0ZW0gPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIGltYWdlID0gaW5wdXQ8c3RyaW5nPigpO1xuICBkYXRlRm9ybWF0ID0gaW5wdXQ8c3RyaW5nPigneXl5eS1NTS1kZCBISDptbTpzcycpO1xuICBiYWRnZVRleHQgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICBwYXJzZWRTdGFydERhdGU6IERhdGVUaW1lID0gRGF0ZVRpbWUubm93KCk7XG4gIHBhcnNlZEVuZERhdGU6IERhdGVUaW1lID0gRGF0ZVRpbWUubm93KCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5wYXJzZWRTdGFydERhdGUgPSBEYXRlVGltZS5mcm9tRm9ybWF0KFxuICAgICAgdGhpcy5zdGFydERhdGUoKSxcbiAgICAgIHRoaXMuZGF0ZUZvcm1hdCgpLFxuICAgICk7XG4gICAgdGhpcy5wYXJzZWRFbmREYXRlID0gRGF0ZVRpbWUuZnJvbUZvcm1hdCh0aGlzLmVuZERhdGUoKSwgdGhpcy5kYXRlRm9ybWF0KCkpO1xuICB9XG5cbiAgZ2V0Q2FyZENsYXNzZXMoKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBbJ2JtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQnXTtcbiAgICBpZiAodGhpcy5pc0xpc3RJdGVtKCkpIGNsYXNzZXMucHVzaCgnYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC1saXN0LWl0ZW0nKTtcbiAgICBlbHNlIGNsYXNzZXMucHVzaChgYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC0ke3RoaXMudHlwZSgpfWApO1xuXG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cblxuICBnZXRCYWRnZVR5cGUoKTogSUJibUJnQXBwZWFyYW5jZSB7XG4gICAgc3dpdGNoICh0aGlzLnR5cGUoKSkge1xuICAgICAgY2FzZSAnYWNhZGVtaWMnOlxuICAgICAgICByZXR1cm4gJ3N0cm9uZyc7XG4gICAgICBjYXNlICdsaWZlJzpcbiAgICAgICAgcmV0dXJuICdtaXRlY19ncmVlbic7XG4gICAgICBjYXNlICdldmVudHMnOlxuICAgICAgICByZXR1cm4gJ21pdGVjX3B1cnBsZSc7XG4gICAgICBjYXNlICdzYXZlX3RoZV9kYXRlJzpcbiAgICAgICAgcmV0dXJuICdtaXRlY19vcmFuZ2UnO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJnZXRDYXJkQ2xhc3NlcygpXCI+XG4gIEBpZiAoaXNMaXN0SXRlbSgpICYmIGltYWdlKCkpIHtcbiAgICA8ZmlndXJlIGNsYXNzPVwiYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC1pbWFnZVwiPlxuICAgICAgPGltZ1xuICAgICAgICBjbGFzcz1cImJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtaW1hZ2UtcGljXCJcbiAgICAgICAgW3NyY109XCJpbWFnZSgpXCJcbiAgICAgICAgW2FsdF09XCJ0aXRsZSgpXCJcbiAgICAgIC8+XG4gICAgPC9maWd1cmU+XG4gIH1cbiAgPGRpdiBjbGFzcz1cImJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtYmFkZ2VcIj5cbiAgICA8Ym1iLWJhZGdlXG4gICAgICBbYXBwZWFyYW5jZV09XCJnZXRCYWRnZVR5cGUoKVwiXG4gICAgICBbdGV4dF09XCJiYWRnZVRleHQoKVwiXG4gICAgICBbY29udGFpbmVyXT1cInRydWVcIlxuICAgIC8+XG4gIDwvZGl2PlxuICA8aDQgY2xhc3M9XCJibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkLXRpdGxlXCI+XG4gICAge3sgdGl0bGUoKSB9fVxuICA8L2g0PlxuICA8c2VjdGlvbiBjbGFzcz1cImJtYl9zdHVkZW50LWFjdGl2aXR5LWNhcmQtY29udGVudFwiPlxuICAgIDxzdHJvbmcgY2xhc3M9XCJibWJfc3R1ZGVudC1hY3Rpdml0eS1jYXJkLWNvbnRlbnQtdGltZVwiPlxuICAgICAge3sgcGFyc2VkU3RhcnREYXRlLnRvRm9ybWF0KGlzTGlzdEl0ZW0oKSA/IFwiaGg6bW1cIiA6IFwiaGg6bW0gYVwiKSB9fSAtXG4gICAgICB7eyBwYXJzZWRFbmREYXRlLnRvRm9ybWF0KGlzTGlzdEl0ZW0oKSA/IFwiaGg6bW1cIiA6IFwiaGg6bW0gYVwiKSB9fVxuICAgIDwvc3Ryb25nPlxuICAgIDxwIGNsYXNzPVwiYm1iX3N0dWRlbnQtYWN0aXZpdHktY2FyZC1jb250ZW50LWxvY2F0aW9uXCI+XG4gICAgICB7eyBsb2NhdGlvbigpIH19PGJyIC8+XG4gICAgICBAaWYgKCFpc0xpc3RJdGVtKCkpIHtcbiAgICAgICAge3sgcmVzcG9uc2libGUoKSB9fVxuICAgICAgfVxuICAgIDwvcD5cbiAgPC9zZWN0aW9uPlxuPC9kaXY+XG4iXX0=